/* */ @charset "UTF-8"; /* /web/static/lib/bootstrap/scss/_functions.scss */ /* /web/static/lib/bootstrap/scss/_mixins.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 h1, .o_colored_level .o_cc5 h1, .o_colored_level .o_footer h1, .o_cc4 h1, .o_colored_level .o_cc4 h1, .o_cc3 h1, .o_colored_level .o_cc3 h1, .o_cc2 h1, .o_colored_level .o_cc2 h1, .o_cc1 h1, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar h1, .o_footer .s_popup h1, .navbar-light h1, .o_colored_level .o_cc1 h1, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar h1, .o_colored_level .o_footer .s_popup h1, .o_footer .o_colored_level .s_popup 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, .toast-body h1, .o_colored_level .toast-body h1, .card-body h1, .o_colored_level .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 .h1, .o_colored_level .o_cc5 .h1, .o_colored_level .o_footer .h1, .o_cc4 .h1, .o_colored_level .o_cc4 .h1, .o_cc3 .h1, .o_colored_level .o_cc3 .h1, .o_cc2 .h1, .o_colored_level .o_cc2 .h1, .o_cc1 .h1, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .h1, .o_footer .s_popup .h1, .navbar-light .h1, .o_colored_level .o_cc1 .h1, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .h1, .o_colored_level .o_footer .s_popup .h1, .o_footer .o_colored_level .s_popup .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, .toast-body .h1, .o_colored_level .toast-body .h1, .card-body .h1, .o_colored_level .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 h2, .o_colored_level .o_cc5 h2, .o_colored_level .o_footer h2, .o_cc4 h2, .o_colored_level .o_cc4 h2, .o_cc3 h2, .o_colored_level .o_cc3 h2, .o_cc2 h2, .o_colored_level .o_cc2 h2, .o_cc1 h2, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar h2, .o_footer .s_popup h2, .navbar-light h2, .o_colored_level .o_cc1 h2, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar h2, .o_colored_level .o_footer .s_popup h2, .o_footer .o_colored_level .s_popup 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, .toast-body h2, .o_colored_level .toast-body h2, .card-body h2, .o_colored_level .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 .h2, .o_colored_level .o_cc5 .h2, .o_colored_level .o_footer .h2, .o_cc4 .h2, .o_colored_level .o_cc4 .h2, .o_cc3 .h2, .o_colored_level .o_cc3 .h2, .o_cc2 .h2, .o_colored_level .o_cc2 .h2, .o_cc1 .h2, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .h2, .o_footer .s_popup .h2, .navbar-light .h2, .o_colored_level .o_cc1 .h2, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .h2, .o_colored_level .o_footer .s_popup .h2, .o_footer .o_colored_level .s_popup .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, .toast-body .h2, .o_colored_level .toast-body .h2, .card-body .h2, .o_colored_level .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 h3, .o_colored_level .o_cc5 h3, .o_colored_level .o_footer h3, .o_cc4 h3, .o_colored_level .o_cc4 h3, .o_cc3 h3, .o_colored_level .o_cc3 h3, .o_cc2 h3, .o_colored_level .o_cc2 h3, .o_cc1 h3, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar h3, .o_footer .s_popup h3, .navbar-light h3, .o_colored_level .o_cc1 h3, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar h3, .o_colored_level .o_footer .s_popup h3, .o_footer .o_colored_level .s_popup 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, .toast-body h3, .o_colored_level .toast-body h3, .card-body h3, .o_colored_level .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 .h3, .o_colored_level .o_cc5 .h3, .o_colored_level .o_footer .h3, .o_cc4 .h3, .o_colored_level .o_cc4 .h3, .o_cc3 .h3, .o_colored_level .o_cc3 .h3, .o_cc2 .h3, .o_colored_level .o_cc2 .h3, .o_cc1 .h3, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .h3, .o_footer .s_popup .h3, .navbar-light .h3, .o_colored_level .o_cc1 .h3, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .h3, .o_colored_level .o_footer .s_popup .h3, .o_footer .o_colored_level .s_popup .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, .toast-body .h3, .o_colored_level .toast-body .h3, .card-body .h3, .o_colored_level .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 h4, .o_colored_level .o_cc5 h4, .o_colored_level .o_footer h4, .o_cc4 h4, .o_colored_level .o_cc4 h4, .o_cc3 h4, .o_colored_level .o_cc3 h4, .o_cc2 h4, .o_colored_level .o_cc2 h4, .o_cc1 h4, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar h4, .o_footer .s_popup h4, .navbar-light h4, .o_colored_level .o_cc1 h4, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar h4, .o_colored_level .o_footer .s_popup h4, .o_footer .o_colored_level .s_popup 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, .toast-body h4, .o_colored_level .toast-body h4, .card-body h4, .o_colored_level .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 .h4, .o_colored_level .o_cc5 .h4, .o_colored_level .o_footer .h4, .o_cc4 .h4, .o_colored_level .o_cc4 .h4, .o_cc3 .h4, .o_colored_level .o_cc3 .h4, .o_cc2 .h4, .o_colored_level .o_cc2 .h4, .o_cc1 .h4, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .h4, .o_footer .s_popup .h4, .navbar-light .h4, .o_colored_level .o_cc1 .h4, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .h4, .o_colored_level .o_footer .s_popup .h4, .o_footer .o_colored_level .s_popup .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, .toast-body .h4, .o_colored_level .toast-body .h4, .card-body .h4, .o_colored_level .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 h5, .o_colored_level .o_cc5 h5, .o_colored_level .o_footer h5, .o_cc4 h5, .o_colored_level .o_cc4 h5, .o_cc3 h5, .o_colored_level .o_cc3 h5, .o_cc2 h5, .o_colored_level .o_cc2 h5, .o_cc1 h5, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar h5, .o_footer .s_popup h5, .navbar-light h5, .o_colored_level .o_cc1 h5, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar h5, .o_colored_level .o_footer .s_popup h5, .o_footer .o_colored_level .s_popup 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, .toast-body h5, .o_colored_level .toast-body h5, .card-body h5, .o_colored_level .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 .h5, .o_colored_level .o_cc5 .h5, .o_colored_level .o_footer .h5, .o_cc4 .h5, .o_colored_level .o_cc4 .h5, .o_cc3 .h5, .o_colored_level .o_cc3 .h5, .o_cc2 .h5, .o_colored_level .o_cc2 .h5, .o_cc1 .h5, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .h5, .o_footer .s_popup .h5, .navbar-light .h5, .o_colored_level .o_cc1 .h5, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .h5, .o_colored_level .o_footer .s_popup .h5, .o_footer .o_colored_level .s_popup .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, .toast-body .h5, .o_colored_level .toast-body .h5, .card-body .h5, .o_colored_level .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 h6, .o_colored_level .o_cc5 h6, .o_colored_level .o_footer h6, .o_cc4 h6, .o_colored_level .o_cc4 h6, .o_cc3 h6, .o_colored_level .o_cc3 h6, .o_cc2 h6, .o_colored_level .o_cc2 h6, .o_cc1 h6, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar h6, .o_footer .s_popup h6, .navbar-light h6, .o_colored_level .o_cc1 h6, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar h6, .o_colored_level .o_footer .s_popup h6, .o_footer .o_colored_level .s_popup 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, .toast-body h6, .o_colored_level .toast-body h6, .card-body h6, .o_colored_level .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 .h6, .o_colored_level .o_cc5 .h6, .o_colored_level .o_footer .h6, .o_cc4 .h6, .o_colored_level .o_cc4 .h6, .o_cc3 .h6, .o_colored_level .o_cc3 .h6, .o_cc2 .h6, .o_colored_level .o_cc2 .h6, .o_cc1 .h6, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .h6, .o_footer .s_popup .h6, .navbar-light .h6, .o_colored_level .o_cc1 .h6, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .h6, .o_colored_level .o_footer .s_popup .h6, .o_footer .o_colored_level .s_popup .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, .toast-body .h6, .o_colored_level .toast-body .h6, .card-body .h6, .o_colored_level .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/legacy/scss/utils.scss */ .modal:not(.o_legacy_dialog) .o_select_media_dialog .o_we_existing_attachments .o_existing_attachment_cell.o_we_image .o_we_media_dialog_img_wrapper, .o_colorpicker_widget .o_opacity_slider, .o_colorpicker_widget .o_color_preview { position: relative; z-index: 0; } .modal:not(.o_legacy_dialog) .o_select_media_dialog .o_we_existing_attachments .o_existing_attachment_cell.o_we_image .o_we_media_dialog_img_wrapper::before, .o_colorpicker_widget .o_opacity_slider::before, .o_colorpicker_widget .o_color_preview::before { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: -1; background-image: url("/web/static/img/transparent.png"); background-size: 10px auto; border-radius: inherit; } .modal:not(.o_legacy_dialog) .o_select_media_dialog .o_we_existing_attachments .o_existing_attachment_cell.o_we_image .o_we_media_dialog_img_wrapper::after, .o_colorpicker_widget .o_opacity_slider::after, .o_colorpicker_widget .o_color_preview::after { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: -1; background: inherit; border-radius: inherit; } .o_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/static/src/scss/primary_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_panel/search_panel.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_systray > * > a, .o_main_navbar .o_menu_systray > * > .dropdown > a, .o_main_navbar .o_menu_systray > * > button, .o_main_navbar .owl-carousel.dynamic-owl-carousel .owl-nav .o_menu_systray > * > button.owl-next, .owl-carousel.dynamic-owl-carousel .owl-nav .o_main_navbar .o_menu_systray > * > button.owl-next, .o_main_navbar .o_menu_systray > * > label, .o_main_navbar .o_menu_brand, .o_main_navbar .o_navbar_apps_menu .dropdown-toggle, .o_main_navbar .dropdown-toggle, .o_main_navbar .o_nav_entry { position: relative; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; width: auto; height: var(--o-navbar-height, 40px); user-select: none; background: transparent; font-size: 1.08333333rem; color: rgba(255, 255, 255, 0.9); } .o_main_navbar .o_menu_systray > * > a:hover, .o_main_navbar .o_menu_systray > * > .dropdown > a:hover, .o_main_navbar .o_menu_systray > * > button:hover, .o_main_navbar .owl-carousel.dynamic-owl-carousel .owl-nav .o_menu_systray > * > button.owl-next:hover, .owl-carousel.dynamic-owl-carousel .owl-nav .o_main_navbar .o_menu_systray > * > button.owl-next:hover, .o_main_navbar .o_menu_systray > * > label:hover, .o_main_navbar .o_menu_brand:hover, .o_main_navbar .o_navbar_apps_menu .dropdown-toggle:hover, .o_main_navbar .dropdown-toggle:hover, .o_main_navbar .o_nav_entry:hover, .o_main_navbar .o_menu_systray > * > a:focus, .o_main_navbar .o_menu_systray > * > .dropdown > a:focus, .o_main_navbar .o_menu_systray > * > button:focus, .o_main_navbar .owl-carousel.dynamic-owl-carousel .owl-nav .o_menu_systray > * > button.owl-next:focus, .owl-carousel.dynamic-owl-carousel .owl-nav .o_main_navbar .o_menu_systray > * > button.owl-next:focus, .o_main_navbar .o_menu_systray > * > label:focus, .o_main_navbar .o_menu_brand:focus, .o_main_navbar .o_navbar_apps_menu .dropdown-toggle:focus, .o_main_navbar .dropdown-toggle:focus, .o_main_navbar .o_nav_entry:focus, .o_main_navbar .o_menu_systray > * > a.focus, .o_main_navbar .o_menu_systray > * > .dropdown > a.focus, .o_main_navbar .o_menu_systray > * > button.focus, .o_main_navbar .owl-carousel.dynamic-owl-carousel .owl-nav .o_menu_systray > * > button.focus.owl-next, .owl-carousel.dynamic-owl-carousel .owl-nav .o_main_navbar .o_menu_systray > * > button.focus.owl-next, .o_main_navbar .o_menu_systray > * > label.focus, .o_main_navbar .focus.o_menu_brand, .o_main_navbar .o_navbar_apps_menu .focus.dropdown-toggle, .o_main_navbar .focus.dropdown-toggle, .o_main_navbar .focus.o_nav_entry { color: #FFFFFF; } .o_main_navbar .o_menu_systray > * > a, .o_main_navbar .o_menu_systray > * > .dropdown > a, .o_main_navbar .o_menu_systray > * > button, .o_main_navbar .owl-carousel.dynamic-owl-carousel .owl-nav .o_menu_systray > * > button.owl-next, .owl-carousel.dynamic-owl-carousel .owl-nav .o_main_navbar .o_menu_systray > * > button.owl-next, .o_main_navbar .o_menu_systray > * > label, .o_main_navbar .o_menu_brand, .o_main_navbar .dropdown-toggle, .o_main_navbar .o_nav_entry { padding: 0 12px; line-height: var(--o-navbar-height); } .o_main_navbar .o_menu_systray > * > a:hover, .o_main_navbar .o_menu_systray > * > .dropdown > a:hover, .o_main_navbar .o_menu_systray > * > button:hover, .o_main_navbar .owl-carousel.dynamic-owl-carousel .owl-nav .o_menu_systray > * > button.owl-next:hover, .owl-carousel.dynamic-owl-carousel .owl-nav .o_main_navbar .o_menu_systray > * > button.owl-next:hover, .o_main_navbar .o_menu_systray > * > label:hover, .o_main_navbar .dropdown-toggle:hover, .o_main_navbar .o_nav_entry:hover { background-color: rgba(0, 0, 0, 0.08); } .o_main_navbar .dropdown.show > .dropdown-toggle { background: rgba(0, 0, 0, 0.08); color: #FFFFFF; } /* /base/static/src/scss/onboarding.variables.scss */ /* /mail/static/src/scss/variables/primary_variables.scss */ /* /web_editor/static/src/scss/web_editor.variables.scss */ /* /web_editor/static/src/scss/wysiwyg.variables.scss */ /* /portal/static/src/scss/primary_variables.scss */ /* /account/static/src/scss/variables.scss */ @keyframes animate-red { 0% { color: red; } 100% { color: inherit; } } .animate { animation: animate-red 1s ease; } /* /website/static/src/scss/primary_variables.scss */ /* /website/static/src/scss/options/user_values.custom.web.assets_frontend.scss */ /* /website/static/src/scss/options/colors/user_color_palette.custom.web.assets_frontend.scss */ /* /website/static/src/scss/options/colors/user_gray_color_palette.scss */ /* /website/static/src/scss/options/colors/user_theme_color_palette.custom.web.assets_frontend.scss */ /* /website_sale/static/src/scss/primary_variables.scss */ /* /hr_org_chart/static/src/scss/variables.scss */ /* /theme_clarico_vega/static/src/scss/theme_color.scss */ /* /theme_clarico_vega/static/src/scss/customise_variables.scss */ /* ================= Main Colors =========================*/ /* ===================== State Colors ========================*/ /* /website/static/src/snippets/s_badge/000_variables.scss */ /* /website/static/src/snippets/s_product_list/000_variables.scss */ /* /website/static/src/scss/secondary_variables.scss */ /* /web/static/src/scss/secondary_variables.scss */ /* /web_editor/static/src/scss/secondary_variables.scss */ /* /website/static/src/scss/user_custom_bootstrap_overridden.scss */ /* /website/static/src/scss/bootstrap_overridden.scss */ /* /portal/static/src/scss/bootstrap_overridden.scss */ /* /web_editor/static/src/scss/bootstrap_overridden.scss */ /* /web/static/src/scss/bootstrap_overridden_frontend.scss */ /* /theme_clarico_vega/static/lib/theme/para_size.scss */ /*========================== Different Sizes Of Text ==========================*/ /* /theme_clarico_vega/static/lib/theme/variables.scss */ /*============================== Basic Variables with Font Size And Font Colour ========================*/ /*$footer_text_color: palette-color('footer_text_color') !default; $header_text_hover_color: palette-color('header_text_hover_color') !default;*/ /*$theme-extra-color-light: lighten(theme-color('gamma'), 15%) !default; $theme-extra-color: theme-color('gamma') !default;*/ /*--------------- Variables of Dynamic Category Menu --------------*/ /* 1 */ /* 2 */ /* 3 */ /* 4 */ /* 5 */ /*--------------- scrollbar for firefox --------------*/ /* /theme_clarico_vega/static/lib/theme/button.scss */ /*======================= Button Variables ============================*/ /* /theme_clarico_vega/static/lib/theme/heading_size.scss */ /*==================== Font Sizes For Heading Tags ===================*/ /* /theme_clarico_vega/static/lib/theme/link_color.scss */ /*====================== Link Hover =====================*/ /* /web/static/src/scss/pre_variables.scss */ /* /web/static/lib/bootstrap/scss/_variables.scss */ /* /web/static/src/scss/import_bootstrap.scss */ /*! * Copied from Bootstrap v5.1.3 (https://getbootstrap.com/) * Copyright 2011-2021 The Bootstrap Authors * Copyright 2011-2021 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) */ :root { --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: #F6F6F6; --o-cc5-btn-primary-border: ; --o-cc5-btn-primary: ; --o-cc5-link: ; --o-cc5-h6: ; --o-cc5-h5: ; --o-cc5-h4: ; --o-cc5-h3: ; --o-cc5-h2: ; --o-cc5-headings: #FFFFFF; --o-cc5-text: ; --o-cc5-bg: #383E45; --o-cc4-btn-secondary-border: ; --o-cc4-btn-secondary: #F6F6F6; --o-cc4-btn-primary-border: ; --o-cc4-btn-primary: #383E45; --o-cc4-link: #383E45; --o-cc4-h6: ; --o-cc4-h5: ; --o-cc4-h4: ; --o-cc4-h3: ; --o-cc4-h2: ; --o-cc4-headings: ; --o-cc4-text: ; --o-cc4-bg: #35979c; --o-cc3-btn-secondary-border: ; --o-cc3-btn-secondary: #F6F6F6; --o-cc3-btn-primary-border: ; --o-cc3-btn-primary: ; --o-cc3-link: ; --o-cc3-h6: ; --o-cc3-h5: ; --o-cc3-h4: ; --o-cc3-h3: ; --o-cc3-h2: ; --o-cc3-headings: ; --o-cc3-text: ; --o-cc3-bg: #685563; --o-cc2-btn-secondary-border: ; --o-cc2-btn-secondary: ; --o-cc2-btn-primary-border: ; --o-cc2-btn-primary: ; --o-cc2-link: ; --o-cc2-h6: ; --o-cc2-h5: ; --o-cc2-h4: ; --o-cc2-h3: ; --o-cc2-h2: ; --o-cc2-headings: #35979c; --o-cc2-text: ; --o-cc2-bg: #F6F6F6; --o-cc1-btn-secondary-border: ; --o-cc1-btn-secondary: ; --o-cc1-btn-primary-border: ; --o-cc1-btn-primary: ; --o-cc1-link: ; --o-cc1-h6: ; --o-cc1-h5: ; --o-cc1-h4: ; --o-cc1-h3: ; --o-cc1-h2: ; --o-cc1-headings: ; --o-cc1-text: ; --o-cc1-bg: #FFFFFF; --copyright-custom: rgba(0, 0, 0, 0.15); --copyright: ; --footer-custom: ; --footer: #383E45; --header-boxed-custom: #E9ECEF; --header-boxed: ; --menu-border-color: ; --menu-custom: ; --menu: #FFFFFF; --body: white; --o-color-5: #383E45; --o-color-4: #FFFFFF; --o-color-3: #F6F6F6; --o-color-2: #685563; --o-color-1: #35979c; --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: #35979c; --secondary: #685563; --success: #00b115; --info: #ffaa50; --warning: #ff5050; --danger: #900000; --light: #f7f7f7; --dark: #1a1a1a; --product_label: #a5806d; --button_gradient_1: transparent; --button_gradient_2: transparent; --animation_text_color: transparent; --animation_hover_color: transparent; --offer_timer_background_color: transparent; --header_top_bg_color: #000000; --header_top_text_color: #ffffff; --primary-rgb: 52.88345865, 150.81578947, 155.51654135; --secondary-rgb: 103.5, 84.5, 98.5; --success-rgb: 0, 177, 21; --info-rgb: 255, 170, 80; --warning-rgb: 255, 80, 80; --danger-rgb: 144, 0, 0; --light-rgb: 247.35, 247.35, 247.35; --dark-rgb: 25.5, 25.5, 25.5; --product_label-rgb: 165, 128, 109; --button_gradient_1-rgb: 0, 0, 0; --button_gradient_2-rgb: 0, 0, 0; --animation_text_color-rgb: 0, 0, 0; --animation_hover_color-rgb: 0, 0, 0; --offer_timer_background_color-rgb: 0, 0, 0; --header_top_bg_color-rgb: 0, 0, 0; --header_top_text_color-rgb: 255, 255, 255; --white-rgb: 255, 255, 255; --black-rgb: 0, 0, 0; --body-color-rgb: 33, 37, 41; --body-bg-rgb: 255, 255, 255; --font-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Ubuntu, "Liberation Sans", Arial, "Odoo Unicode Support Noto", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)); --body-font-family: var(--font-sans-serif); --body-font-size: 1rem; --body-font-weight: 400; --body-line-height: 1.5; --body-color: #212529; --body-bg: #FFFFFF; } *, *::before, *::after { box-sizing: border-box; } @media (prefers-reduced-motion: no-preference) { :root { scroll-behavior: smooth; } } 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; background-color: currentColor; border: 0; opacity: 0.25; } hr:not([size]) { height: 1px; } h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 { margin-top: 0; margin-bottom: 0.5rem; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Ubuntu, "Liberation Sans", Arial, "Odoo Unicode Support Noto", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-weight: normal; line-height: 1.5; } h1, .h1 { font-size: calc(1.375rem + 1.5vw); } @media (min-width: 1200px) { h1, .h1 { font-size: 2.5rem; } } h2, .h2 { font-size: calc(1.325rem + 0.9vw); } @media (min-width: 1200px) { h2, .h2 { font-size: 2rem; } } 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.275rem + 0.3vw); } @media (min-width: 1200px) { h4, .h4 { font-size: 1.5rem; } } h5, .h5 { font-size: 1.25rem; } h6, .h6 { font-size: 1rem; } p { margin-top: 0; margin-bottom: 1rem; } abbr[title], abbr[data-bs-original-title] { text-decoration: underline dotted; cursor: help; text-decoration-skip-ink: none; } address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } ol, ul { padding-left: 2rem; } ol, ul, dl { margin-top: 0; margin-bottom: 1rem; } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; } dt { font-weight: 700; } dd { margin-bottom: .5rem; margin-left: 0; } blockquote { margin: 0 0 1rem; } b, strong { font-weight: bolder; } small, .small { font-size: 0.875em; } mark, .mark { padding: 0.2em; background-color: #fcf8e3; } sub, sup { position: relative; font-size: 0.75em; line-height: 0; vertical-align: baseline; } sub { bottom: -.25em; } sup { top: -.5em; } a { color: #276e72; text-decoration: none; } a:hover { color: #133739; text-decoration: underline; } a:not([href]):not([class]), a:not([href]):not([class]):hover { color: inherit; text-decoration: none; } pre, code, kbd, samp { font-family: var(--font-monospace); font-size: 1em; direction: ltr /* rtl:ignore */; unicode-bidi: bidi-override; } pre { display: block; margin-top: 0; margin-bottom: 1rem; overflow: auto; font-size: 0.875em; } pre code { font-size: inherit; color: inherit; word-break: normal; } code { font-size: 0.875em; color: #e83e8c; word-wrap: break-word; } a > code { color: inherit; } kbd { padding: 0.2rem 0.4rem; font-size: 0.875em; color: #FFF; background-color: #212529; border-radius: 0; } kbd kbd { padding: 0; font-size: 1em; font-weight: 700; } 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: rgba(33, 37, 41, 0.7); 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, .owl-carousel.dynamic-owl-carousel .owl-nav button.owl-next { border-radius: 0; } button:focus:not(:focus-visible), .owl-carousel.dynamic-owl-carousel .owl-nav button.owl-next:focus:not(:focus-visible) { outline: 0; } input, button, .owl-carousel.dynamic-owl-carousel .owl-nav button.owl-next, select, optgroup, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; } button, .owl-carousel.dynamic-owl-carousel .owl-nav button.owl-next, select { text-transform: none; } [role="button"] { cursor: pointer; } select { word-wrap: normal; } select:disabled, select.o_wysiwyg_loader { opacity: 1; } [list]::-webkit-calendar-picker-indicator { display: none; } button, .owl-carousel.dynamic-owl-carousel .owl-nav button.owl-next, [type="button"], [type="reset"], [type="submit"] { -webkit--webkit-appearance: button; -moz-appearance: button; appearance: button; } button:not(:disabled):not(.o_wysiwyg_loader), .owl-carousel.dynamic-owl-carousel .owl-nav button.owl-next: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"] { outline-offset: -2px; -webkit--webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield; } /* rtl:raw: [type="tel"], [type="url"], [type="email"], [type="number"] { direction: ltr; } */ ::-webkit-search-decoration { -webkit--webkit-appearance: none; -moz-appearance: none; appearance: none; } ::-webkit-color-swatch-wrapper { padding: 0; } ::file-selector-button { font: inherit; } ::-webkit-file-upload-button { font: inherit; -webkit--webkit-appearance: button; -moz-appearance: button; appearance: button; } output { display: inline-block; } iframe { border: 0; } summary { display: list-item; cursor: pointer; } progress { vertical-align: baseline; } [hidden] { display: none !important; } .lead { font-size: 1.125rem; font-weight: 300; } .display-1 { font-size: calc(1.625rem + 4.5vw); font-weight: 300; line-height: 1.5; } @media (min-width: 1200px) { .display-1 { font-size: 5rem; } } .display-2 { font-size: calc(1.575rem + 3.9vw); font-weight: 300; line-height: 1.5; } @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.5; } @media (min-width: 1200px) { .display-3 { font-size: 4rem; } } .display-4 { font-size: calc(1.475rem + 2.7vw); font-weight: 300; line-height: 1.5; } @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.5; } @media (min-width: 1200px) { .display-5 { font-size: 3rem; } } .display-6 { font-size: calc(1.375rem + 1.5vw); font-weight: 300; line-height: 1.5; } @media (min-width: 1200px) { .display-6 { font-size: 2.5rem; } } .list-unstyled { padding-left: 0; list-style: none; } .list-inline { padding-left: 0; list-style: none; } .list-inline-item { display: inline-block; } .list-inline-item:not(:last-child) { margin-right: 0.5rem; } .initialism { font-size: 0.875em; text-transform: uppercase; } .blockquote { margin-bottom: 0; font-size: 1.25rem; } .blockquote > :last-child { margin-bottom: 0; } .blockquote-footer { margin-top: 0; margin-bottom: 0; font-size: 0.875em; color: #6C757D; } .blockquote-footer::before { content: "\2014\00A0"; } .img-fluid { max-width: 100%; height: auto; } .img-thumbnail { padding: 0.25rem; background-color: #FFFFFF; border: 1px solid #dee2e6; border-radius: 0; max-width: 100%; height: auto; } .figure { display: inline-block; } .figure-img { margin-bottom: 0.5rem; line-height: 1; } .figure-caption { font-size: 0.875em; color: inherit; } .container, .o_container_small, .container-fluid, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm { width: 100%; padding-right: var(--gutter-x, 15px); padding-left: var(--gutter-x, 15px); 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; } } .row { --gutter-x: 30px; --gutter-y: 0; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; 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); } .col { flex: 1 0 0%; } .row-cols-auto > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: auto; } .row-cols-1 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 100%; } .row-cols-2 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 50%; } .row-cols-3 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 33.33333333%; } .row-cols-4 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 25%; } .row-cols-5 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 20%; } .row-cols-6 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 16.66666667%; } .col-auto { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: auto; } .col-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 8.33333333%; } .col-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 16.66666667%; } .col-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 25%; } .col-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 33.33333333%; } .col-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 41.66666667%; } .col-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 50%; } .col-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 58.33333333%; } .col-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 66.66666667%; } .col-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 75%; } .col-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 83.33333333%; } .col-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 91.66666667%; } .col-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; 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 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: auto; } .row-cols-sm-1 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 100%; } .row-cols-sm-2 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 50%; } .row-cols-sm-3 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 33.33333333%; } .row-cols-sm-4 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 25%; } .row-cols-sm-5 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 20%; } .row-cols-sm-6 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 16.66666667%; } .col-sm-auto { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: auto; } .col-sm-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 8.33333333%; } .col-sm-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 16.66666667%; } .col-sm-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 25%; } .col-sm-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 33.33333333%; } .col-sm-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 41.66666667%; } .col-sm-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 50%; } .col-sm-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 58.33333333%; } .col-sm-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 66.66666667%; } .col-sm-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 75%; } .col-sm-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 83.33333333%; } .col-sm-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 91.66666667%; } .col-sm-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; 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 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: auto; } .row-cols-md-1 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 100%; } .row-cols-md-2 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 50%; } .row-cols-md-3 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 33.33333333%; } .row-cols-md-4 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 25%; } .row-cols-md-5 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 20%; } .row-cols-md-6 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 16.66666667%; } .col-md-auto { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: auto; } .col-md-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 8.33333333%; } .col-md-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 16.66666667%; } .col-md-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 25%; } .col-md-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 33.33333333%; } .col-md-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 41.66666667%; } .col-md-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 50%; } .col-md-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 58.33333333%; } .col-md-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 66.66666667%; } .col-md-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 75%; } .col-md-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 83.33333333%; } .col-md-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 91.66666667%; } .col-md-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; 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 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: auto; } .row-cols-lg-1 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 100%; } .row-cols-lg-2 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 50%; } .row-cols-lg-3 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 33.33333333%; } .row-cols-lg-4 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 25%; } .row-cols-lg-5 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 20%; } .row-cols-lg-6 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 16.66666667%; } .col-lg-auto { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: auto; } .col-lg-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 8.33333333%; } .col-lg-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 16.66666667%; } .col-lg-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 25%; } .col-lg-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 33.33333333%; } .col-lg-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 41.66666667%; } .col-lg-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 50%; } .col-lg-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 58.33333333%; } .col-lg-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 66.66666667%; } .col-lg-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 75%; } .col-lg-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 83.33333333%; } .col-lg-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 91.66666667%; } .col-lg-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; 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 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: auto; } .row-cols-xl-1 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 100%; } .row-cols-xl-2 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 50%; } .row-cols-xl-3 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 33.33333333%; } .row-cols-xl-4 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 25%; } .row-cols-xl-5 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 20%; } .row-cols-xl-6 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 16.66666667%; } .col-xl-auto { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: auto; } .col-xl-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 8.33333333%; } .col-xl-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 16.66666667%; } .col-xl-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 25%; } .col-xl-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 33.33333333%; } .col-xl-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 41.66666667%; } .col-xl-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 50%; } .col-xl-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 58.33333333%; } .col-xl-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 66.66666667%; } .col-xl-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 75%; } .col-xl-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 83.33333333%; } .col-xl-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 91.66666667%; } .col-xl-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; 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 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: auto; } .row-cols-xxl-1 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 100%; } .row-cols-xxl-2 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 50%; } .row-cols-xxl-3 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 33.33333333%; } .row-cols-xxl-4 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 25%; } .row-cols-xxl-5 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 20%; } .row-cols-xxl-6 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 16.66666667%; } .col-xxl-auto { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: auto; } .col-xxl-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 8.33333333%; } .col-xxl-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 16.66666667%; } .col-xxl-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 25%; } .col-xxl-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 33.33333333%; } .col-xxl-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 41.66666667%; } .col-xxl-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 50%; } .col-xxl-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 58.33333333%; } .col-xxl-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 66.66666667%; } .col-xxl-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 75%; } .col-xxl-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 83.33333333%; } .col-xxl-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 91.66666667%; } .col-xxl-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; 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-bg: transparent; --table-accent-bg: #fff; --table-striped-color: #212529; --table-striped-bg: rgba(0, 0, 0, 0.01); --table-active-color: #212529; --table-active-bg: rgba(0, 0, 0, 0.1); --table-hover-color: ; --table-hover-bg: #fff; width: 100%; margin-bottom: 1rem; vertical-align: top; border-color: #dee2e6; } .table > :not(caption) > * > * { padding: 0.75rem 0.75rem; background-color: var(--table-bg); border-bottom-width: 1px; box-shadow: inset 0 0 0 9999px var(--table-accent-bg); } .table > tbody { vertical-align: inherit; } .table > thead { vertical-align: bottom; } .table > :not(:first-child) { border-top: 2px solid #dee2e6; } .caption-top { caption-side: top; } .table-sm > :not(caption) > * > * { padding: 0.3rem 0.3rem; } .table-bordered > :not(caption) > * { border-width: 1px 0; } .table-bordered > :not(caption) > * > * { border-width: 0 1px; } .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-accent-bg: var(--table-striped-bg); color: var(--table-striped-color); } .table-active { --table-accent-bg: var(--table-active-bg); color: var(--table-active-color); } .table-hover > tbody > tr:hover > * { --table-accent-bg: var(--table-hover-bg); color: var(--table-hover-color); } .table-primary { --table-bg: #d7eaeb; --table-striped-bg: #d5e8e9; --table-striped-color: #212529; --table-active-bg: #c5d6d8; --table-active-color: #212529; --table-hover-bg: #c9dbdc; --table-hover-color: #212529; color: #212529; border-color: #c5d6d8; } .table-secondary { --table-bg: #e1dde0; --table-striped-bg: #dfdbde; --table-striped-color: #212529; --table-active-bg: #cecbce; --table-active-color: #212529; --table-hover-bg: #d3cfd2; --table-hover-color: #212529; color: #212529; border-color: #cecbce; } .table-success { --table-bg: #ccefd0; --table-striped-bg: #caedce; --table-striped-color: #212529; --table-active-bg: #bbdbbf; --table-active-color: #212529; --table-hover-bg: #bfe0c3; --table-hover-color: #212529; color: #212529; border-color: #bbdbbf; } .table-info { --table-bg: #ffeedc; --table-striped-bg: #fdecda; --table-striped-color: #212529; --table-active-bg: #e9daca; --table-active-color: #212529; --table-hover-bg: #eedfcf; --table-hover-color: #212529; color: #212529; border-color: #e9daca; } .table-warning { --table-bg: #ffdcdc; --table-striped-bg: #fddada; --table-striped-color: #212529; --table-active-bg: #e9caca; --table-active-color: #212529; --table-hover-bg: #eececf; --table-hover-color: #212529; color: #212529; border-color: #e9caca; } .table-danger { --table-bg: #e9cccc; --table-striped-bg: #e7caca; --table-striped-color: #212529; --table-active-bg: #d5bbbc; --table-active-color: #212529; --table-hover-bg: #dabfc0; --table-hover-color: #212529; color: #212529; border-color: #d5bbbc; } .table-light { --table-bg: #f7f7f7; --table-striped-bg: whitesmoke; --table-striped-color: #212529; --table-active-bg: #e2e2e3; --table-active-color: #212529; --table-hover-bg: #e7e8e8; --table-hover-color: #212529; color: #212529; border-color: #e2e2e3; } .table-dark { --table-bg: #1a1a1a; --table-striped-bg: #1c1c1c; --table-striped-color: #FFFFFF; --table-active-bg: #303030; --table-active-color: #FFFFFF; --table-hover-bg: #2b2b2b; --table-hover-color: #FFFFFF; color: #FFFFFF; border-color: #303030; } .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.675rem + 1px); padding-bottom: calc(0.675rem + 1px); margin-bottom: 0; font-size: inherit; line-height: 1.5; } .col-form-label-lg { padding-top: calc(0.675rem + 1px); padding-bottom: calc(0.675rem + 1px); font-size: 1.25rem; } .col-form-label-sm { padding-top: calc(0.25rem + 1px); padding-bottom: calc(0.25rem + 1px); font-size: 0.75rem; } .form-text { margin-top: 0.25rem; font-size: 0.875em; color: rgba(33, 37, 41, 0.7); } .form-control { display: block; width: 100%; padding: 0.675rem 1rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; background-color: #FFFFFF; background-clip: padding-box; border: 1px solid #CED4DA; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; transition: background-color 0.05s ease-in-out, border-color 0.05s ease-in-out, box-shadow 0.05s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-control { transition: none; } } .form-control[type="file"] { overflow: hidden; } .form-control[type="file"]:not(:disabled):not(.o_wysiwyg_loader):not([readonly]) { cursor: pointer; } .form-control:focus { color: #212529; background-color: #FFFFFF; border-color: #9acbcd; outline: 0; box-shadow: 0 0 0 0.25rem rgba(53, 151, 156, 0.25); } .form-control::-webkit-date-and-time-value { height: 1.5em; } .form-control::placeholder { color: #6C757D; opacity: 1; } .form-control:disabled, .form-control.o_wysiwyg_loader, .form-control[readonly] { background-color: #E9ECEF; opacity: 1; } .form-control::file-selector-button { padding: 0.675rem 1rem; margin: -0.675rem -1rem; margin-inline-end: 1rem; color: #212529; background-color: #E9ECEF; pointer-events: none; border-color: inherit; border-style: solid; border-width: 0; border-inline-end-width: 1px; 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: #dde0e3; } .form-control::-webkit-file-upload-button { padding: 0.675rem 1rem; margin: -0.675rem -1rem; margin-inline-end: 1rem; color: #212529; background-color: #E9ECEF; pointer-events: none; border-color: inherit; border-style: solid; border-width: 0; border-inline-end-width: 1px; 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::-webkit-file-upload-button { transition: none; } } .form-control:hover:not(:disabled):not(.o_wysiwyg_loader):not([readonly])::-webkit-file-upload-button { background-color: #dde0e3; } .form-control-plaintext { display: block; width: 100%; padding: 0.675rem 0; margin-bottom: 0; line-height: 1.5; color: #212529; background-color: transparent; border: solid transparent; border-width: 1px 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 + 2px); padding: 0.25rem 0.5rem; font-size: 0.75rem; border-radius: 0; } .form-control-sm::file-selector-button { padding: 0.25rem 0.5rem; margin: -0.25rem -0.5rem; margin-inline-end: 0.5rem; } .form-control-sm::-webkit-file-upload-button { padding: 0.25rem 0.5rem; margin: -0.25rem -0.5rem; margin-inline-end: 0.5rem; } .form-control-lg { min-height: calc(1.5em + 1.35rem + 2px); padding: 0.675rem 2rem; font-size: 1.25rem; border-radius: 0; } .form-control-lg::file-selector-button { padding: 0.675rem 2rem; margin: -0.675rem -2rem; margin-inline-end: 2rem; } .form-control-lg::-webkit-file-upload-button { padding: 0.675rem 2rem; margin: -0.675rem -2rem; margin-inline-end: 2rem; } textarea.form-control { min-height: calc(1.5em + 1.35rem + 2px); } textarea.form-control-sm { min-height: calc(1.5em + 0.5rem + 2px); } textarea.form-control-lg { min-height: calc(1.5em + 1.35rem + 2px); } .form-control-color { width: 3rem; height: auto; padding: 0.675rem; } .form-control-color:not(:disabled):not(.o_wysiwyg_loader):not([readonly]) { cursor: pointer; } .form-control-color::-moz-color-swatch { height: 1.5em; border-radius: 0; } .form-control-color::-webkit-color-swatch { height: 1.5em; border-radius: 0; } .form-select { display: block; width: 100%; padding: 0.675rem 3rem 0.675rem 1rem; -moz-padding-start: calc(1rem - 3px); font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; background-color: #FFFFFF; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343A40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right 1rem center; background-size: 16px 12px; border: 1px solid #CED4DA; border-radius: 0; transition: background-color 0.05s ease-in-out, border-color 0.05s ease-in-out, box-shadow 0.05s ease-in-out; -webkit-appearance: none; -moz-appearance: none; appearance: none; } @media (prefers-reduced-motion: reduce) { .form-select { transition: none; } } .form-select:focus { border-color: #9acbcd; outline: 0; box-shadow: 0 0 0 0.25rem rgba(53, 151, 156, 0.25); } .form-select[multiple], .form-select[size]:not([size="1"]) { padding-right: 1rem; background-image: none; } .form-select:disabled, .form-select.o_wysiwyg_loader { background-color: #E9ECEF; } .form-select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #212529; } .form-select-sm { padding-top: 0.25rem; padding-bottom: 0.25rem; padding-left: 0.5rem; font-size: 0.75rem; border-radius: 0; } .form-select-lg { padding-top: 0.675rem; padding-bottom: 0.675rem; padding-left: 2rem; font-size: 1.25rem; border-radius: 0; } .form-check { display: block; min-height: 1.5rem; padding-left: 1.5em; margin-bottom: 0.125rem; } .form-check .form-check-input { float: left; margin-left: -1.5em; } .form-check-input { width: 1em; height: 1em; margin-top: 0.25em; vertical-align: top; background-color: #FFFFFF; background-repeat: no-repeat; background-position: center; background-size: contain; border: 1px solid #CED4DA; -webkit-appearance: none; -moz-appearance: none; appearance: none; 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: #9acbcd; outline: 0; box-shadow: 0 0 0 0.25rem rgba(53, 151, 156, 0.25); } .form-check-input:checked { background-color: #35979c; border-color: #35979c; } .form-check-input[type="checkbox"]:checked { background-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 10l3 3l6-6'/%3e%3c/svg%3e"); } .form-check-input[type="radio"]:checked { background-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: #35979c; border-color: #35979c; background-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 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 { opacity: 0.5; } .form-switch { padding-left: 2.5em; } .form-switch .form-check-input { width: 2em; margin-left: -2.5em; 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='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e"); 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 { 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='%239acbcd'/%3e%3c/svg%3e"); } .form-switch .form-check-input:checked { background-position: right center; 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='%23FFF'/%3e%3c/svg%3e"); } .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; } .form-range { width: 100%; height: 1.5rem; padding: 0; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .form-range:focus { outline: 0; } .form-range:focus::-webkit-slider-thumb { box-shadow: 0 0 0 1px #FFFFFF, 0 0 0 0.25rem rgba(53, 151, 156, 0.25); } .form-range:focus::-moz-range-thumb { box-shadow: 0 0 0 1px #FFFFFF, 0 0 0 0.25rem rgba(53, 151, 156, 0.25); } .form-range::-moz-focus-outer { border: 0; } .form-range::-webkit-slider-thumb { width: 1rem; height: 1rem; margin-top: -0.45rem; background-color: #FFFFFF; border: 1px solid #35979c; 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; -webkit-appearance: none; -moz-appearance: none; appearance: none; } @media (prefers-reduced-motion: reduce) { .form-range::-webkit-slider-thumb { transition: none; } } .form-range::-webkit-slider-thumb:active { background-color: #35979c; } .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; background-color: #FFFFFF; border: 1px solid #35979c; 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; -webkit-appearance: none; -moz-appearance: none; appearance: none; } @media (prefers-reduced-motion: reduce) { .form-range::-moz-range-thumb { transition: none; } } .form-range::-moz-range-thumb:active { background-color: #35979c; } .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: #ADB5BD; } .form-range:disabled::-moz-range-thumb, .form-range.o_wysiwyg_loader::-moz-range-thumb { background-color: #ADB5BD; } .form-floating { position: relative; } .form-floating > .form-control, .form-floating > .form-select { height: calc(3.5rem + 2px); line-height: 1.25; } .form-floating > label { position: absolute; top: 0; left: 0; height: 100%; padding: 1rem 1rem; pointer-events: none; border: 1px 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 { padding: 1rem 1rem; } .form-floating > .form-control::placeholder { color: transparent; } .form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown) { padding-top: 1.625rem; padding-bottom: 0.625rem; } .form-floating > .form-control:-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-select ~ label { opacity: 0.65; transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); } .form-floating > .form-control:-webkit-autofill ~ label { opacity: 0.65; transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); } .input-group { position: relative; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; align-items: stretch; width: 100%; } .input-group > .form-control, .input-group > .form-select { position: relative; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; flex: 1 1 auto; width: 1%; min-width: 0; } .input-group > .form-control:focus, .input-group > .form-select:focus { z-index: 3; } .input-group .btn { position: relative; z-index: 2; } .input-group .btn:focus { z-index: 3; } .input-group-text { display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; padding: 0.675rem 1rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; text-align: center; white-space: nowrap; background-color: #E9ECEF; border: 1px solid #CED4DA; border-radius: 0; } .input-group-lg > .form-control, .input-group-lg > .form-select, .input-group-lg > .input-group-text, .input-group-lg > .btn { padding: 0.675rem 2rem; font-size: 1.25rem; border-radius: 0; } .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.75rem; border-radius: 0; } .input-group-lg > .form-select, .input-group-sm > .form-select { padding-right: 4rem; } .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.o_dropdown_menu), .input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n + 3) { 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), .input-group.has-validation > .dropdown-toggle:nth-last-child(n + 4) { 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: -1px; border-top-left-radius: 0; border-bottom-left-radius: 0; } .valid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 0.875em; color: #00b115; } .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.75rem; color: #212529; background-color: rgba(0, 177, 21, 0.9); border-radius: 0; } .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: #00b115; padding-right: calc(1.5em + 1.35rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2300b115' d='M2.3 6.73L.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.3375rem) center; background-size: calc(0.75em + 0.675rem) calc(0.75em + 0.675rem); } .was-validated .form-control:valid:focus, .form-control.is-valid:focus { border-color: #00b115; box-shadow: 0 0 0 0.25rem rgba(0, 177, 21, 0.25); } .was-validated textarea.form-control:valid, textarea.form-control.is-valid { padding-right: calc(1.5em + 1.35rem); background-position: top calc(0.375em + 0.3375rem) right calc(0.375em + 0.3375rem); } .was-validated .form-select:valid, .form-select.is-valid { border-color: #00b115; } .was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select[size="1"]:valid:not([multiple]), .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid[size="1"]:not([multiple]) { padding-right: 5.5rem; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343A40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2300b115' d='M2.3 6.73L.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-position: right 1rem center, center right 3rem; background-size: 16px 12px, calc(0.75em + 0.675rem) calc(0.75em + 0.675rem); } .was-validated .form-select:valid:focus, .form-select.is-valid:focus { border-color: #00b115; box-shadow: 0 0 0 0.25rem rgba(0, 177, 21, 0.25); } .was-validated .form-check-input:valid, .form-check-input.is-valid { border-color: #00b115; } .was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked { background-color: #00b115; } .was-validated .form-check-input:valid:focus, .form-check-input.is-valid:focus { box-shadow: 0 0 0 0.25rem rgba(0, 177, 21, 0.25); } .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { color: #00b115; } .form-check-inline .form-check-input ~ .valid-feedback { margin-left: .5em; } .was-validated .input-group .form-control:valid, .input-group .form-control.is-valid, .was-validated .input-group .form-select:valid, .input-group .form-select.is-valid { z-index: 1; } .was-validated .input-group .form-control:valid:focus, .input-group .form-control.is-valid:focus, .was-validated .input-group .form-select:valid:focus, .input-group .form-select.is-valid:focus { z-index: 3; } .invalid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 0.875em; color: #900000; } .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.75rem; color: #FFFFFF; background-color: rgba(144, 0, 0, 0.9); border-radius: 0; } .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: #900000; padding-right: calc(1.5em + 1.35rem); 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='%23900000'%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='%23900000' stroke='none'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(0.375em + 0.3375rem) center; background-size: calc(0.75em + 0.675rem) calc(0.75em + 0.675rem); } .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { border-color: #900000; box-shadow: 0 0 0 0.25rem rgba(144, 0, 0, 0.25); } .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { padding-right: calc(1.5em + 1.35rem); background-position: top calc(0.375em + 0.3375rem) right calc(0.375em + 0.3375rem); } .was-validated .form-select:invalid, .form-select.is-invalid { border-color: #900000; } .was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select[size="1"]:invalid:not([multiple]), .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid[size="1"]:not([multiple]) { padding-right: 5.5rem; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343A40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), 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='%23900000'%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='%23900000' stroke='none'/%3e%3c/svg%3e"); background-position: right 1rem center, center right 3rem; background-size: 16px 12px, calc(0.75em + 0.675rem) calc(0.75em + 0.675rem); } .was-validated .form-select:invalid:focus, .form-select.is-invalid:focus { border-color: #900000; box-shadow: 0 0 0 0.25rem rgba(144, 0, 0, 0.25); } .was-validated .form-check-input:invalid, .form-check-input.is-invalid { border-color: #900000; } .was-validated .form-check-input:invalid:checked, .form-check-input.is-invalid:checked { background-color: #900000; } .was-validated .form-check-input:invalid:focus, .form-check-input.is-invalid:focus { box-shadow: 0 0 0 0.25rem rgba(144, 0, 0, 0.25); } .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { color: #900000; } .form-check-inline .form-check-input ~ .invalid-feedback { margin-left: .5em; } .was-validated .input-group .form-control:invalid, .input-group .form-control.is-invalid, .was-validated .input-group .form-select:invalid, .input-group .form-select.is-invalid { z-index: 2; } .was-validated .input-group .form-control:invalid:focus, .input-group .form-control.is-invalid:focus, .was-validated .input-group .form-select:invalid:focus, .input-group .form-select.is-invalid:focus { z-index: 3; } .btn { display: inline-block; font-weight: normal; line-height: 1.5; color: #212529; text-align: center; vertical-align: middle; cursor: pointer; user-select: none; background-color: transparent; border: 0 solid transparent; padding: 0.675rem 1rem; font-size: 1rem; 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) { .btn { transition: none; } } .btn:hover { color: #212529; text-decoration: none; } .btn-check:focus + .btn, .btn:focus { outline: 0; box-shadow: 0 0 0 0.25rem rgba(53, 151, 156, 0.25); } .btn:disabled, .btn.o_wysiwyg_loader, .btn.disabled, fieldset:disabled .btn, fieldset.o_wysiwyg_loader .btn { pointer-events: none; opacity: 0.65; } .btn-link { font-weight: 400; color: #276e72; text-decoration: none; } .btn-link:hover { color: #133739; text-decoration: underline; } .btn-link:focus { text-decoration: underline; } .btn-link:disabled, .btn-link.o_wysiwyg_loader, .btn-link.disabled { color: #6C757D; } .btn-lg, .btn-group-lg > .btn { padding: 0.675rem 2rem; font-size: 1.25rem; border-radius: 0; } .btn-sm, .btn-group-sm > .btn { padding: 0.0625rem 0.3125rem; font-size: 0.75rem; border-radius: 0; } .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 { 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 { position: absolute; z-index: 1001; display: none; min-width: 10rem; padding: 0.5rem 0; margin: 0; font-size: 1rem; color: #212529; text-align: left; list-style: none; background-color: #FFF; background-clip: padding-box; border: 1px solid #ededed; border-radius: 0; } .dropdown-menu[data-bs-popper], .o_dropdown_menu[data-bs-popper] { top: 100%; left: 0; margin-top: 0.125rem; } .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 .o_dropdown_menu[data-bs-popper] { top: auto; bottom: 100%; margin-top: 0; margin-bottom: 0.125rem; } .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 .o_dropdown_menu[data-bs-popper] { top: 0; right: auto; left: 100%; margin-top: 0; margin-left: 0.125rem; } .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 .o_dropdown_menu[data-bs-popper] { top: 0; right: 100%; left: auto; margin-top: 0; margin-right: 0.125rem; } .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: 0.5rem 0; overflow: hidden; border-top: 1px solid #ededed; } .dropdown-item { display: block; width: 100%; padding: 0.25rem 1rem; clear: both; font-weight: 400; color: #777777; text-align: inherit; white-space: nowrap; background-color: transparent; border: 0; } .dropdown-item:hover, .dropdown-item:focus { color: #35979c; text-decoration: none; background-color: transparent; } .dropdown-item.active, .dropdown-item:active { color: #FFF; text-decoration: none; background-color: #35979c; } .dropdown-item.disabled, .dropdown-item:disabled, .dropdown-item.o_wysiwyg_loader { color: #ADB5BD; pointer-events: none; background-color: transparent; } .dropdown-menu.show, .show.o_dropdown_menu { display: block; } .dropdown-header { display: block; padding: 0.5rem 1rem; margin-bottom: 0; font-size: 0.75rem; color: #6C757D; white-space: nowrap; } .dropdown-item-text { display: block; padding: 0.25rem 1rem; color: #777777; } .dropdown-menu-dark { color: #dee2e6; background-color: #343A40; border-color: #ededed; } .dropdown-menu-dark .dropdown-item { color: #dee2e6; } .dropdown-menu-dark .dropdown-item:hover, .dropdown-menu-dark .dropdown-item:focus { color: #FFF; background-color: rgba(255, 255, 255, 0.15); } .dropdown-menu-dark .dropdown-item.active, .dropdown-menu-dark .dropdown-item:active { color: #FFF; background-color: #35979c; } .dropdown-menu-dark .dropdown-item.disabled, .dropdown-menu-dark .dropdown-item:disabled, .dropdown-menu-dark .dropdown-item.o_wysiwyg_loader { color: #ADB5BD; } .dropdown-menu-dark .dropdown-divider { border-color: #ededed; } .dropdown-menu-dark .dropdown-item-text { color: #dee2e6; } .dropdown-menu-dark .dropdown-header { color: #ADB5BD; } .btn-group, .btn-group-vertical { position: relative; display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; vertical-align: middle; } .btn-group > .btn, .btn-group-vertical > .btn { position: relative; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; 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: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; justify-content: flex-start; } .btn-toolbar .input-group { width: auto; } .btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) { margin-left: 0; } .btn-group > .btn:not(:last-child):not(.dropdown-toggle), .btn-group > .btn-group:not(:last-child) > .btn { border-top-right-radius: 0; border-bottom-right-radius: 0; } .btn-group > .btn:nth-child(n + 3), .btn-group > :not(.btn-check) + .btn, .btn-group > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-bottom-left-radius: 0; } .dropdown-toggle-split { padding-right: 0.75rem; padding-left: 0.75rem; } .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropend .dropdown-toggle-split::after { margin-left: 0; } .dropstart .dropdown-toggle-split::before { margin-right: 0; } .btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { padding-right: 0.234375rem; padding-left: 0.234375rem; } .btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { padding-right: 1.5rem; padding-left: 1.5rem; } .btn-group-vertical { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; 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: 0; } .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 { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; } .nav-link { display: block; padding: 0.5rem 1rem; color: #276e72; 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: #133739; text-decoration: none; } .nav-link.disabled { color: #6C757D; pointer-events: none; cursor: default; } .nav-tabs { border-bottom: 1px solid #dee2e6; } .nav-tabs .nav-link { margin-bottom: -1px; background: none; border: 1px solid transparent; border-top-left-radius: 0; border-top-right-radius: 0; } .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { border-color: #E9ECEF #E9ECEF #dee2e6; isolation: isolate; } .nav-tabs .nav-link.disabled { color: #6C757D; background-color: transparent; border-color: transparent; } .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { color: #495057; background-color: #FFFFFF; border-color: #dee2e6 #dee2e6 #FFFFFF; } .nav-tabs .dropdown-menu, .nav-tabs .o_dropdown_menu { margin-top: -1px; border-top-left-radius: 0; border-top-right-radius: 0; } .nav-pills .nav-link { background: none; border: 0; border-radius: 0; } .nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: #FFF; background-color: #35979c; } .nav-fill > .nav-link, .nav-fill .nav-item { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; 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 { position: relative; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; align-items: center; justify-content: space-between; padding-top: 0.5rem; padding-right: 1rem; padding-bottom: 0.5rem; padding-left: 1rem; } .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: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: inherit; flex-wrap: inherit; align-items: center; justify-content: space-between; } .navbar-brand { padding-top: 0.3125rem; padding-bottom: 0.3125rem; margin-right: 1rem; font-size: 1.25rem; white-space: nowrap; } .navbar-brand:hover, .navbar-brand:focus { text-decoration: none; } .navbar-nav { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none; } .navbar-nav .nav-link { padding-right: 0; padding-left: 0; } .navbar-nav .dropdown-menu, .navbar-nav .o_dropdown_menu { position: static; } .navbar-text { padding-top: 0.5rem; padding-bottom: 0.5rem; } .navbar-collapse { flex-basis: 100%; flex-grow: 1; align-items: center; } .navbar-toggler { padding: 0.25rem 0.75rem; font-size: 1.25rem; line-height: 1; background-color: transparent; border: 1px solid transparent; border-radius: 0; transition: box-shadow 0.15s ease-in-out; } @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 0.25rem; } .navbar-toggler-icon { display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; 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 { -webkit-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: start; 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: 0.7rem; padding-left: 0.7rem; } .navbar-expand-sm .navbar-nav-scroll { overflow: visible; } .navbar-expand-sm .navbar-collapse { display: -webkit-box !important; display: -webkit-flex !important; display: flex !important; flex-basis: auto; } .navbar-expand-sm .navbar-toggler { display: none; } .navbar-expand-sm .offcanvas-header { display: none; } .navbar-expand-sm .offcanvas { position: inherit; bottom: 0; z-index: 1000; flex-grow: 1; visibility: visible !important; background-color: transparent; border-right: 0; border-left: 0; transition: none; transform: none; } .navbar-expand-sm .offcanvas-top, .navbar-expand-sm .offcanvas-bottom { height: auto; border-top: 0; border-bottom: 0; } .navbar-expand-sm .offcanvas-body { display: -webkit-box; display: -webkit-flex; display: flex; flex-grow: 0; padding: 0; overflow-y: visible; } } @media (min-width: 768px) { .navbar-expand-md { -webkit-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: start; 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: 0.7rem; padding-left: 0.7rem; } .navbar-expand-md .navbar-nav-scroll { overflow: visible; } .navbar-expand-md .navbar-collapse { display: -webkit-box !important; display: -webkit-flex !important; display: flex !important; flex-basis: auto; } .navbar-expand-md .navbar-toggler { display: none; } .navbar-expand-md .offcanvas-header { display: none; } .navbar-expand-md .offcanvas { position: inherit; bottom: 0; z-index: 1000; flex-grow: 1; visibility: visible !important; background-color: transparent; border-right: 0; border-left: 0; transition: none; transform: none; } .navbar-expand-md .offcanvas-top, .navbar-expand-md .offcanvas-bottom { height: auto; border-top: 0; border-bottom: 0; } .navbar-expand-md .offcanvas-body { display: -webkit-box; display: -webkit-flex; display: flex; flex-grow: 0; padding: 0; overflow-y: visible; } } @media (min-width: 992px) { .navbar-expand-lg { -webkit-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: start; 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: 0.7rem; padding-left: 0.7rem; } .navbar-expand-lg .navbar-nav-scroll { overflow: visible; } .navbar-expand-lg .navbar-collapse { display: -webkit-box !important; display: -webkit-flex !important; display: flex !important; flex-basis: auto; } .navbar-expand-lg .navbar-toggler { display: none; } .navbar-expand-lg .offcanvas-header { display: none; } .navbar-expand-lg .offcanvas { position: inherit; bottom: 0; z-index: 1000; flex-grow: 1; visibility: visible !important; background-color: transparent; border-right: 0; border-left: 0; transition: none; transform: none; } .navbar-expand-lg .offcanvas-top, .navbar-expand-lg .offcanvas-bottom { height: auto; border-top: 0; border-bottom: 0; } .navbar-expand-lg .offcanvas-body { display: -webkit-box; display: -webkit-flex; display: flex; flex-grow: 0; padding: 0; overflow-y: visible; } } @media (min-width: 1200px) { .navbar-expand-xl { -webkit-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: start; 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: 0.7rem; padding-left: 0.7rem; } .navbar-expand-xl .navbar-nav-scroll { overflow: visible; } .navbar-expand-xl .navbar-collapse { display: -webkit-box !important; display: -webkit-flex !important; display: flex !important; flex-basis: auto; } .navbar-expand-xl .navbar-toggler { display: none; } .navbar-expand-xl .offcanvas-header { display: none; } .navbar-expand-xl .offcanvas { position: inherit; bottom: 0; z-index: 1000; flex-grow: 1; visibility: visible !important; background-color: transparent; border-right: 0; border-left: 0; transition: none; transform: none; } .navbar-expand-xl .offcanvas-top, .navbar-expand-xl .offcanvas-bottom { height: auto; border-top: 0; border-bottom: 0; } .navbar-expand-xl .offcanvas-body { display: -webkit-box; display: -webkit-flex; display: flex; flex-grow: 0; padding: 0; overflow-y: visible; } } @media (min-width: 1400px) { .navbar-expand-xxl { -webkit-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: start; 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: 0.7rem; padding-left: 0.7rem; } .navbar-expand-xxl .navbar-nav-scroll { overflow: visible; } .navbar-expand-xxl .navbar-collapse { display: -webkit-box !important; display: -webkit-flex !important; display: flex !important; flex-basis: auto; } .navbar-expand-xxl .navbar-toggler { display: none; } .navbar-expand-xxl .offcanvas-header { display: none; } .navbar-expand-xxl .offcanvas { position: inherit; bottom: 0; z-index: 1000; flex-grow: 1; visibility: visible !important; background-color: transparent; border-right: 0; border-left: 0; transition: none; transform: none; } .navbar-expand-xxl .offcanvas-top, .navbar-expand-xxl .offcanvas-bottom { height: auto; border-top: 0; border-bottom: 0; } .navbar-expand-xxl .offcanvas-body { display: -webkit-box; display: -webkit-flex; display: flex; flex-grow: 0; padding: 0; overflow-y: visible; } } .navbar-expand { -webkit-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: start; 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: 0.7rem; padding-left: 0.7rem; } .navbar-expand .navbar-nav-scroll { overflow: visible; } .navbar-expand .navbar-collapse { display: -webkit-box !important; display: -webkit-flex !important; display: flex !important; flex-basis: auto; } .navbar-expand .navbar-toggler { display: none; } .navbar-expand .offcanvas-header { display: none; } .navbar-expand .offcanvas { position: inherit; bottom: 0; z-index: 1000; flex-grow: 1; visibility: visible !important; background-color: transparent; border-right: 0; border-left: 0; transition: none; transform: none; } .navbar-expand .offcanvas-top, .navbar-expand .offcanvas-bottom { height: auto; border-top: 0; border-bottom: 0; } .navbar-expand .offcanvas-body { display: -webkit-box; display: -webkit-flex; display: flex; flex-grow: 0; padding: 0; overflow-y: visible; } .navbar-light .navbar-brand { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-nav .nav-link { color: rgba(0, 0, 0, 0.55); } .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { color: rgba(0, 0, 0, 0.7); } .navbar-light .navbar-nav .nav-link.disabled { color: rgba(0, 0, 0, 0.3); } .navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .nav-link.active { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-toggler { color: rgba(0, 0, 0, 0.55); border-color: transparent; } .navbar-light .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } .navbar-light .navbar-text { color: rgba(0, 0, 0, 0.55); } .navbar-light .navbar-text a, .navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { color: rgba(0, 0, 0, 0.9); } .navbar-dark .navbar-brand { color: #FFF; } .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { color: #FFF; } .navbar-dark .navbar-nav .nav-link { color: rgba(255, 255, 255, 0.55); } .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { color: rgba(255, 255, 255, 0.75); } .navbar-dark .navbar-nav .nav-link.disabled { color: rgba(255, 255, 255, 0.25); } .navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .nav-link.active { color: #FFF; } .navbar-dark .navbar-toggler { color: rgba(255, 255, 255, 0.55); border-color: transparent; } .navbar-dark .navbar-toggler-icon { background-image: 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"); } .navbar-dark .navbar-text { color: rgba(255, 255, 255, 0.55); } .navbar-dark .navbar-text a, .navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { color: #FFF; } .card { position: relative; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #FFF; background-clip: border-box; border: 1px solid #ededed; border-radius: 0; } .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: 0; border-top-right-radius: 0; } .card > .list-group:last-child { border-bottom-width: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .card > .card-header + .list-group, .card > .list-group + .card-footer { border-top: 0; } .card-body { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; flex: 1 1 auto; padding: 1rem 1rem; } .card-title { margin-bottom: 0.5rem; } .card-subtitle { margin-top: -0.25rem; margin-bottom: 0; } .card-text:last-child { margin-bottom: 0; } .card-link:hover { text-decoration: none; } .card-link + .card-link { margin-left: 1rem; } .card-header { padding: 0.5rem 1rem; margin-bottom: 0; background-color: rgba(0, 0, 0, 0.03); border-bottom: 1px solid #ededed; } .card-header:first-child { border-radius: 0 0 0 0; } .card-footer { padding: 0.5rem 1rem; background-color: rgba(0, 0, 0, 0.03); border-top: 1px solid #ededed; } .card-footer:last-child { border-radius: 0 0 0 0; } .card-header-tabs { margin-right: -0.5rem; margin-bottom: -0.5rem; margin-left: -0.5rem; border-bottom: 0; } .card-header-pills { margin-right: -0.5rem; margin-left: -0.5rem; } .card-img-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 1rem; border-radius: 0; } .card-img, .card-img-top, .s_dynamic.s_blog_post_card .card .s_blog_posts_post_cover .o_record_cover_container .o_record_cover_image, .card-img-bottom { width: 100%; } .card-img, .card-img-top, .s_dynamic.s_blog_post_card .card .s_blog_posts_post_cover .o_record_cover_container .o_record_cover_image { border-top-left-radius: 0; border-top-right-radius: 0; } .card-img, .card-img-bottom { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .card-group > .card { margin-bottom: 15px; } @media (min-width: 576px) { .card-group { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; 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, .s_dynamic.s_blog_post_card .card-group > .card:not(:last-child) .s_blog_posts_post_cover .o_record_cover_container .o_record_cover_image, .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, .s_dynamic.s_blog_post_card .card-group > .card:not(:first-child) .s_blog_posts_post_cover .o_record_cover_container .o_record_cover_image, .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-button { position: relative; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; width: 100%; padding: 1rem 1.25rem; font-size: 1rem; color: inherit; text-align: left; background-color: inherit; border: 0; border-radius: 0; overflow-anchor: none; 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; } @media (prefers-reduced-motion: reduce) { .accordion-button { transition: none; } } .accordion-button:not(.collapsed) { color: inherit; background-color: inherit; box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.125); } .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='inherit'%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"); transform: rotate(0deg); } .accordion-button::after { flex-shrink: 0; width: 1rem; height: 1rem; margin-left: auto; content: ""; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='inherit'%3e%3cpath transform='rotate%2890, 8, 8%29' fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-size: 1rem; transition: transform 0.2s ease-in-out; } @media (prefers-reduced-motion: reduce) { .accordion-button::after { transition: none; } } .accordion-button:hover { z-index: 2; } .accordion-button:focus { z-index: 3; border-color: #9acbcd; outline: 0; box-shadow: 0 0 0 0.25rem rgba(53, 151, 156, 0.25); } .accordion-header { margin-bottom: 0; } .accordion-item { background-color: inherit; border: 0 solid rgba(0, 0, 0, 0.125); } .accordion-item:first-of-type { border-top-left-radius: 0; border-top-right-radius: 0; } .accordion-item:first-of-type .accordion-button { border-top-left-radius: 0; border-top-right-radius: 0; } .accordion-item:not(:first-of-type) { border-top: 0; } .accordion-item:last-of-type { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .accordion-item:last-of-type .accordion-button.collapsed { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .accordion-item:last-of-type .accordion-collapse { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .accordion-body { padding: 1rem 1.25rem; } .accordion-flush .accordion-collapse { border-width: 0; } .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-button { border-radius: 0; } .breadcrumb { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; padding: 0.75rem 1rem; margin-bottom: 1rem; list-style: none; background-color: #f5f5f5; } .breadcrumb-item + .breadcrumb-item { padding-left: 0.5rem; } .breadcrumb-item + .breadcrumb-item::before { float: left; padding-right: 0.5rem; color: #6C757D; content: var(--breadcrumb-divider, "/") /* rtl: var(--breadcrumb-divider, "/") */; } .breadcrumb-item.active { color: #6C757D; } .pagination { display: -webkit-box; display: -webkit-flex; display: flex; padding-left: 0; list-style: none; } .page-link { position: relative; display: block; color: #276e72; background-color: #FFF; border: 1px solid #dee2e6; 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) { .page-link { transition: none; } } .page-link:hover { z-index: 2; color: #133739; text-decoration: none; background-color: #E9ECEF; border-color: #dee2e6; } .page-link:focus { z-index: 3; color: #133739; background-color: #E9ECEF; outline: 0; box-shadow: 0 0 0 0.25rem rgba(53, 151, 156, 0.25); } .page-item:not(:first-child) .page-link { margin-left: -1px; } .page-item.active .page-link { z-index: 3; color: #FFF; background-color: #35979c; border-color: #35979c; } .page-item.disabled .page-link { color: #6C757D; pointer-events: none; background-color: #FFF; border-color: #dee2e6; } .page-link { padding: 0.375rem 0.75rem; } .page-item:first-child .page-link { border-top-left-radius: 0; border-bottom-left-radius: 0; } .page-item:last-child .page-link { border-top-right-radius: 0; border-bottom-right-radius: 0; } .pagination-lg .page-link { padding: 0.75rem 1.5rem; font-size: 1.25rem; } .pagination-lg .page-item:first-child .page-link { border-top-left-radius: 0; border-bottom-left-radius: 0; } .pagination-lg .page-item:last-child .page-link { border-top-right-radius: 0; border-bottom-right-radius: 0; } .pagination-sm .page-link { padding: 0.25rem 0.5rem; font-size: 0.75rem; } .pagination-sm .page-item:first-child .page-link { border-top-left-radius: 0; border-bottom-left-radius: 0; } .pagination-sm .page-item:last-child .page-link { border-top-right-radius: 0; border-bottom-right-radius: 0; } .badge { display: inline-block; padding: 0.25em 0.4em; font-size: 80%; font-weight: 700; line-height: 1; color: #FFF; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0; } .badge:empty { display: none; } .btn .badge { position: relative; top: -1px; } .alert { position: relative; padding: 1rem 1rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: 0; } .alert-heading { color: inherit; } .alert-link { font-weight: 700; } .alert-dismissible { padding-right: 3rem; } .alert-dismissible .btn-close { position: absolute; top: 0; right: 0; z-index: 2; padding: 1.25rem 1rem; } .alert-primary { color: #205a5d; background-color: #d7eaeb; border-color: #c2e0e1; } .alert-primary .alert-link { color: #1a484a; } .alert-secondary { color: #3e333b; background-color: #e1dde0; border-color: #d2ccd0; } .alert-secondary .alert-link { color: #32292f; } .alert-success { color: #006a0d; background-color: #ccefd0; border-color: #b3e8b9; } .alert-success .alert-link { color: #00550a; } .alert-info { color: #996630; background-color: #ffeedc; border-color: #ffe6cb; } .alert-info .alert-link { color: #7a5226; } .alert-warning { color: #993030; background-color: #ffdcdc; border-color: #ffcbcb; } .alert-warning .alert-link { color: #7a2626; } .alert-danger { color: #560000; background-color: #e9cccc; border-color: #deb3b3; } .alert-danger .alert-link { color: #450000; } .alert-light { color: #949494; background-color: #fdfdfd; border-color: #fdfdfd; } .alert-light .alert-link { color: #767676; } .alert-dark { color: #0f0f0f; background-color: #d1d1d1; border-color: #bababa; } .alert-dark .alert-link { color: #0c0c0c; } .alert-product_label { color: #634d41; background-color: #ede6e2; border-color: #e4d9d3; } .alert-product_label .alert-link { color: #4f3e34; } .alert-button_gradient_1 { color: rgba(0, 0, 0, 0.4); background-color: rgba(255, 255, 255, 0.8); border-color: rgba(255, 255, 255, 0.7); } .alert-button_gradient_1 .alert-link { color: rgba(0, 0, 0, 0.52); } .alert-button_gradient_2 { color: rgba(0, 0, 0, 0.4); background-color: rgba(255, 255, 255, 0.8); border-color: rgba(255, 255, 255, 0.7); } .alert-button_gradient_2 .alert-link { color: rgba(0, 0, 0, 0.52); } .alert-animation_text_color { color: rgba(0, 0, 0, 0.4); background-color: rgba(255, 255, 255, 0.8); border-color: rgba(255, 255, 255, 0.7); } .alert-animation_text_color .alert-link { color: rgba(0, 0, 0, 0.52); } .alert-animation_hover_color { color: rgba(0, 0, 0, 0.4); background-color: rgba(255, 255, 255, 0.8); border-color: rgba(255, 255, 255, 0.7); } .alert-animation_hover_color .alert-link { color: rgba(0, 0, 0, 0.52); } .alert-offer_timer_background_color { color: rgba(0, 0, 0, 0.4); background-color: rgba(255, 255, 255, 0.8); border-color: rgba(255, 255, 255, 0.7); } .alert-offer_timer_background_color .alert-link { color: rgba(0, 0, 0, 0.52); } .alert-header_top_bg_color { color: black; background-color: #cccccc; border-color: #b3b3b3; } .alert-header_top_bg_color .alert-link { color: black; } .alert-header_top_text_color { color: #7a7c7f; background-color: white; border-color: white; } .alert-header_top_text_color .alert-link { color: #626366; } @keyframes progress-bar-stripes { 0% { background-position-x: 1rem; } } .progress { display: -webkit-box; display: -webkit-flex; display: flex; height: 1rem; overflow: hidden; font-size: 0.75rem; background-color: #E9ECEF; border-radius: 0; } .progress-bar { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; justify-content: center; overflow: hidden; color: #FFF; text-align: center; white-space: nowrap; background-color: #35979c; transition: width 0.6s ease; } @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: 1rem 1rem; } .progress-bar-animated { animation: 1s linear infinite progress-bar-stripes; } @media (prefers-reduced-motion: reduce) { .progress-bar-animated { animation: none; } } .list-group { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; padding-left: 0; margin-bottom: 0; border-radius: 0; } .list-group-numbered { list-style-type: none; counter-reset: section; } .list-group-numbered > li::before { content: counters(section, ".") ". "; counter-increment: section; } .list-group-item-action { width: 100%; color: #495057; text-align: inherit; } .list-group-item-action:hover, .list-group-item-action:focus { z-index: 1; color: #495057; text-decoration: none; background-color: #F8F9FA; } .list-group-item-action:active { color: #212529; background-color: #E9ECEF; } .list-group-item { position: relative; display: block; padding: 0.5rem 1rem; color: #212529; background-color: #FFF; border: 1px solid rgba(0, 0, 0, 0.125); } .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: #6C757D; pointer-events: none; background-color: #FFF; } .list-group-item.active { z-index: 2; color: #FFF; background-color: #35979c; border-color: #35979c; } .list-group-item + .list-group-item { border-top-width: 0; } .list-group-item + .list-group-item.active { margin-top: -1px; border-top-width: 1px; } .list-group-horizontal { flex-direction: row; } .list-group-horizontal > .list-group-item:first-child { border-bottom-left-radius: 0; border-top-right-radius: 0; } .list-group-horizontal > .list-group-item:last-child { border-top-right-radius: 0; 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: 1px; border-left-width: 0; } .list-group-horizontal > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } @media (min-width: 576px) { .list-group-horizontal-sm { flex-direction: row; } .list-group-horizontal-sm > .list-group-item:first-child { border-bottom-left-radius: 0; border-top-right-radius: 0; } .list-group-horizontal-sm > .list-group-item:last-child { border-top-right-radius: 0; 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: 1px; border-left-width: 0; } .list-group-horizontal-sm > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } } @media (min-width: 768px) { .list-group-horizontal-md { flex-direction: row; } .list-group-horizontal-md > .list-group-item:first-child { border-bottom-left-radius: 0; border-top-right-radius: 0; } .list-group-horizontal-md > .list-group-item:last-child { border-top-right-radius: 0; 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: 1px; border-left-width: 0; } .list-group-horizontal-md > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } } @media (min-width: 992px) { .list-group-horizontal-lg { flex-direction: row; } .list-group-horizontal-lg > .list-group-item:first-child { border-bottom-left-radius: 0; border-top-right-radius: 0; } .list-group-horizontal-lg > .list-group-item:last-child { border-top-right-radius: 0; 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: 1px; border-left-width: 0; } .list-group-horizontal-lg > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } } @media (min-width: 1200px) { .list-group-horizontal-xl { flex-direction: row; } .list-group-horizontal-xl > .list-group-item:first-child { border-bottom-left-radius: 0; border-top-right-radius: 0; } .list-group-horizontal-xl > .list-group-item:last-child { border-top-right-radius: 0; 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: 1px; border-left-width: 0; } .list-group-horizontal-xl > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } } @media (min-width: 1400px) { .list-group-horizontal-xxl { flex-direction: row; } .list-group-horizontal-xxl > .list-group-item:first-child { border-bottom-left-radius: 0; border-top-right-radius: 0; } .list-group-horizontal-xxl > .list-group-item:last-child { border-top-right-radius: 0; 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: 1px; border-left-width: 0; } .list-group-horizontal-xxl > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } } .list-group-flush { border-radius: 0; } .list-group-flush > .list-group-item { border-width: 0 0 1px; } .list-group-flush > .list-group-item:last-child { border-bottom-width: 0; } .list-group-item-primary { color: #205a5d; background-color: #d7eaeb; } .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { color: #205a5d; background-color: #c2d3d4; } .list-group-item-primary.list-group-item-action.active { color: #FFF; background-color: #205a5d; border-color: #205a5d; } .list-group-item-secondary { color: #3e333b; background-color: #e1dde0; } .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { color: #3e333b; background-color: #cbc7ca; } .list-group-item-secondary.list-group-item-action.active { color: #FFF; background-color: #3e333b; border-color: #3e333b; } .list-group-item-success { color: #006a0d; background-color: #ccefd0; } .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { color: #006a0d; background-color: #b8d7bb; } .list-group-item-success.list-group-item-action.active { color: #FFF; background-color: #006a0d; border-color: #006a0d; } .list-group-item-info { color: #996630; background-color: #ffeedc; } .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { color: #996630; background-color: #e6d6c6; } .list-group-item-info.list-group-item-action.active { color: #FFF; background-color: #996630; border-color: #996630; } .list-group-item-warning { color: #993030; background-color: #ffdcdc; } .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { color: #993030; background-color: #e6c6c6; } .list-group-item-warning.list-group-item-action.active { color: #FFF; background-color: #993030; border-color: #993030; } .list-group-item-danger { color: #560000; background-color: #e9cccc; } .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { color: #560000; background-color: #d2b8b8; } .list-group-item-danger.list-group-item-action.active { color: #FFF; background-color: #560000; border-color: #560000; } .list-group-item-light { color: #949494; background-color: #fdfdfd; } .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { color: #949494; background-color: #e4e4e4; } .list-group-item-light.list-group-item-action.active { color: #FFF; background-color: #949494; border-color: #949494; } .list-group-item-dark { color: #0f0f0f; background-color: #d1d1d1; } .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { color: #0f0f0f; background-color: #bcbcbc; } .list-group-item-dark.list-group-item-action.active { color: #FFF; background-color: #0f0f0f; border-color: #0f0f0f; } .list-group-item-product_label { color: #634d41; background-color: #ede6e2; } .list-group-item-product_label.list-group-item-action:hover, .list-group-item-product_label.list-group-item-action:focus { color: #634d41; background-color: #d5cfcb; } .list-group-item-product_label.list-group-item-action.active { color: #FFF; background-color: #634d41; border-color: #634d41; } .list-group-item-button_gradient_1 { color: rgba(0, 0, 0, 0.4); background-color: rgba(255, 255, 255, 0.8); } .list-group-item-button_gradient_1.list-group-item-action:hover, .list-group-item-button_gradient_1.list-group-item-action:focus { color: rgba(0, 0, 0, 0.4); background-color: rgba(219, 219, 219, 0.82); } .list-group-item-button_gradient_1.list-group-item-action.active { color: #FFF; background-color: rgba(0, 0, 0, 0.4); border-color: rgba(0, 0, 0, 0.4); } .list-group-item-button_gradient_2 { color: rgba(0, 0, 0, 0.4); background-color: rgba(255, 255, 255, 0.8); } .list-group-item-button_gradient_2.list-group-item-action:hover, .list-group-item-button_gradient_2.list-group-item-action:focus { color: rgba(0, 0, 0, 0.4); background-color: rgba(219, 219, 219, 0.82); } .list-group-item-button_gradient_2.list-group-item-action.active { color: #FFF; background-color: rgba(0, 0, 0, 0.4); border-color: rgba(0, 0, 0, 0.4); } .list-group-item-animation_text_color { color: rgba(0, 0, 0, 0.4); background-color: rgba(255, 255, 255, 0.8); } .list-group-item-animation_text_color.list-group-item-action:hover, .list-group-item-animation_text_color.list-group-item-action:focus { color: rgba(0, 0, 0, 0.4); background-color: rgba(219, 219, 219, 0.82); } .list-group-item-animation_text_color.list-group-item-action.active { color: #FFF; background-color: rgba(0, 0, 0, 0.4); border-color: rgba(0, 0, 0, 0.4); } .list-group-item-animation_hover_color { color: rgba(0, 0, 0, 0.4); background-color: rgba(255, 255, 255, 0.8); } .list-group-item-animation_hover_color.list-group-item-action:hover, .list-group-item-animation_hover_color.list-group-item-action:focus { color: rgba(0, 0, 0, 0.4); background-color: rgba(219, 219, 219, 0.82); } .list-group-item-animation_hover_color.list-group-item-action.active { color: #FFF; background-color: rgba(0, 0, 0, 0.4); border-color: rgba(0, 0, 0, 0.4); } .list-group-item-offer_timer_background_color { color: rgba(0, 0, 0, 0.4); background-color: rgba(255, 255, 255, 0.8); } .list-group-item-offer_timer_background_color.list-group-item-action:hover, .list-group-item-offer_timer_background_color.list-group-item-action:focus { color: rgba(0, 0, 0, 0.4); background-color: rgba(219, 219, 219, 0.82); } .list-group-item-offer_timer_background_color.list-group-item-action.active { color: #FFF; background-color: rgba(0, 0, 0, 0.4); border-color: rgba(0, 0, 0, 0.4); } .list-group-item-header_top_bg_color { color: black; background-color: #cccccc; } .list-group-item-header_top_bg_color.list-group-item-action:hover, .list-group-item-header_top_bg_color.list-group-item-action:focus { color: black; background-color: #b8b8b8; } .list-group-item-header_top_bg_color.list-group-item-action.active { color: #FFF; background-color: black; border-color: black; } .list-group-item-header_top_text_color { color: #7a7c7f; background-color: white; } .list-group-item-header_top_text_color.list-group-item-action:hover, .list-group-item-header_top_text_color.list-group-item-action:focus { color: #7a7c7f; background-color: #e6e6e6; } .list-group-item-header_top_text_color.list-group-item-action.active { color: #FFF; background-color: #7a7c7f; border-color: #7a7c7f; } .btn-close { box-sizing: content-box; width: 1em; height: 1em; padding: 0.25em 0.25em; color: #000; background: transparent 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 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat; border: 0; border-radius: 0; opacity: 0.5; } .btn-close:hover { color: #000; text-decoration: none; opacity: 0.75; } .btn-close:focus { outline: 0; box-shadow: 0 0 0 0.25rem rgba(53, 151, 156, 0.25); opacity: 1; } .btn-close:disabled, .btn-close.o_wysiwyg_loader, .btn-close.disabled { pointer-events: none; user-select: none; opacity: 0.25; } .btn-close-white { filter: invert(1) grayscale(100%) brightness(200%); } .toast { width: 350px; max-width: 100%; font-size: 0.875rem; pointer-events: auto; background-color: rgba(255, 255, 255, 0.85); background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.1); box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); border-radius: 0; } .toast.showing { opacity: 0; } .toast:not(.show) { display: none; } .toast-container { width: max-content; max-width: 100%; pointer-events: none; } .toast-container > :not(:last-child) { margin-bottom: 15px; } .toast-header { display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; padding: 0.5rem 0.75rem; color: #6C757D; background-color: rgba(255, 255, 255, 0.85); background-clip: padding-box; border-bottom: 1px solid rgba(0, 0, 0, 0.05); border-top-left-radius: 0; border-top-right-radius: 0; } .toast-header .btn-close { margin-right: -0.375rem; margin-left: 0.75rem; } .toast-body { padding: 0.75rem; word-wrap: break-word; } .modal { position: fixed; top: 0; left: 0; z-index: 1055; display: none; width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto; outline: 0; } .modal-dialog { position: relative; width: auto; margin: 0.5rem; 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% - 1rem); } .modal-dialog-scrollable .modal-content { max-height: 100%; overflow: hidden; } .modal-dialog-scrollable .modal-body { overflow-y: auto; } .modal-dialog-centered { display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; min-height: calc(100% - 1rem); } .modal-content { position: relative; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; width: 100%; pointer-events: auto; background-color: #FFF; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0; outline: 0; } .modal-backdrop { position: fixed; top: 0; left: 0; z-index: 1050; width: 100vw; height: 100vh; background-color: #000; } .modal-backdrop.fade { opacity: 0; } .modal-backdrop.show { opacity: 0.5; } .modal-header { display: -webkit-box; display: -webkit-flex; display: flex; flex-shrink: 0; align-items: center; justify-content: space-between; padding: 1rem 1rem; border-bottom: 1px solid #ededed; border-top-left-radius: 0; border-top-right-radius: 0; } .modal-header .btn-close { padding: 0.5rem 0.5rem; margin: -0.5rem -0.5rem -0.5rem auto; } .modal-title { margin-bottom: 0; line-height: 1.5; } .modal-body { position: relative; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; flex: 1 1 auto; padding: 1rem; } .modal-footer { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; flex-shrink: 0; align-items: center; -webkit-box-pack: end; justify-content: flex-end; padding: 0.75rem; border-top: 1px solid #ededed; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .modal-footer > * { margin: 0.25rem; } @media (min-width: 576px) { .modal-dialog { max-width: 650px; margin: 1.75rem auto; } .modal-dialog-scrollable { height: calc(100% - 3.5rem); } .modal-dialog-centered { min-height: calc(100% - 3.5rem); } .modal-sm { max-width: 300px; } } @media (min-width: 992px) { .modal-lg, .modal-xl { max-width: 980px; } } @media (min-width: 1200px) { .modal-xl { max-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 { border-radius: 0; } .modal-fullscreen .modal-body { overflow-y: auto; } .modal-fullscreen .modal-footer { border-radius: 0; } @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 { border-radius: 0; } .modal-fullscreen-sm-down .modal-body { overflow-y: auto; } .modal-fullscreen-sm-down .modal-footer { border-radius: 0; } } @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 { border-radius: 0; } .modal-fullscreen-md-down .modal-body { overflow-y: auto; } .modal-fullscreen-md-down .modal-footer { border-radius: 0; } } @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 { border-radius: 0; } .modal-fullscreen-lg-down .modal-body { overflow-y: auto; } .modal-fullscreen-lg-down .modal-footer { border-radius: 0; } } @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 { border-radius: 0; } .modal-fullscreen-xl-down .modal-body { overflow-y: auto; } .modal-fullscreen-xl-down .modal-footer { border-radius: 0; } } @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 { border-radius: 0; } .modal-fullscreen-xxl-down .modal-body { overflow-y: auto; } .modal-fullscreen-xxl-down .modal-footer { border-radius: 0; } } .tooltip { position: absolute; z-index: 1080; display: block; margin: 0; 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; word-spacing: normal; white-space: normal; line-break: auto; font-size: 0.75rem; word-wrap: break-word; opacity: 0; } .tooltip.show { opacity: 0.9; } .tooltip .tooltip-arrow { position: absolute; display: block; width: 0.8rem; height: 0.4rem; } .tooltip .tooltip-arrow::before { position: absolute; content: ""; border-color: transparent; border-style: solid; } .bs-tooltip-top, .bs-tooltip-auto[data-popper-placement^="top"] { padding: 0.4rem 0; } .bs-tooltip-top .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow { bottom: 0; } .bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow::before { top: -1px; border-width: 0.4rem 0.4rem 0; border-top-color: #000; } .bs-tooltip-end, .bs-tooltip-auto[data-popper-placement^="right"] { padding: 0 0.4rem; } .bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow { left: 0; width: 0.4rem; height: 0.8rem; } .bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow::before { right: -1px; border-width: 0.4rem 0.4rem 0.4rem 0; border-right-color: #000; } .bs-tooltip-bottom, .bs-tooltip-auto[data-popper-placement^="bottom"] { padding: 0.4rem 0; } .bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow { top: 0; } .bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow::before { bottom: -1px; border-width: 0 0.4rem 0.4rem; border-bottom-color: #000; } .bs-tooltip-start, .bs-tooltip-auto[data-popper-placement^="left"] { padding: 0 0.4rem; } .bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow { right: 0; width: 0.4rem; height: 0.8rem; } .bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow::before { left: -1px; border-width: 0.4rem 0 0.4rem 0.4rem; border-left-color: #000; } .tooltip-inner { max-width: 200px; padding: 0.25rem 0.5rem; color: #FFF; text-align: center; background-color: #000; border-radius: 0; } .popover { position: absolute; top: 0; left: 0 /* rtl:ignore */; z-index: 1070; display: block; max-width: 276px; 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; word-spacing: normal; white-space: normal; line-break: auto; font-size: 0.75rem; word-wrap: break-word; background-color: #FFF; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0; } .popover .popover-arrow { position: absolute; display: block; width: 1rem; height: 0.5rem; } .popover .popover-arrow::before, .popover .popover-arrow::after { position: absolute; display: block; content: ""; border-color: transparent; border-style: solid; } .bs-popover-top > .popover-arrow, .bs-popover-auto[data-popper-placement^="top"] > .popover-arrow { bottom: calc(-0.5rem - 1px); } .bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^="top"] > .popover-arrow::before { bottom: 0; border-width: 0.5rem 0.5rem 0; border-top-color: rgba(0, 0, 0, 0.25); } .bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="top"] > .popover-arrow::after { bottom: 1px; border-width: 0.5rem 0.5rem 0; border-top-color: #FFF; } .bs-popover-end > .popover-arrow, .bs-popover-auto[data-popper-placement^="right"] > .popover-arrow { left: calc(-0.5rem - 1px); width: 0.5rem; height: 1rem; } .bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^="right"] > .popover-arrow::before { left: 0; border-width: 0.5rem 0.5rem 0.5rem 0; border-right-color: rgba(0, 0, 0, 0.25); } .bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="right"] > .popover-arrow::after { left: 1px; border-width: 0.5rem 0.5rem 0.5rem 0; border-right-color: #FFF; } .bs-popover-bottom > .popover-arrow, .bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow { top: calc(-0.5rem - 1px); } .bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow::before { top: 0; border-width: 0 0.5rem 0.5rem 0.5rem; border-bottom-color: rgba(0, 0, 0, 0.25); } .bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow::after { top: 1px; border-width: 0 0.5rem 0.5rem 0.5rem; border-bottom-color: #FFF; } .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: 1rem; margin-left: -0.5rem; content: ""; border-bottom: 1px solid #f0f0f0; } .bs-popover-start > .popover-arrow, .bs-popover-auto[data-popper-placement^="left"] > .popover-arrow { right: calc(-0.5rem - 1px); width: 0.5rem; height: 1rem; } .bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^="left"] > .popover-arrow::before { right: 0; border-width: 0.5rem 0 0.5rem 0.5rem; border-left-color: rgba(0, 0, 0, 0.25); } .bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="left"] > .popover-arrow::after { right: 1px; border-width: 0.5rem 0 0.5rem 0.5rem; border-left-color: #FFF; } .popover-header { padding: 0.5rem 1rem; margin-bottom: 0; font-size: 1rem; background-color: #f0f0f0; border-bottom: 1px solid rgba(0, 0, 0, 0.2); border-top-left-radius: 0; border-top-right-radius: 0; } .popover-header:empty { display: none; } .popover-body { padding: 1rem 1rem; color: #212529; } .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; } /* rtl:begin:ignore */ .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%); } /* rtl:end:ignore */ .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: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: center; width: 15%; padding: 0; color: #868e96; 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: #868e96; 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%; } /* rtl:options: { "autoRename": true, "stringMap":[ { "name" : "prev-next", "search" : "prev", "replace" : "next" } ] } */ .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='%23868e96'%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='%23868e96'%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: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; padding: 0; margin-right: 15%; margin-bottom: 1rem; margin-left: 15%; list-style: none; } .carousel-indicators [data-bs-target] { box-sizing: content-box; -webkit-box-flex: 0; -webkit-flex: 0 1 auto; 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; } @keyframes spinner-border { to { transform: rotate(360deg) /* rtl:ignore */; } } .spinner-border { display: inline-block; width: 2rem; height: 2rem; vertical-align: -0.125em; border: 0.25em solid currentColor; border-right-color: transparent; border-radius: 50%; animation: 0.75s linear infinite spinner-border; } .spinner-border-sm { width: 1rem; height: 1rem; border-width: 0.2em; } @keyframes spinner-grow { 0% { transform: scale(0); } 50% { opacity: 1; transform: none; } } .spinner-grow { display: inline-block; width: 2rem; height: 2rem; vertical-align: -0.125em; background-color: currentColor; border-radius: 50%; opacity: 0; animation: 0.75s linear infinite spinner-grow; } .spinner-grow-sm { width: 1rem; height: 1rem; } @media (prefers-reduced-motion: reduce) { .spinner-border, .spinner-grow { animation-duration: 1.5s; } } .offcanvas { position: fixed; bottom: 0; z-index: 1045; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; max-width: 100%; visibility: hidden; background-color: #FFF; background-clip: padding-box; outline: 0; transition: transform 0.3s ease-in-out; } @media (prefers-reduced-motion: reduce) { .offcanvas { transition: none; } } .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: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: space-between; padding: 1rem 1rem; } .offcanvas-header .btn-close { padding: 0.5rem 0.5rem; margin-top: -0.5rem; margin-right: -0.5rem; margin-bottom: -0.5rem; } .offcanvas-title { margin-bottom: 0; line-height: 1.5; } .offcanvas-body { flex-grow: 1; padding: 1rem 1rem; overflow-y: auto; } .offcanvas-start { top: 0; left: 0; width: 400px; border-right: 0 solid rgba(0, 0, 0, 0.2); transform: translateX(-100%); } .offcanvas-end { top: 0; right: 0; width: 400px; border-left: 0 solid rgba(0, 0, 0, 0.2); transform: translateX(100%); } .offcanvas-top { top: 0; right: 0; left: 0; height: 30vh; max-height: 100%; border-bottom: 0 solid rgba(0, 0, 0, 0.2); transform: translateY(-100%); } .offcanvas-bottom { right: 0; left: 0; height: 30vh; max-height: 100%; border-top: 0 solid rgba(0, 0, 0, 0.2); transform: translateY(100%); } .offcanvas.show { transform: none; } .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: ""; } .link-primary { color: #35979c; } .link-primary:hover, .link-primary:focus { color: #2a797c; } .link-secondary { color: #685563; } .link-secondary:hover, .link-secondary:focus { color: #53444f; } .link-success { color: #00b115; } .link-success:hover, .link-success:focus { color: #33c144; } .link-info { color: #ffaa50; } .link-info:hover, .link-info:focus { color: #ffbb73; } .link-warning { color: #ff5050; } .link-warning:hover, .link-warning:focus { color: #cc4040; } .link-danger { color: #900000; } .link-danger:hover, .link-danger:focus { color: #730000; } .link-light { color: #f7f7f7; } .link-light:hover, .link-light:focus { color: #f9f9f9; } .link-dark { color: #1a1a1a; } .link-dark:hover, .link-dark:focus { color: #141414; } .link-product_label { color: #a5806d; } .link-product_label:hover, .link-product_label:focus { color: #846657; } .link-button_gradient_1 { color: transparent; } .link-button_gradient_1:hover, .link-button_gradient_1:focus { color: rgba(255, 255, 255, 0.2); } .link-button_gradient_2 { color: transparent; } .link-button_gradient_2:hover, .link-button_gradient_2:focus { color: rgba(255, 255, 255, 0.2); } .link-animation_text_color { color: transparent; } .link-animation_text_color:hover, .link-animation_text_color:focus { color: rgba(255, 255, 255, 0.2); } .link-animation_hover_color { color: transparent; } .link-animation_hover_color:hover, .link-animation_hover_color:focus { color: rgba(255, 255, 255, 0.2); } .link-offer_timer_background_color { color: transparent; } .link-offer_timer_background_color:hover, .link-offer_timer_background_color:focus { color: rgba(255, 255, 255, 0.2); } .link-header_top_bg_color { color: #000000; } .link-header_top_bg_color:hover, .link-header_top_bg_color:focus { color: black; } .link-header_top_text_color { color: #ffffff; } .link-header_top_text_color:hover, .link-header_top_text_color:focus { color: white; } .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; } @media (min-width: 576px) { .sticky-sm-top { position: sticky; top: 0; z-index: 1020; } } @media (min-width: 768px) { .sticky-md-top { position: sticky; top: 0; z-index: 1020; } } @media (min-width: 992px) { .sticky-lg-top { position: sticky; top: 0; z-index: 1020; } } @media (min-width: 1200px) { .sticky-xl-top { position: sticky; top: 0; z-index: 1020; } } @media (min-width: 1400px) { .sticky-xxl-top { position: sticky; top: 0; z-index: 1020; } } .hstack { display: -webkit-box; display: -webkit-flex; display: flex; flex-direction: row; align-items: center; align-self: stretch; } .vstack { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; flex: 1 1 auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; align-self: stretch; } .visually-hidden, .visually-hidden-focusable:not(:focus):not(:focus-within) { position: absolute !important; 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; } .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: 1px; min-height: 1em; background-color: currentColor; opacity: 0.25; } /* /web/static/src/scss/helpers_backport.scss */ .text-bg-primary { color: #FFFFFF !important; background-color: RGBA(52.88345865, 150.81578947, 155.51654135, var(--bg-opacity, 1)) !important; } .text-bg-secondary { color: #FFFFFF !important; background-color: RGBA(103.5, 84.5, 98.5, var(--bg-opacity, 1)) !important; } .text-bg-success { color: #212529 !important; background-color: RGBA(0, 177, 21, var(--bg-opacity, 1)) !important; } .text-bg-info { color: #212529 !important; background-color: RGBA(255, 170, 80, var(--bg-opacity, 1)) !important; } .text-bg-warning { color: #FFFFFF !important; background-color: RGBA(255, 80, 80, var(--bg-opacity, 1)) !important; } .text-bg-danger { color: #FFFFFF !important; background-color: RGBA(144, 0, 0, var(--bg-opacity, 1)) !important; } .text-bg-light { color: #212529 !important; background-color: RGBA(247.35, 247.35, 247.35, var(--bg-opacity, 1)) !important; } .text-bg-dark { color: #FFFFFF !important; background-color: RGBA(25.5, 25.5, 25.5, var(--bg-opacity, 1)) !important; } .text-bg-product_label { color: #FFFFFF !important; background-color: RGBA(165, 128, 109, var(--bg-opacity, 1)) !important; } .text-bg-button_gradient_1 { color: #212529 !important; background-color: RGBA(0, 0, 0, var(--bg-opacity, 1)) !important; } .text-bg-button_gradient_2 { color: #212529 !important; background-color: RGBA(0, 0, 0, var(--bg-opacity, 1)) !important; } .text-bg-animation_text_color { color: #212529 !important; background-color: RGBA(0, 0, 0, var(--bg-opacity, 1)) !important; } .text-bg-animation_hover_color { color: #212529 !important; background-color: RGBA(0, 0, 0, var(--bg-opacity, 1)) !important; } .text-bg-offer_timer_background_color { color: #212529 !important; background-color: RGBA(0, 0, 0, var(--bg-opacity, 1)) !important; } .text-bg-header_top_bg_color { color: #FFFFFF !important; background-color: RGBA(0, 0, 0, var(--bg-opacity, 1)) !important; } .text-bg-header_top_text_color { color: #212529 !important; background-color: RGBA(255, 255, 255, var(--bg-opacity, 1)) !important; } /* /web/static/src/scss/utilities_custom.scss */ .opacity-0-hover:hover, .opacity-trigger-hover:hover .opacity-0-hover { opacity: 0 !important; } .opacity-25-hover:hover, .opacity-trigger-hover:hover .opacity-25-hover { opacity: 0.25 !important; } .opacity-50-hover:hover, .opacity-trigger-hover:hover .opacity-50-hover { opacity: 0.5 !important; } .opacity-75-hover:hover, .opacity-trigger-hover:hover .opacity-75-hover { opacity: 0.75 !important; } .opacity-100-hover:hover, .opacity-trigger-hover:hover .opacity-100-hover { opacity: 1 !important; } .opacity-disabled-hover:hover, .opacity-trigger-hover:hover .opacity-disabled-hover { opacity: 0.5 !important; } /* /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; } .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; } .overflow-auto { overflow: auto !important; } .overflow-hidden { overflow: hidden !important; } .overflow-visible { overflow: visible !important; } .overflow-scroll { overflow: 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-table { display: table !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: -webkit-box !important; display: -webkit-flex !important; display: flex !important; } .d-inline-flex { display: -webkit-inline-box !important; display: -webkit-inline-flex !important; display: inline-flex !important; } .d-none { display: none !important; } .d-contents { display: contents !important; } .shadow { box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; } .shadow-sm { box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; } .shadow-lg { box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; } .shadow-none { box-shadow: none !important; } .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: 1px solid #ededed !important; } .border-0 { border: 0 !important; } .border-top { border-top: 1px solid #ededed !important; } .border-top-0 { border-top: 0 !important; } .border-end { border-right: 1px solid #ededed !important; } .border-end-0 { border-right: 0 !important; } .border-bottom { border-bottom: 1px solid #ededed !important; } .border-bottom-0 { border-bottom: 0 !important; } .border-start { border-left: 1px solid #ededed !important; } .border-start-0 { border-left: 0 !important; } .border-primary { border-color: #35979c !important; } .border-secondary { border-color: #685563 !important; } .border-success { border-color: #00b115 !important; } .border-info { border-color: #ffaa50 !important; } .border-warning { border-color: #ff5050 !important; } .border-danger { border-color: #900000 !important; } .border-light { border-color: #f7f7f7 !important; } .border-dark { border-color: #1a1a1a !important; } .border-product_label { border-color: #a5806d !important; } .border-button_gradient_1 { border-color: transparent !important; } .border-button_gradient_2 { border-color: transparent !important; } .border-animation_text_color { border-color: transparent !important; } .border-animation_hover_color { border-color: transparent !important; } .border-offer_timer_background_color { border-color: transparent !important; } .border-header_top_bg_color { border-color: #000000 !important; } .border-header_top_text_color { border-color: #ffffff !important; } .border-white { border-color: #FFF !important; } .border-transparent { border-color: transparent !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; } .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; } .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; } .justify-content-start { -webkit-box-pack: start !important; justify-content: flex-start !important; } .justify-content-end { -webkit-box-pack: end !important; 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, .o_portal_security_body { 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, .o_portal_security_body section { 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; } .font-monospace { font-family: var(--font-monospace) !important; } .font-sans-serif { font-family: var(--font-sans-serif) !important; } .fs-1 { font-size: calc(1.375rem + 1.5vw) !important; } .fs-2 { font-size: calc(1.325rem + 0.9vw) !important; } .fs-3 { font-size: calc(1.3rem + 0.6vw) !important; } .fs-4 { font-size: calc(1.275rem + 0.3vw) !important; } .fs-5 { font-size: 1.25rem !important; } .fs-6 { font-size: 1rem !important; } .fst-italic { font-style: italic !important; } .fst-normal { font-style: normal !important; } .fw-light { font-weight: 300 !important; } .fw-lighter { font-weight: lighter !important; } .fw-normal { font-weight: 400 !important; } .fw-bold { font-weight: 700 !important; } .fw-bolder { font-weight: bolder !important; } .lh-1 { line-height: 1 !important; } .lh-sm { line-height: 1.25 !important; } .lh-base { line-height: 1.5 !important; } .lh-lg { line-height: 2 !important; } .text-start { text-align: left !important; } .text-end { text-align: right !important; } .text-center { text-align: center !important; } .text-decoration-none { text-decoration: none !important; } .text-decoration-underline { text-decoration: underline !important; } .text-decoration-line-through { text-decoration: line-through !important; } .text-lowercase { text-transform: lowercase !important; } .text-uppercase { text-transform: uppercase !important; } .text-capitalize { text-transform: capitalize !important; } .text-wrap { white-space: normal !important; } .text-nowrap, .o_portal_security_body section label, .o_portal_security_body section button, .o_portal_security_body section .owl-carousel.dynamic-owl-carousel .owl-nav button.owl-next, .owl-carousel.dynamic-owl-carousel .owl-nav .o_portal_security_body section button.owl-next { white-space: nowrap !important; } /* rtl:begin:remove */ .text-break { word-wrap: break-word !important; word-break: break-word !important; } /* rtl:end:remove */ .text-body { --text-opacity: 1; color: #212529 !important; } .text-black { --text-opacity: 1; color: #000 !important; } .text-white { --text-opacity: 1; color: #FFF !important; } .text-muted { --text-opacity: 1; color: rgba(33, 37, 41, 0.7) !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-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; } .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-product_label { --bg-opacity: 1; background-color: rgba(var(--product_label-rgb), var(--bg-opacity)) !important; } .bg-button_gradient_1 { --bg-opacity: 1; background-color: rgba(var(--button_gradient_1-rgb), var(--bg-opacity)) !important; } .bg-button_gradient_2 { --bg-opacity: 1; background-color: rgba(var(--button_gradient_2-rgb), var(--bg-opacity)) !important; } .bg-animation_text_color { --bg-opacity: 1; background-color: rgba(var(--animation_text_color-rgb), var(--bg-opacity)) !important; } .bg-animation_hover_color { --bg-opacity: 1; background-color: rgba(var(--animation_hover_color-rgb), var(--bg-opacity)) !important; } .bg-offer_timer_background_color { --bg-opacity: 1; background-color: rgba(var(--offer_timer_background_color-rgb), var(--bg-opacity)) !important; } .bg-header_top_bg_color { --bg-opacity: 1; background-color: rgba(var(--header_top_bg_color-rgb), var(--bg-opacity)) !important; } .bg-header_top_text_color { --bg-opacity: 1; background-color: rgba(var(--header_top_text_color-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-view { --bg-opacity: 1; background-color: white !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-gradient { background-image: var(--gradient) !important; } .user-select-all { user-select: all !important; } .user-select-auto { user-select: auto !important; } .user-select-none { user-select: none !important; } .pe-none { pointer-events: none !important; } .pe-auto { pointer-events: auto !important; } .rounded { border-radius: 0 !important; } .rounded-0 { border-radius: 0 !important; } .rounded-1 { border-radius: 0 !important; } .rounded-2 { border-radius: 0 !important; } .rounded-3 { border-radius: 0 !important; } .rounded-circle, .fa.rounded-empty-circle { border-radius: 50% !important; } .rounded-pill { border-radius: 50rem !important; } .rounded-top { border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; } .rounded-top-0 { border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; } .rounded-top-1 { border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; } .rounded-top-2 { border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; } .rounded-top-3 { border-top-left-radius: 0 !important; border-top-right-radius: 0 !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 !important; border-bottom-right-radius: 0 !important; } .rounded-end-0 { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } .rounded-end-1 { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } .rounded-end-2 { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } .rounded-end-3 { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !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 !important; border-bottom-left-radius: 0 !important; } .rounded-bottom-0 { border-bottom-right-radius: 0 !important; border-bottom-left-radius: 0 !important; } .rounded-bottom-1 { border-bottom-right-radius: 0 !important; border-bottom-left-radius: 0 !important; } .rounded-bottom-2 { border-bottom-right-radius: 0 !important; border-bottom-left-radius: 0 !important; } .rounded-bottom-3 { border-bottom-right-radius: 0 !important; border-bottom-left-radius: 0 !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 !important; border-top-left-radius: 0 !important; } .rounded-start-0 { border-bottom-left-radius: 0 !important; border-top-left-radius: 0 !important; } .rounded-start-1 { border-bottom-left-radius: 0 !important; border-top-left-radius: 0 !important; } .rounded-start-2 { border-bottom-left-radius: 0 !important; border-top-left-radius: 0 !important; } .rounded-start-3 { border-bottom-left-radius: 0 !important; border-top-left-radius: 0 !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; } .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; } .z-index-0 { z-index: 0 !important; } .z-index-1 { z-index: 1 !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; } .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; } .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-table { display: table !important; } .d-sm-table-row { display: table-row !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: -webkit-box !important; display: -webkit-flex !important; display: flex !important; } .d-sm-inline-flex { display: -webkit-inline-box !important; display: -webkit-inline-flex !important; 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; } .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; } .justify-content-sm-start { -webkit-box-pack: start !important; justify-content: flex-start !important; } .justify-content-sm-end { -webkit-box-pack: end !important; 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; } .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; } .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-table { display: table !important; } .d-md-table-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: -webkit-box !important; display: -webkit-flex !important; display: flex !important; } .d-md-inline-flex { display: -webkit-inline-box !important; display: -webkit-inline-flex !important; 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; } .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; } .justify-content-md-start { -webkit-box-pack: start !important; justify-content: flex-start !important; } .justify-content-md-end { -webkit-box-pack: end !important; 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; } .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; } .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-table { display: table !important; } .d-lg-table-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: -webkit-box !important; display: -webkit-flex !important; display: flex !important; } .d-lg-inline-flex { display: -webkit-inline-box !important; display: -webkit-inline-flex !important; 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; } .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; } .justify-content-lg-start { -webkit-box-pack: start !important; justify-content: flex-start !important; } .justify-content-lg-end { -webkit-box-pack: end !important; 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; } .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; } .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-table { display: table !important; } .d-xl-table-row { display: table-row !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: -webkit-box !important; display: -webkit-flex !important; display: flex !important; } .d-xl-inline-flex { display: -webkit-inline-box !important; display: -webkit-inline-flex !important; 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; } .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; } .justify-content-xl-start { -webkit-box-pack: start !important; justify-content: flex-start !important; } .justify-content-xl-end { -webkit-box-pack: end !important; 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; } .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; } .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-table { display: table !important; } .d-xxl-table-row { display: table-row !important; } .d-xxl-table-cell { display: table-cell !important; } .d-xxl-flex { display: -webkit-box !important; display: -webkit-flex !important; display: flex !important; } .d-xxl-inline-flex { display: -webkit-inline-box !important; display: -webkit-inline-flex !important; 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; } .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; } .justify-content-xxl-start { -webkit-box-pack: start !important; justify-content: flex-start !important; } .justify-content-xxl-end { -webkit-box-pack: end !important; 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; } .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.5rem !important; } .fs-2 { font-size: 2rem !important; } .fs-3 { font-size: 1.75rem !important; } .fs-4 { font-size: 1.5rem !important; } } @media print { .d-print-inline { display: inline !important; } .d-print-inline-block { display: inline-block !important; } .d-print-block { display: block !important; } .d-print-grid { display: grid !important; } .d-print-table { display: table !important; } .d-print-table-row { display: table-row !important; } .d-print-table-cell { display: table-cell !important; } .d-print-flex { display: -webkit-box !important; display: -webkit-flex !important; display: flex !important; } .d-print-inline-flex { display: -webkit-inline-box !important; display: -webkit-inline-flex !important; 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; } .bg-100 { 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, .owl-carousel.dynamic-owl-carousel .owl-nav button.bg-100.owl-next:hover, button.bg-100:focus, .owl-carousel.dynamic-owl-carousel .owl-nav button.bg-100.owl-next:focus { 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 !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, .owl-carousel.dynamic-owl-carousel .owl-nav button.bg-200.owl-next:hover, button.bg-200:focus, .owl-carousel.dynamic-owl-carousel .owl-nav button.bg-200.owl-next:focus { 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 !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, .owl-carousel.dynamic-owl-carousel .owl-nav button.bg-300.owl-next:hover, button.bg-300:focus, .owl-carousel.dynamic-owl-carousel .owl-nav button.bg-300.owl-next:focus { 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 !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, .owl-carousel.dynamic-owl-carousel .owl-nav button.bg-400.owl-next:hover, button.bg-400:focus, .owl-carousel.dynamic-owl-carousel .owl-nav button.bg-400.owl-next:focus { 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 !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, .owl-carousel.dynamic-owl-carousel .owl-nav button.bg-500.owl-next:hover, button.bg-500:focus, .owl-carousel.dynamic-owl-carousel .owl-nav button.bg-500.owl-next:focus { 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 !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, .owl-carousel.dynamic-owl-carousel .owl-nav button.bg-600.owl-next:hover, button.bg-600:focus, .owl-carousel.dynamic-owl-carousel .owl-nav button.bg-600.owl-next:focus { 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 !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, .owl-carousel.dynamic-owl-carousel .owl-nav button.bg-700.owl-next:hover, button.bg-700:focus, .owl-carousel.dynamic-owl-carousel .owl-nav button.bg-700.owl-next:focus { 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 !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, .owl-carousel.dynamic-owl-carousel .owl-nav button.bg-800.owl-next:hover, button.bg-800:focus, .owl-carousel.dynamic-owl-carousel .owl-nav button.bg-800.owl-next:focus { 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 !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, .owl-carousel.dynamic-owl-carousel .owl-nav button.bg-900.owl-next:hover, button.bg-900:focus, .owl-carousel.dynamic-owl-carousel .owl-nav button.bg-900.owl-next:focus { 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) !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, .owl-carousel.dynamic-owl-carousel .owl-nav button.bg-white-85.owl-next:hover, button.bg-white-85:focus, .owl-carousel.dynamic-owl-carousel .owl-nav button.bg-white-85.owl-next:focus { 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) !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, .owl-carousel.dynamic-owl-carousel .owl-nav button.bg-white-75.owl-next:hover, button.bg-white-75:focus, .owl-carousel.dynamic-owl-carousel .owl-nav button.bg-white-75.owl-next:focus { 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) !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, .owl-carousel.dynamic-owl-carousel .owl-nav button.bg-white-50.owl-next:hover, button.bg-white-50:focus, .owl-carousel.dynamic-owl-carousel .owl-nav button.bg-white-50.owl-next:focus { 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) !important; } a.bg-white-25:hover, a.bg-white-25:focus, button.bg-white-25:hover, .owl-carousel.dynamic-owl-carousel .owl-nav button.bg-white-25.owl-next:hover, button.bg-white-25:focus, .owl-carousel.dynamic-owl-carousel .owl-nav button.bg-white-25.owl-next:focus { 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) !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, .owl-carousel.dynamic-owl-carousel .owl-nav button.bg-black-75.owl-next:hover, button.bg-black-75:focus, .owl-carousel.dynamic-owl-carousel .owl-nav button.bg-black-75.owl-next:focus { 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) !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, .owl-carousel.dynamic-owl-carousel .owl-nav button.bg-black-50.owl-next:hover, button.bg-black-50:focus, .owl-carousel.dynamic-owl-carousel .owl-nav button.bg-black-50.owl-next:focus { 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) !important; } a.bg-black-25:hover, a.bg-black-25:focus, button.bg-black-25:hover, .owl-carousel.dynamic-owl-carousel .owl-nav button.bg-black-25.owl-next:hover, button.bg-black-25:focus, .owl-carousel.dynamic-owl-carousel .owl-nav button.bg-black-25.owl-next:focus { 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) !important; } a.bg-black-15:hover, a.bg-black-15:focus, button.bg-black-15:hover, .owl-carousel.dynamic-owl-carousel .owl-nav button.bg-black-15.owl-next:hover, button.bg-black-15:focus, .owl-carousel.dynamic-owl-carousel .owl-nav button.bg-black-15.owl-next:focus { 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 !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, .owl-carousel.dynamic-owl-carousel .owl-nav button.bg-black.owl-next:hover, button.bg-black:focus, .owl-carousel.dynamic-owl-carousel .owl-nav button.bg-black.owl-next:focus { 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 !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, .owl-carousel.dynamic-owl-carousel .owl-nav button.bg-white.owl-next:hover, button.bg-white:focus, .owl-carousel.dynamic-owl-carousel .owl-nav button.bg-white.owl-next:focus { 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: #35979c !important; } a.text-primary:hover, a.text-primary:focus { color: #1b4d4f !important; } .text-secondary { color: #685563 !important; } a.text-secondary:hover, a.text-secondary:focus { color: #2f272d !important; } .text-success { color: #00b115 !important; } a.text-success:hover, a.text-success:focus { color: #004b09 !important; } .text-info { color: #ffaa50 !important; } a.text-info:hover, a.text-info:focus { color: #e97800 !important; } .text-warning { color: #ff5050 !important; } a.text-warning:hover, a.text-warning:focus { color: #e90000 !important; } .text-danger { color: #900000 !important; } a.text-danger:hover, a.text-danger:focus { color: #2a0000 !important; } .text-light { color: #f7f7f7 !important; } a.text-light:hover, a.text-light:focus { color: #c4c4c4 !important; } .text-dark { color: #1a1a1a !important; } a.text-dark:hover, a.text-dark:focus { color: black !important; } .text-product_label { color: #a5806d !important; } a.text-product_label:hover, a.text-product_label:focus { color: #6a4f42 !important; } .text-button_gradient_1 { color: transparent !important; } a.text-button_gradient_1:hover, a.text-button_gradient_1:focus { color: rgba(0, 0, 0, 0) !important; } .text-button_gradient_2 { color: transparent !important; } a.text-button_gradient_2:hover, a.text-button_gradient_2:focus { color: rgba(0, 0, 0, 0) !important; } .text-animation_text_color { color: transparent !important; } a.text-animation_text_color:hover, a.text-animation_text_color:focus { color: rgba(0, 0, 0, 0) !important; } .text-animation_hover_color { color: transparent !important; } a.text-animation_hover_color:hover, a.text-animation_hover_color:focus { color: rgba(0, 0, 0, 0) !important; } .text-offer_timer_background_color { color: transparent !important; } a.text-offer_timer_background_color:hover, a.text-offer_timer_background_color:focus { color: rgba(0, 0, 0, 0) !important; } .text-header_top_bg_color { color: #000000 !important; } a.text-header_top_bg_color:hover, a.text-header_top_bg_color:focus { color: black !important; } .text-header_top_text_color { color: #ffffff !important; } a.text-header_top_text_color:hover, a.text-header_top_text_color:focus { color: #cccccc !important; } .card-body { background-color: rgba(255, 255, 255, 0.9) !important; color: #212529; } .card-body .text-muted, .o_colored_level .card-body .text-muted { color: rgba(33, 37, 41, 0.7) !important; } .card-body:first-child { border-top-left-radius: 0; border-top-right-radius: 0; } .card-body:last-child { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .card-body.row { background-color: transparent !important; } .card-body .table-striped > tbody > tr:nth-of-type(odd) > * { color: inherit; } .accordion .collapsing > .card-body:first-child, .accordion .collapse.show > .card-body:first-child { margin-top: 1px; } .toast-header { background-clip: border-box; } .toast-body { background-color: rgba(255, 255, 255, 0.93) !important; color: #212529; } .toast-body .text-muted, .o_colored_level .toast-body .text-muted { color: rgba(33, 37, 41, 0.7) !important; } @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 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; 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, .form-select .form-check-input:not(:disabled):not(.o_wysiwyg_loader), .form-select .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), .form-select:hover, .form-select:hover .form-check-input:not(:disabled):not(.o_wysiwyg_loader) { border-color: #35979c; } .dropdown-menu[x-placement^="top"], .o_dropdown_menu[x-placement^="top"], .dropdown-menu[x-placement^="right"], .o_dropdown_menu[x-placement^="right"], .dropdown-menu[x-placement^="bottom"], .o_dropdown_menu[x-placement^="bottom"], .dropdown-menu[x-placement^="left"], .o_dropdown_menu[x-placement^="left"] { /*rtl:ignore*/ right: auto; } .popover { right: auto/*rtl:ignore*/; } .btn-fill-primary, .btn-primary { color: #FFFFFF; background-color: #35979c; border-color: #35979c; } .btn-fill-primary:hover, .btn-primary:hover { color: #FFFFFF; background-color: #2d8084; border-color: #2a797c; } .btn-check:focus + .btn-fill-primary, .btn-check:focus + .btn-primary, .btn-fill-primary:focus, .btn-primary:focus { color: #FFFFFF; background-color: #2d8084; border-color: #2a797c; box-shadow: 0 0 0 0.25rem rgba(83, 166, 170, 0.5); } .btn-check:checked + .btn-fill-primary, .btn-check:checked + .btn-primary, .btn-check:active + .btn-fill-primary, .btn-check:active + .btn-primary, .btn-fill-primary:active, .btn-primary:active, .btn-fill-primary.active, .active.btn-primary, .show > .btn-fill-primary.dropdown-toggle, .show > .dropdown-toggle.btn-primary { color: #FFFFFF; background-color: #2a797c; border-color: #287175; } .btn-check:checked + .btn-fill-primary:focus, .btn-check:checked + .btn-primary:focus, .btn-check:active + .btn-fill-primary:focus, .btn-check:active + .btn-primary:focus, .btn-fill-primary:active:focus, .btn-primary:active:focus, .btn-fill-primary.active:focus, .active.btn-primary:focus, .show > .btn-fill-primary.dropdown-toggle:focus, .show > .dropdown-toggle.btn-primary:focus { box-shadow: 0 0 0 0.25rem rgba(83, 166, 170, 0.5); } .btn-fill-primary:disabled, .btn-fill-primary.o_wysiwyg_loader, .btn-primary:disabled, .btn-primary.o_wysiwyg_loader, .btn-fill-primary.disabled, .disabled.btn-primary { color: #FFFFFF; background-color: #35979c; border-color: #35979c; } .btn-fill-secondary, .btn-secondary { color: #FFFFFF; background-color: #685563; border-color: #685563; } .btn-fill-secondary:hover, .btn-secondary:hover { color: #FFFFFF; background-color: #584854; border-color: #53444f; } .btn-check:focus + .btn-fill-secondary, .btn-check:focus + .btn-secondary, .btn-fill-secondary:focus, .btn-secondary:focus { color: #FFFFFF; background-color: #584854; border-color: #53444f; box-shadow: 0 0 0 0.25rem rgba(126, 110, 122, 0.5); } .btn-check:checked + .btn-fill-secondary, .btn-check:checked + .btn-secondary, .btn-check:active + .btn-fill-secondary, .btn-check:active + .btn-secondary, .btn-fill-secondary:active, .btn-secondary:active, .btn-fill-secondary.active, .active.btn-secondary, .show > .btn-fill-secondary.dropdown-toggle, .show > .dropdown-toggle.btn-secondary { color: #FFFFFF; background-color: #53444f; border-color: #4e3f4a; } .btn-check:checked + .btn-fill-secondary:focus, .btn-check:checked + .btn-secondary:focus, .btn-check:active + .btn-fill-secondary:focus, .btn-check:active + .btn-secondary:focus, .btn-fill-secondary:active:focus, .btn-secondary:active:focus, .btn-fill-secondary.active:focus, .active.btn-secondary:focus, .show > .btn-fill-secondary.dropdown-toggle:focus, .show > .dropdown-toggle.btn-secondary:focus { box-shadow: 0 0 0 0.25rem rgba(126, 110, 122, 0.5); } .btn-fill-secondary:disabled, .btn-fill-secondary.o_wysiwyg_loader, .btn-secondary:disabled, .btn-secondary.o_wysiwyg_loader, .btn-fill-secondary.disabled, .disabled.btn-secondary { color: #FFFFFF; background-color: #685563; border-color: #685563; } .btn-fill-success, .btn-success { color: #212529; background-color: #00b115; border-color: #00b115; } .btn-fill-success:hover, .btn-success:hover { color: #212529; background-color: #26bd38; border-color: #1ab92c; } .btn-check:focus + .btn-fill-success, .btn-check:focus + .btn-success, .btn-fill-success:focus, .btn-success:focus { color: #212529; background-color: #26bd38; border-color: #1ab92c; box-shadow: 0 0 0 0.25rem rgba(5, 156, 24, 0.5); } .btn-check:checked + .btn-fill-success, .btn-check:checked + .btn-success, .btn-check:active + .btn-fill-success, .btn-check:active + .btn-success, .btn-fill-success:active, .btn-success:active, .btn-fill-success.active, .active.btn-success, .show > .btn-fill-success.dropdown-toggle, .show > .dropdown-toggle.btn-success { color: #212529; background-color: #33c144; border-color: #1ab92c; } .btn-check:checked + .btn-fill-success:focus, .btn-check:checked + .btn-success:focus, .btn-check:active + .btn-fill-success:focus, .btn-check:active + .btn-success:focus, .btn-fill-success:active:focus, .btn-success:active:focus, .btn-fill-success.active:focus, .active.btn-success:focus, .show > .btn-fill-success.dropdown-toggle:focus, .show > .dropdown-toggle.btn-success:focus { box-shadow: 0 0 0 0.25rem rgba(5, 156, 24, 0.5); } .btn-fill-success:disabled, .btn-fill-success.o_wysiwyg_loader, .btn-success:disabled, .btn-success.o_wysiwyg_loader, .btn-fill-success.disabled, .disabled.btn-success { color: #212529; background-color: #00b115; border-color: #00b115; } .btn-fill-info, .btn-info { color: #212529; background-color: #ffaa50; border-color: #ffaa50; } .btn-fill-info:hover, .btn-info:hover { color: #212529; background-color: #ffb76a; border-color: #ffb362; } .btn-check:focus + .btn-fill-info, .btn-check:focus + .btn-info, .btn-fill-info:focus, .btn-info:focus { color: #212529; background-color: #ffb76a; border-color: #ffb362; box-shadow: 0 0 0 0.25rem rgba(222, 150, 74, 0.5); } .btn-check:checked + .btn-fill-info, .btn-check:checked + .btn-info, .btn-check:active + .btn-fill-info, .btn-check:active + .btn-info, .btn-fill-info:active, .btn-info:active, .btn-fill-info.active, .active.btn-info, .show > .btn-fill-info.dropdown-toggle, .show > .dropdown-toggle.btn-info { color: #212529; background-color: #ffbb73; border-color: #ffb362; } .btn-check:checked + .btn-fill-info:focus, .btn-check:checked + .btn-info:focus, .btn-check:active + .btn-fill-info:focus, .btn-check:active + .btn-info:focus, .btn-fill-info:active:focus, .btn-info:active:focus, .btn-fill-info.active:focus, .active.btn-info:focus, .show > .btn-fill-info.dropdown-toggle:focus, .show > .dropdown-toggle.btn-info:focus { box-shadow: 0 0 0 0.25rem rgba(222, 150, 74, 0.5); } .btn-fill-info:disabled, .btn-fill-info.o_wysiwyg_loader, .btn-info:disabled, .btn-info.o_wysiwyg_loader, .btn-fill-info.disabled, .disabled.btn-info { color: #212529; background-color: #ffaa50; border-color: #ffaa50; } .btn-fill-warning, .btn-warning { color: #FFFFFF; background-color: #ff5050; border-color: #ff5050; } .btn-fill-warning:hover, .btn-warning:hover { color: #FFFFFF; background-color: #d94444; border-color: #cc4040; } .btn-check:focus + .btn-fill-warning, .btn-check:focus + .btn-warning, .btn-fill-warning:focus, .btn-warning:focus { color: #FFFFFF; background-color: #d94444; border-color: #cc4040; box-shadow: 0 0 0 0.25rem rgba(255, 106, 106, 0.5); } .btn-check:checked + .btn-fill-warning, .btn-check:checked + .btn-warning, .btn-check:active + .btn-fill-warning, .btn-check:active + .btn-warning, .btn-fill-warning:active, .btn-warning:active, .btn-fill-warning.active, .active.btn-warning, .show > .btn-fill-warning.dropdown-toggle, .show > .dropdown-toggle.btn-warning { color: #FFFFFF; background-color: #cc4040; border-color: #bf3c3c; } .btn-check:checked + .btn-fill-warning:focus, .btn-check:checked + .btn-warning:focus, .btn-check:active + .btn-fill-warning:focus, .btn-check:active + .btn-warning:focus, .btn-fill-warning:active:focus, .btn-warning:active:focus, .btn-fill-warning.active:focus, .active.btn-warning:focus, .show > .btn-fill-warning.dropdown-toggle:focus, .show > .dropdown-toggle.btn-warning:focus { box-shadow: 0 0 0 0.25rem rgba(255, 106, 106, 0.5); } .btn-fill-warning:disabled, .btn-fill-warning.o_wysiwyg_loader, .btn-warning:disabled, .btn-warning.o_wysiwyg_loader, .btn-fill-warning.disabled, .disabled.btn-warning { color: #FFFFFF; background-color: #ff5050; border-color: #ff5050; } .btn-fill-danger, .btn-danger { color: #FFFFFF; background-color: #900000; border-color: #900000; } .btn-fill-danger:hover, .btn-danger:hover { color: #FFFFFF; background-color: #7a0000; border-color: #730000; } .btn-check:focus + .btn-fill-danger, .btn-check:focus + .btn-danger, .btn-fill-danger:focus, .btn-danger:focus { color: #FFFFFF; background-color: #7a0000; border-color: #730000; box-shadow: 0 0 0 0.25rem rgba(161, 38, 38, 0.5); } .btn-check:checked + .btn-fill-danger, .btn-check:checked + .btn-danger, .btn-check:active + .btn-fill-danger, .btn-check:active + .btn-danger, .btn-fill-danger:active, .btn-danger:active, .btn-fill-danger.active, .active.btn-danger, .show > .btn-fill-danger.dropdown-toggle, .show > .dropdown-toggle.btn-danger { color: #FFFFFF; background-color: #730000; border-color: #6c0000; } .btn-check:checked + .btn-fill-danger:focus, .btn-check:checked + .btn-danger:focus, .btn-check:active + .btn-fill-danger:focus, .btn-check:active + .btn-danger:focus, .btn-fill-danger:active:focus, .btn-danger:active:focus, .btn-fill-danger.active:focus, .active.btn-danger:focus, .show > .btn-fill-danger.dropdown-toggle:focus, .show > .dropdown-toggle.btn-danger:focus { box-shadow: 0 0 0 0.25rem rgba(161, 38, 38, 0.5); } .btn-fill-danger:disabled, .btn-fill-danger.o_wysiwyg_loader, .btn-danger:disabled, .btn-danger.o_wysiwyg_loader, .btn-fill-danger.disabled, .disabled.btn-danger { color: #FFFFFF; background-color: #900000; border-color: #900000; } .btn-fill-light, .btn-light { color: #212529; background-color: #f7f7f7; border-color: #f7f7f7; } .btn-fill-light:hover, .btn-light:hover { color: #212529; background-color: #f8f8f8; border-color: #f8f8f8; } .btn-check:focus + .btn-fill-light, .btn-check:focus + .btn-light, .btn-fill-light:focus, .btn-light:focus { color: #212529; background-color: #f8f8f8; border-color: #f8f8f8; box-shadow: 0 0 0 0.25rem rgba(215, 216, 216, 0.5); } .btn-check:checked + .btn-fill-light, .btn-check:checked + .btn-light, .btn-check:active + .btn-fill-light, .btn-check:active + .btn-light, .btn-fill-light:active, .btn-light:active, .btn-fill-light.active, .active.btn-light, .show > .btn-fill-light.dropdown-toggle, .show > .dropdown-toggle.btn-light { color: #212529; background-color: #f9f9f9; border-color: #f8f8f8; } .btn-check:checked + .btn-fill-light:focus, .btn-check:checked + .btn-light:focus, .btn-check:active + .btn-fill-light:focus, .btn-check:active + .btn-light:focus, .btn-fill-light:active:focus, .btn-light:active:focus, .btn-fill-light.active:focus, .active.btn-light:focus, .show > .btn-fill-light.dropdown-toggle:focus, .show > .dropdown-toggle.btn-light:focus { box-shadow: 0 0 0 0.25rem rgba(215, 216, 216, 0.5); } .btn-fill-light:disabled, .btn-fill-light.o_wysiwyg_loader, .btn-light:disabled, .btn-light.o_wysiwyg_loader, .btn-fill-light.disabled, .disabled.btn-light { color: #212529; background-color: #f7f7f7; border-color: #f7f7f7; } .btn-fill-dark, .btn-dark { color: #FFFFFF; background-color: #1a1a1a; border-color: #1a1a1a; } .btn-fill-dark:hover, .btn-dark:hover { color: #FFFFFF; background-color: #161616; border-color: #141414; } .btn-check:focus + .btn-fill-dark, .btn-check:focus + .btn-dark, .btn-fill-dark:focus, .btn-dark:focus { color: #FFFFFF; background-color: #161616; border-color: #141414; box-shadow: 0 0 0 0.25rem rgba(60, 60, 60, 0.5); } .btn-check:checked + .btn-fill-dark, .btn-check:checked + .btn-dark, .btn-check:active + .btn-fill-dark, .btn-check:active + .btn-dark, .btn-fill-dark:active, .btn-dark:active, .btn-fill-dark.active, .active.btn-dark, .show > .btn-fill-dark.dropdown-toggle, .show > .dropdown-toggle.btn-dark { color: #FFFFFF; background-color: #141414; border-color: #131313; } .btn-check:checked + .btn-fill-dark:focus, .btn-check:checked + .btn-dark:focus, .btn-check:active + .btn-fill-dark:focus, .btn-check:active + .btn-dark:focus, .btn-fill-dark:active:focus, .btn-dark:active:focus, .btn-fill-dark.active:focus, .active.btn-dark:focus, .show > .btn-fill-dark.dropdown-toggle:focus, .show > .dropdown-toggle.btn-dark:focus { box-shadow: 0 0 0 0.25rem rgba(60, 60, 60, 0.5); } .btn-fill-dark:disabled, .btn-fill-dark.o_wysiwyg_loader, .btn-dark:disabled, .btn-dark.o_wysiwyg_loader, .btn-fill-dark.disabled, .disabled.btn-dark { color: #FFFFFF; background-color: #1a1a1a; border-color: #1a1a1a; } .btn-fill-product_label, .btn-product_label { color: #FFFFFF; background-color: #a5806d; border-color: #a5806d; } .btn-fill-product_label:hover, .btn-product_label:hover { color: #FFFFFF; background-color: #8c6d5d; border-color: #846657; } .btn-check:focus + .btn-fill-product_label, .btn-check:focus + .btn-product_label, .btn-fill-product_label:focus, .btn-product_label:focus { color: #FFFFFF; background-color: #8c6d5d; border-color: #846657; box-shadow: 0 0 0 0.25rem rgba(179, 147, 131, 0.5); } .btn-check:checked + .btn-fill-product_label, .btn-check:checked + .btn-product_label, .btn-check:active + .btn-fill-product_label, .btn-check:active + .btn-product_label, .btn-fill-product_label:active, .btn-product_label:active, .btn-fill-product_label.active, .active.btn-product_label, .show > .btn-fill-product_label.dropdown-toggle, .show > .dropdown-toggle.btn-product_label { color: #FFFFFF; background-color: #846657; border-color: #7c6052; } .btn-check:checked + .btn-fill-product_label:focus, .btn-check:checked + .btn-product_label:focus, .btn-check:active + .btn-fill-product_label:focus, .btn-check:active + .btn-product_label:focus, .btn-fill-product_label:active:focus, .btn-product_label:active:focus, .btn-fill-product_label.active:focus, .active.btn-product_label:focus, .show > .btn-fill-product_label.dropdown-toggle:focus, .show > .dropdown-toggle.btn-product_label:focus { box-shadow: 0 0 0 0.25rem rgba(179, 147, 131, 0.5); } .btn-fill-product_label:disabled, .btn-fill-product_label.o_wysiwyg_loader, .btn-product_label:disabled, .btn-product_label.o_wysiwyg_loader, .btn-fill-product_label.disabled, .disabled.btn-product_label { color: #FFFFFF; background-color: #a5806d; border-color: #a5806d; } .btn-fill-button_gradient_1, .btn-button_gradient_1 { color: #212529; background-color: transparent; border-color: transparent; } .btn-fill-button_gradient_1:hover, .btn-button_gradient_1:hover { color: #212529; background-color: rgba(255, 255, 255, 0.15); border-color: rgba(255, 255, 255, 0.1); } .btn-check:focus + .btn-fill-button_gradient_1, .btn-check:focus + .btn-button_gradient_1, .btn-fill-button_gradient_1:focus, .btn-button_gradient_1:focus { color: #212529; background-color: rgba(255, 255, 255, 0.15); border-color: rgba(255, 255, 255, 0.1); box-shadow: 0 0 0 0.25rem rgba(33, 37, 41, 0.5); } .btn-check:checked + .btn-fill-button_gradient_1, .btn-check:checked + .btn-button_gradient_1, .btn-check:active + .btn-fill-button_gradient_1, .btn-check:active + .btn-button_gradient_1, .btn-fill-button_gradient_1:active, .btn-button_gradient_1:active, .btn-fill-button_gradient_1.active, .active.btn-button_gradient_1, .show > .btn-fill-button_gradient_1.dropdown-toggle, .show > .dropdown-toggle.btn-button_gradient_1 { color: #212529; background-color: rgba(255, 255, 255, 0.2); border-color: rgba(255, 255, 255, 0.1); } .btn-check:checked + .btn-fill-button_gradient_1:focus, .btn-check:checked + .btn-button_gradient_1:focus, .btn-check:active + .btn-fill-button_gradient_1:focus, .btn-check:active + .btn-button_gradient_1:focus, .btn-fill-button_gradient_1:active:focus, .btn-button_gradient_1:active:focus, .btn-fill-button_gradient_1.active:focus, .active.btn-button_gradient_1:focus, .show > .btn-fill-button_gradient_1.dropdown-toggle:focus, .show > .dropdown-toggle.btn-button_gradient_1:focus { box-shadow: 0 0 0 0.25rem rgba(33, 37, 41, 0.5); } .btn-fill-button_gradient_1:disabled, .btn-fill-button_gradient_1.o_wysiwyg_loader, .btn-button_gradient_1:disabled, .btn-button_gradient_1.o_wysiwyg_loader, .btn-fill-button_gradient_1.disabled, .disabled.btn-button_gradient_1 { color: #212529; background-color: transparent; border-color: transparent; } .btn-fill-button_gradient_2, .btn-button_gradient_2 { color: #212529; background-color: transparent; border-color: transparent; } .btn-fill-button_gradient_2:hover, .btn-button_gradient_2:hover { color: #212529; background-color: rgba(255, 255, 255, 0.15); border-color: rgba(255, 255, 255, 0.1); } .btn-check:focus + .btn-fill-button_gradient_2, .btn-check:focus + .btn-button_gradient_2, .btn-fill-button_gradient_2:focus, .btn-button_gradient_2:focus { color: #212529; background-color: rgba(255, 255, 255, 0.15); border-color: rgba(255, 255, 255, 0.1); box-shadow: 0 0 0 0.25rem rgba(33, 37, 41, 0.5); } .btn-check:checked + .btn-fill-button_gradient_2, .btn-check:checked + .btn-button_gradient_2, .btn-check:active + .btn-fill-button_gradient_2, .btn-check:active + .btn-button_gradient_2, .btn-fill-button_gradient_2:active, .btn-button_gradient_2:active, .btn-fill-button_gradient_2.active, .active.btn-button_gradient_2, .show > .btn-fill-button_gradient_2.dropdown-toggle, .show > .dropdown-toggle.btn-button_gradient_2 { color: #212529; background-color: rgba(255, 255, 255, 0.2); border-color: rgba(255, 255, 255, 0.1); } .btn-check:checked + .btn-fill-button_gradient_2:focus, .btn-check:checked + .btn-button_gradient_2:focus, .btn-check:active + .btn-fill-button_gradient_2:focus, .btn-check:active + .btn-button_gradient_2:focus, .btn-fill-button_gradient_2:active:focus, .btn-button_gradient_2:active:focus, .btn-fill-button_gradient_2.active:focus, .active.btn-button_gradient_2:focus, .show > .btn-fill-button_gradient_2.dropdown-toggle:focus, .show > .dropdown-toggle.btn-button_gradient_2:focus { box-shadow: 0 0 0 0.25rem rgba(33, 37, 41, 0.5); } .btn-fill-button_gradient_2:disabled, .btn-fill-button_gradient_2.o_wysiwyg_loader, .btn-button_gradient_2:disabled, .btn-button_gradient_2.o_wysiwyg_loader, .btn-fill-button_gradient_2.disabled, .disabled.btn-button_gradient_2 { color: #212529; background-color: transparent; border-color: transparent; } .btn-fill-animation_text_color, .btn-animation_text_color { color: #212529; background-color: transparent; border-color: transparent; } .btn-fill-animation_text_color:hover, .btn-animation_text_color:hover { color: #212529; background-color: rgba(255, 255, 255, 0.15); border-color: rgba(255, 255, 255, 0.1); } .btn-check:focus + .btn-fill-animation_text_color, .btn-check:focus + .btn-animation_text_color, .btn-fill-animation_text_color:focus, .btn-animation_text_color:focus { color: #212529; background-color: rgba(255, 255, 255, 0.15); border-color: rgba(255, 255, 255, 0.1); box-shadow: 0 0 0 0.25rem rgba(33, 37, 41, 0.5); } .btn-check:checked + .btn-fill-animation_text_color, .btn-check:checked + .btn-animation_text_color, .btn-check:active + .btn-fill-animation_text_color, .btn-check:active + .btn-animation_text_color, .btn-fill-animation_text_color:active, .btn-animation_text_color:active, .btn-fill-animation_text_color.active, .active.btn-animation_text_color, .show > .btn-fill-animation_text_color.dropdown-toggle, .show > .dropdown-toggle.btn-animation_text_color { color: #212529; background-color: rgba(255, 255, 255, 0.2); border-color: rgba(255, 255, 255, 0.1); } .btn-check:checked + .btn-fill-animation_text_color:focus, .btn-check:checked + .btn-animation_text_color:focus, .btn-check:active + .btn-fill-animation_text_color:focus, .btn-check:active + .btn-animation_text_color:focus, .btn-fill-animation_text_color:active:focus, .btn-animation_text_color:active:focus, .btn-fill-animation_text_color.active:focus, .active.btn-animation_text_color:focus, .show > .btn-fill-animation_text_color.dropdown-toggle:focus, .show > .dropdown-toggle.btn-animation_text_color:focus { box-shadow: 0 0 0 0.25rem rgba(33, 37, 41, 0.5); } .btn-fill-animation_text_color:disabled, .btn-fill-animation_text_color.o_wysiwyg_loader, .btn-animation_text_color:disabled, .btn-animation_text_color.o_wysiwyg_loader, .btn-fill-animation_text_color.disabled, .disabled.btn-animation_text_color { color: #212529; background-color: transparent; border-color: transparent; } .btn-fill-animation_hover_color, .btn-animation_hover_color { color: #212529; background-color: transparent; border-color: transparent; } .btn-fill-animation_hover_color:hover, .btn-animation_hover_color:hover { color: #212529; background-color: rgba(255, 255, 255, 0.15); border-color: rgba(255, 255, 255, 0.1); } .btn-check:focus + .btn-fill-animation_hover_color, .btn-check:focus + .btn-animation_hover_color, .btn-fill-animation_hover_color:focus, .btn-animation_hover_color:focus { color: #212529; background-color: rgba(255, 255, 255, 0.15); border-color: rgba(255, 255, 255, 0.1); box-shadow: 0 0 0 0.25rem rgba(33, 37, 41, 0.5); } .btn-check:checked + .btn-fill-animation_hover_color, .btn-check:checked + .btn-animation_hover_color, .btn-check:active + .btn-fill-animation_hover_color, .btn-check:active + .btn-animation_hover_color, .btn-fill-animation_hover_color:active, .btn-animation_hover_color:active, .btn-fill-animation_hover_color.active, .active.btn-animation_hover_color, .show > .btn-fill-animation_hover_color.dropdown-toggle, .show > .dropdown-toggle.btn-animation_hover_color { color: #212529; background-color: rgba(255, 255, 255, 0.2); border-color: rgba(255, 255, 255, 0.1); } .btn-check:checked + .btn-fill-animation_hover_color:focus, .btn-check:checked + .btn-animation_hover_color:focus, .btn-check:active + .btn-fill-animation_hover_color:focus, .btn-check:active + .btn-animation_hover_color:focus, .btn-fill-animation_hover_color:active:focus, .btn-animation_hover_color:active:focus, .btn-fill-animation_hover_color.active:focus, .active.btn-animation_hover_color:focus, .show > .btn-fill-animation_hover_color.dropdown-toggle:focus, .show > .dropdown-toggle.btn-animation_hover_color:focus { box-shadow: 0 0 0 0.25rem rgba(33, 37, 41, 0.5); } .btn-fill-animation_hover_color:disabled, .btn-fill-animation_hover_color.o_wysiwyg_loader, .btn-animation_hover_color:disabled, .btn-animation_hover_color.o_wysiwyg_loader, .btn-fill-animation_hover_color.disabled, .disabled.btn-animation_hover_color { color: #212529; background-color: transparent; border-color: transparent; } .btn-fill-offer_timer_background_color, .btn-offer_timer_background_color { color: #212529; background-color: transparent; border-color: transparent; } .btn-fill-offer_timer_background_color:hover, .btn-offer_timer_background_color:hover { color: #212529; background-color: rgba(255, 255, 255, 0.15); border-color: rgba(255, 255, 255, 0.1); } .btn-check:focus + .btn-fill-offer_timer_background_color, .btn-check:focus + .btn-offer_timer_background_color, .btn-fill-offer_timer_background_color:focus, .btn-offer_timer_background_color:focus { color: #212529; background-color: rgba(255, 255, 255, 0.15); border-color: rgba(255, 255, 255, 0.1); box-shadow: 0 0 0 0.25rem rgba(33, 37, 41, 0.5); } .btn-check:checked + .btn-fill-offer_timer_background_color, .btn-check:checked + .btn-offer_timer_background_color, .btn-check:active + .btn-fill-offer_timer_background_color, .btn-check:active + .btn-offer_timer_background_color, .btn-fill-offer_timer_background_color:active, .btn-offer_timer_background_color:active, .btn-fill-offer_timer_background_color.active, .active.btn-offer_timer_background_color, .show > .btn-fill-offer_timer_background_color.dropdown-toggle, .show > .dropdown-toggle.btn-offer_timer_background_color { color: #212529; background-color: rgba(255, 255, 255, 0.2); border-color: rgba(255, 255, 255, 0.1); } .btn-check:checked + .btn-fill-offer_timer_background_color:focus, .btn-check:checked + .btn-offer_timer_background_color:focus, .btn-check:active + .btn-fill-offer_timer_background_color:focus, .btn-check:active + .btn-offer_timer_background_color:focus, .btn-fill-offer_timer_background_color:active:focus, .btn-offer_timer_background_color:active:focus, .btn-fill-offer_timer_background_color.active:focus, .active.btn-offer_timer_background_color:focus, .show > .btn-fill-offer_timer_background_color.dropdown-toggle:focus, .show > .dropdown-toggle.btn-offer_timer_background_color:focus { box-shadow: 0 0 0 0.25rem rgba(33, 37, 41, 0.5); } .btn-fill-offer_timer_background_color:disabled, .btn-fill-offer_timer_background_color.o_wysiwyg_loader, .btn-offer_timer_background_color:disabled, .btn-offer_timer_background_color.o_wysiwyg_loader, .btn-fill-offer_timer_background_color.disabled, .disabled.btn-offer_timer_background_color { color: #212529; background-color: transparent; border-color: transparent; } .btn-fill-header_top_bg_color, .btn-header_top_bg_color { color: #FFFFFF; background-color: #000000; border-color: #000000; } .btn-fill-header_top_bg_color:hover, .btn-header_top_bg_color:hover { color: #FFFFFF; background-color: black; border-color: black; } .btn-check:focus + .btn-fill-header_top_bg_color, .btn-check:focus + .btn-header_top_bg_color, .btn-fill-header_top_bg_color:focus, .btn-header_top_bg_color:focus { color: #FFFFFF; background-color: black; border-color: black; box-shadow: 0 0 0 0.25rem rgba(38, 38, 38, 0.5); } .btn-check:checked + .btn-fill-header_top_bg_color, .btn-check:checked + .btn-header_top_bg_color, .btn-check:active + .btn-fill-header_top_bg_color, .btn-check:active + .btn-header_top_bg_color, .btn-fill-header_top_bg_color:active, .btn-header_top_bg_color:active, .btn-fill-header_top_bg_color.active, .active.btn-header_top_bg_color, .show > .btn-fill-header_top_bg_color.dropdown-toggle, .show > .dropdown-toggle.btn-header_top_bg_color { color: #FFFFFF; background-color: black; border-color: black; } .btn-check:checked + .btn-fill-header_top_bg_color:focus, .btn-check:checked + .btn-header_top_bg_color:focus, .btn-check:active + .btn-fill-header_top_bg_color:focus, .btn-check:active + .btn-header_top_bg_color:focus, .btn-fill-header_top_bg_color:active:focus, .btn-header_top_bg_color:active:focus, .btn-fill-header_top_bg_color.active:focus, .active.btn-header_top_bg_color:focus, .show > .btn-fill-header_top_bg_color.dropdown-toggle:focus, .show > .dropdown-toggle.btn-header_top_bg_color:focus { box-shadow: 0 0 0 0.25rem rgba(38, 38, 38, 0.5); } .btn-fill-header_top_bg_color:disabled, .btn-fill-header_top_bg_color.o_wysiwyg_loader, .btn-header_top_bg_color:disabled, .btn-header_top_bg_color.o_wysiwyg_loader, .btn-fill-header_top_bg_color.disabled, .disabled.btn-header_top_bg_color { color: #FFFFFF; background-color: #000000; border-color: #000000; } .btn-fill-header_top_text_color, .btn-header_top_text_color { color: #212529; background-color: #ffffff; border-color: #ffffff; } .btn-fill-header_top_text_color:hover, .btn-header_top_text_color:hover { color: #212529; background-color: white; border-color: white; } .btn-check:focus + .btn-fill-header_top_text_color, .btn-check:focus + .btn-header_top_text_color, .btn-fill-header_top_text_color:focus, .btn-header_top_text_color:focus { color: #212529; background-color: white; border-color: white; box-shadow: 0 0 0 0.25rem rgba(222, 222, 223, 0.5); } .btn-check:checked + .btn-fill-header_top_text_color, .btn-check:checked + .btn-header_top_text_color, .btn-check:active + .btn-fill-header_top_text_color, .btn-check:active + .btn-header_top_text_color, .btn-fill-header_top_text_color:active, .btn-header_top_text_color:active, .btn-fill-header_top_text_color.active, .active.btn-header_top_text_color, .show > .btn-fill-header_top_text_color.dropdown-toggle, .show > .dropdown-toggle.btn-header_top_text_color { color: #212529; background-color: white; border-color: white; } .btn-check:checked + .btn-fill-header_top_text_color:focus, .btn-check:checked + .btn-header_top_text_color:focus, .btn-check:active + .btn-fill-header_top_text_color:focus, .btn-check:active + .btn-header_top_text_color:focus, .btn-fill-header_top_text_color:active:focus, .btn-header_top_text_color:active:focus, .btn-fill-header_top_text_color.active:focus, .active.btn-header_top_text_color:focus, .show > .btn-fill-header_top_text_color.dropdown-toggle:focus, .show > .dropdown-toggle.btn-header_top_text_color:focus { box-shadow: 0 0 0 0.25rem rgba(222, 222, 223, 0.5); } .btn-fill-header_top_text_color:disabled, .btn-fill-header_top_text_color.o_wysiwyg_loader, .btn-header_top_text_color:disabled, .btn-header_top_text_color.o_wysiwyg_loader, .btn-fill-header_top_text_color.disabled, .disabled.btn-header_top_text_color { color: #212529; background-color: #ffffff; border-color: #ffffff; } .btn-outline-primary { color: #35979c; border-color: #35979c; } .btn-outline-primary:hover { color: #FFFFFF; background-color: #35979c; border-color: #35979c; } .btn-check:focus + .btn-outline-primary, .btn-outline-primary:focus { box-shadow: 0 0 0 0.25rem rgba(53, 151, 156, 0.5); } .btn-check:checked + .btn-outline-primary, .btn-check:active + .btn-outline-primary, .btn-outline-primary:active, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show { color: #FFFFFF; background-color: #35979c; border-color: #35979c; } .btn-check:checked + .btn-outline-primary:focus, .btn-check:active + .btn-outline-primary:focus, .btn-outline-primary:active:focus, .btn-outline-primary.active:focus, .btn-outline-primary.dropdown-toggle.show:focus { box-shadow: 0 0 0 0.25rem rgba(53, 151, 156, 0.5); } .btn-outline-primary:disabled, .btn-outline-primary.o_wysiwyg_loader, .btn-outline-primary.disabled { color: #35979c; background-color: transparent; } .btn-outline-secondary { color: #685563; border-color: #685563; } .btn-outline-secondary:hover { color: #FFFFFF; background-color: #685563; border-color: #685563; } .btn-check:focus + .btn-outline-secondary, .btn-outline-secondary:focus { box-shadow: 0 0 0 0.25rem rgba(104, 85, 99, 0.5); } .btn-check:checked + .btn-outline-secondary, .btn-check:active + .btn-outline-secondary, .btn-outline-secondary:active, .btn-outline-secondary.active, .btn-outline-secondary.dropdown-toggle.show { color: #FFFFFF; background-color: #685563; border-color: #685563; } .btn-check:checked + .btn-outline-secondary:focus, .btn-check:active + .btn-outline-secondary:focus, .btn-outline-secondary:active:focus, .btn-outline-secondary.active:focus, .btn-outline-secondary.dropdown-toggle.show:focus { box-shadow: 0 0 0 0.25rem rgba(104, 85, 99, 0.5); } .btn-outline-secondary:disabled, .btn-outline-secondary.o_wysiwyg_loader, .btn-outline-secondary.disabled { color: #685563; background-color: transparent; } .btn-outline-success { color: #00b115; border-color: #00b115; } .btn-outline-success:hover { color: #212529; background-color: #00b115; border-color: #00b115; } .btn-check:focus + .btn-outline-success, .btn-outline-success:focus { box-shadow: 0 0 0 0.25rem rgba(0, 177, 21, 0.5); } .btn-check:checked + .btn-outline-success, .btn-check:active + .btn-outline-success, .btn-outline-success:active, .btn-outline-success.active, .btn-outline-success.dropdown-toggle.show { color: #212529; background-color: #00b115; border-color: #00b115; } .btn-check:checked + .btn-outline-success:focus, .btn-check:active + .btn-outline-success:focus, .btn-outline-success:active:focus, .btn-outline-success.active:focus, .btn-outline-success.dropdown-toggle.show:focus { box-shadow: 0 0 0 0.25rem rgba(0, 177, 21, 0.5); } .btn-outline-success:disabled, .btn-outline-success.o_wysiwyg_loader, .btn-outline-success.disabled { color: #00b115; background-color: transparent; } .btn-outline-info { color: #ffaa50; border-color: #ffaa50; } .btn-outline-info:hover { color: #212529; background-color: #ffaa50; border-color: #ffaa50; } .btn-check:focus + .btn-outline-info, .btn-outline-info:focus { box-shadow: 0 0 0 0.25rem rgba(255, 170, 80, 0.5); } .btn-check:checked + .btn-outline-info, .btn-check:active + .btn-outline-info, .btn-outline-info:active, .btn-outline-info.active, .btn-outline-info.dropdown-toggle.show { color: #212529; background-color: #ffaa50; border-color: #ffaa50; } .btn-check:checked + .btn-outline-info:focus, .btn-check:active + .btn-outline-info:focus, .btn-outline-info:active:focus, .btn-outline-info.active:focus, .btn-outline-info.dropdown-toggle.show:focus { box-shadow: 0 0 0 0.25rem rgba(255, 170, 80, 0.5); } .btn-outline-info:disabled, .btn-outline-info.o_wysiwyg_loader, .btn-outline-info.disabled { color: #ffaa50; background-color: transparent; } .btn-outline-warning { color: #ff5050; border-color: #ff5050; } .btn-outline-warning:hover { color: #FFFFFF; background-color: #ff5050; border-color: #ff5050; } .btn-check:focus + .btn-outline-warning, .btn-outline-warning:focus { box-shadow: 0 0 0 0.25rem rgba(255, 80, 80, 0.5); } .btn-check:checked + .btn-outline-warning, .btn-check:active + .btn-outline-warning, .btn-outline-warning:active, .btn-outline-warning.active, .btn-outline-warning.dropdown-toggle.show { color: #FFFFFF; background-color: #ff5050; border-color: #ff5050; } .btn-check:checked + .btn-outline-warning:focus, .btn-check:active + .btn-outline-warning:focus, .btn-outline-warning:active:focus, .btn-outline-warning.active:focus, .btn-outline-warning.dropdown-toggle.show:focus { box-shadow: 0 0 0 0.25rem rgba(255, 80, 80, 0.5); } .btn-outline-warning:disabled, .btn-outline-warning.o_wysiwyg_loader, .btn-outline-warning.disabled { color: #ff5050; background-color: transparent; } .btn-outline-danger { color: #900000; border-color: #900000; } .btn-outline-danger:hover { color: #FFFFFF; background-color: #900000; border-color: #900000; } .btn-check:focus + .btn-outline-danger, .btn-outline-danger:focus { box-shadow: 0 0 0 0.25rem rgba(144, 0, 0, 0.5); } .btn-check:checked + .btn-outline-danger, .btn-check:active + .btn-outline-danger, .btn-outline-danger:active, .btn-outline-danger.active, .btn-outline-danger.dropdown-toggle.show { color: #FFFFFF; background-color: #900000; border-color: #900000; } .btn-check:checked + .btn-outline-danger:focus, .btn-check:active + .btn-outline-danger:focus, .btn-outline-danger:active:focus, .btn-outline-danger.active:focus, .btn-outline-danger.dropdown-toggle.show:focus { box-shadow: 0 0 0 0.25rem rgba(144, 0, 0, 0.5); } .btn-outline-danger:disabled, .btn-outline-danger.o_wysiwyg_loader, .btn-outline-danger.disabled { color: #900000; background-color: transparent; } .btn-outline-light { color: #f7f7f7; border-color: #f7f7f7; } .btn-outline-light:hover { color: #212529; background-color: #f7f7f7; border-color: #f7f7f7; } .btn-check:focus + .btn-outline-light, .btn-outline-light:focus { box-shadow: 0 0 0 0.25rem rgba(247, 247, 247, 0.5); } .btn-check:checked + .btn-outline-light, .btn-check:active + .btn-outline-light, .btn-outline-light:active, .btn-outline-light.active, .btn-outline-light.dropdown-toggle.show { color: #212529; background-color: #f7f7f7; border-color: #f7f7f7; } .btn-check:checked + .btn-outline-light:focus, .btn-check:active + .btn-outline-light:focus, .btn-outline-light:active:focus, .btn-outline-light.active:focus, .btn-outline-light.dropdown-toggle.show:focus { box-shadow: 0 0 0 0.25rem rgba(247, 247, 247, 0.5); } .btn-outline-light:disabled, .btn-outline-light.o_wysiwyg_loader, .btn-outline-light.disabled { color: #f7f7f7; background-color: transparent; } .btn-outline-dark { color: #1a1a1a; border-color: #1a1a1a; } .btn-outline-dark:hover { color: #FFFFFF; background-color: #1a1a1a; border-color: #1a1a1a; } .btn-check:focus + .btn-outline-dark, .btn-outline-dark:focus { box-shadow: 0 0 0 0.25rem rgba(26, 26, 26, 0.5); } .btn-check:checked + .btn-outline-dark, .btn-check:active + .btn-outline-dark, .btn-outline-dark:active, .btn-outline-dark.active, .btn-outline-dark.dropdown-toggle.show { color: #FFFFFF; background-color: #1a1a1a; border-color: #1a1a1a; } .btn-check:checked + .btn-outline-dark:focus, .btn-check:active + .btn-outline-dark:focus, .btn-outline-dark:active:focus, .btn-outline-dark.active:focus, .btn-outline-dark.dropdown-toggle.show:focus { box-shadow: 0 0 0 0.25rem rgba(26, 26, 26, 0.5); } .btn-outline-dark:disabled, .btn-outline-dark.o_wysiwyg_loader, .btn-outline-dark.disabled { color: #1a1a1a; background-color: transparent; } .btn-outline-product_label { color: #a5806d; border-color: #a5806d; } .btn-outline-product_label:hover { color: #FFFFFF; background-color: #a5806d; border-color: #a5806d; } .btn-check:focus + .btn-outline-product_label, .btn-outline-product_label:focus { box-shadow: 0 0 0 0.25rem rgba(165, 128, 109, 0.5); } .btn-check:checked + .btn-outline-product_label, .btn-check:active + .btn-outline-product_label, .btn-outline-product_label:active, .btn-outline-product_label.active, .btn-outline-product_label.dropdown-toggle.show { color: #FFFFFF; background-color: #a5806d; border-color: #a5806d; } .btn-check:checked + .btn-outline-product_label:focus, .btn-check:active + .btn-outline-product_label:focus, .btn-outline-product_label:active:focus, .btn-outline-product_label.active:focus, .btn-outline-product_label.dropdown-toggle.show:focus { box-shadow: 0 0 0 0.25rem rgba(165, 128, 109, 0.5); } .btn-outline-product_label:disabled, .btn-outline-product_label.o_wysiwyg_loader, .btn-outline-product_label.disabled { color: #a5806d; background-color: transparent; } .btn-outline-button_gradient_1 { color: transparent; border-color: transparent; } .btn-outline-button_gradient_1:hover { color: #212529; background-color: transparent; border-color: transparent; } .btn-check:focus + .btn-outline-button_gradient_1, .btn-outline-button_gradient_1:focus { box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.5); } .btn-check:checked + .btn-outline-button_gradient_1, .btn-check:active + .btn-outline-button_gradient_1, .btn-outline-button_gradient_1:active, .btn-outline-button_gradient_1.active, .btn-outline-button_gradient_1.dropdown-toggle.show { color: #212529; background-color: transparent; border-color: transparent; } .btn-check:checked + .btn-outline-button_gradient_1:focus, .btn-check:active + .btn-outline-button_gradient_1:focus, .btn-outline-button_gradient_1:active:focus, .btn-outline-button_gradient_1.active:focus, .btn-outline-button_gradient_1.dropdown-toggle.show:focus { box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.5); } .btn-outline-button_gradient_1:disabled, .btn-outline-button_gradient_1.o_wysiwyg_loader, .btn-outline-button_gradient_1.disabled { color: transparent; background-color: transparent; } .btn-outline-button_gradient_2 { color: transparent; border-color: transparent; } .btn-outline-button_gradient_2:hover { color: #212529; background-color: transparent; border-color: transparent; } .btn-check:focus + .btn-outline-button_gradient_2, .btn-outline-button_gradient_2:focus { box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.5); } .btn-check:checked + .btn-outline-button_gradient_2, .btn-check:active + .btn-outline-button_gradient_2, .btn-outline-button_gradient_2:active, .btn-outline-button_gradient_2.active, .btn-outline-button_gradient_2.dropdown-toggle.show { color: #212529; background-color: transparent; border-color: transparent; } .btn-check:checked + .btn-outline-button_gradient_2:focus, .btn-check:active + .btn-outline-button_gradient_2:focus, .btn-outline-button_gradient_2:active:focus, .btn-outline-button_gradient_2.active:focus, .btn-outline-button_gradient_2.dropdown-toggle.show:focus { box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.5); } .btn-outline-button_gradient_2:disabled, .btn-outline-button_gradient_2.o_wysiwyg_loader, .btn-outline-button_gradient_2.disabled { color: transparent; background-color: transparent; } .btn-outline-animation_text_color { color: transparent; border-color: transparent; } .btn-outline-animation_text_color:hover { color: #212529; background-color: transparent; border-color: transparent; } .btn-check:focus + .btn-outline-animation_text_color, .btn-outline-animation_text_color:focus { box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.5); } .btn-check:checked + .btn-outline-animation_text_color, .btn-check:active + .btn-outline-animation_text_color, .btn-outline-animation_text_color:active, .btn-outline-animation_text_color.active, .btn-outline-animation_text_color.dropdown-toggle.show { color: #212529; background-color: transparent; border-color: transparent; } .btn-check:checked + .btn-outline-animation_text_color:focus, .btn-check:active + .btn-outline-animation_text_color:focus, .btn-outline-animation_text_color:active:focus, .btn-outline-animation_text_color.active:focus, .btn-outline-animation_text_color.dropdown-toggle.show:focus { box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.5); } .btn-outline-animation_text_color:disabled, .btn-outline-animation_text_color.o_wysiwyg_loader, .btn-outline-animation_text_color.disabled { color: transparent; background-color: transparent; } .btn-outline-animation_hover_color { color: transparent; border-color: transparent; } .btn-outline-animation_hover_color:hover { color: #212529; background-color: transparent; border-color: transparent; } .btn-check:focus + .btn-outline-animation_hover_color, .btn-outline-animation_hover_color:focus { box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.5); } .btn-check:checked + .btn-outline-animation_hover_color, .btn-check:active + .btn-outline-animation_hover_color, .btn-outline-animation_hover_color:active, .btn-outline-animation_hover_color.active, .btn-outline-animation_hover_color.dropdown-toggle.show { color: #212529; background-color: transparent; border-color: transparent; } .btn-check:checked + .btn-outline-animation_hover_color:focus, .btn-check:active + .btn-outline-animation_hover_color:focus, .btn-outline-animation_hover_color:active:focus, .btn-outline-animation_hover_color.active:focus, .btn-outline-animation_hover_color.dropdown-toggle.show:focus { box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.5); } .btn-outline-animation_hover_color:disabled, .btn-outline-animation_hover_color.o_wysiwyg_loader, .btn-outline-animation_hover_color.disabled { color: transparent; background-color: transparent; } .btn-outline-offer_timer_background_color { color: transparent; border-color: transparent; } .btn-outline-offer_timer_background_color:hover { color: #212529; background-color: transparent; border-color: transparent; } .btn-check:focus + .btn-outline-offer_timer_background_color, .btn-outline-offer_timer_background_color:focus { box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.5); } .btn-check:checked + .btn-outline-offer_timer_background_color, .btn-check:active + .btn-outline-offer_timer_background_color, .btn-outline-offer_timer_background_color:active, .btn-outline-offer_timer_background_color.active, .btn-outline-offer_timer_background_color.dropdown-toggle.show { color: #212529; background-color: transparent; border-color: transparent; } .btn-check:checked + .btn-outline-offer_timer_background_color:focus, .btn-check:active + .btn-outline-offer_timer_background_color:focus, .btn-outline-offer_timer_background_color:active:focus, .btn-outline-offer_timer_background_color.active:focus, .btn-outline-offer_timer_background_color.dropdown-toggle.show:focus { box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.5); } .btn-outline-offer_timer_background_color:disabled, .btn-outline-offer_timer_background_color.o_wysiwyg_loader, .btn-outline-offer_timer_background_color.disabled { color: transparent; background-color: transparent; } .btn-outline-header_top_bg_color { color: #000000; border-color: #000000; } .btn-outline-header_top_bg_color:hover { color: #FFFFFF; background-color: #000000; border-color: #000000; } .btn-check:focus + .btn-outline-header_top_bg_color, .btn-outline-header_top_bg_color:focus { box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.5); } .btn-check:checked + .btn-outline-header_top_bg_color, .btn-check:active + .btn-outline-header_top_bg_color, .btn-outline-header_top_bg_color:active, .btn-outline-header_top_bg_color.active, .btn-outline-header_top_bg_color.dropdown-toggle.show { color: #FFFFFF; background-color: #000000; border-color: #000000; } .btn-check:checked + .btn-outline-header_top_bg_color:focus, .btn-check:active + .btn-outline-header_top_bg_color:focus, .btn-outline-header_top_bg_color:active:focus, .btn-outline-header_top_bg_color.active:focus, .btn-outline-header_top_bg_color.dropdown-toggle.show:focus { box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.5); } .btn-outline-header_top_bg_color:disabled, .btn-outline-header_top_bg_color.o_wysiwyg_loader, .btn-outline-header_top_bg_color.disabled { color: #000000; background-color: transparent; } .btn-outline-header_top_text_color { color: #ffffff; border-color: #ffffff; } .btn-outline-header_top_text_color:hover { color: #212529; background-color: #ffffff; border-color: #ffffff; } .btn-check:focus + .btn-outline-header_top_text_color, .btn-outline-header_top_text_color:focus { box-shadow: 0 0 0 0.25rem rgba(255, 255, 255, 0.5); } .btn-check:checked + .btn-outline-header_top_text_color, .btn-check:active + .btn-outline-header_top_text_color, .btn-outline-header_top_text_color:active, .btn-outline-header_top_text_color.active, .btn-outline-header_top_text_color.dropdown-toggle.show { color: #212529; background-color: #ffffff; border-color: #ffffff; } .btn-check:checked + .btn-outline-header_top_text_color:focus, .btn-check:active + .btn-outline-header_top_text_color:focus, .btn-outline-header_top_text_color:active:focus, .btn-outline-header_top_text_color.active:focus, .btn-outline-header_top_text_color.dropdown-toggle.show:focus { box-shadow: 0 0 0 0.25rem rgba(255, 255, 255, 0.5); } .btn-outline-header_top_text_color:disabled, .btn-outline-header_top_text_color.o_wysiwyg_loader, .btn-outline-header_top_text_color.disabled { color: #ffffff; background-color: transparent; } .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%; } .modal-content { color: #212529; } .modal-content .table-striped > tbody > tr:nth-of-type(odd) > * { color: inherit; } .modal-content:where(:not(.oe_structure)) .form-control { background-color: #FFF; color: inherit; } .modal-content:where(:not(.oe_structure)) .form-select { background-color: #FFF; color: inherit; } .modal-content:where(:not(.oe_structure)) .form-check-input:not(:checked) { background-color: #FFF; } .modal-content .text-muted { color: rgba(33, 37, 41, 0.7) !important; } .popover .popover-header { color: #212529; } .popover .popover-body { color: #212529; } .input-group-text { color: #212529; } .form-control::file-selector-button { color: #212529; } .offcanvas { color: #212529; } .offcanvas .form-check-input:where(:not(:checked)) { background-color: #FFF; } .offcanvas .form-range::-webkit-slider-thumb:where(:not(:active)) { background-color: #FFF; } .offcanvas .form-range::-moz-range-thumb:where(:not(:active)) { background-color: #FFF; } .input-group .btn:first-child, .input-group .btn:last-child { border-radius: 0; } .dropdown .dropdown-menu .text-muted, .dropdown .o_dropdown_menu .text-muted { color: rgba(33, 37, 41, 0.7) !important; } /* /web/static/src/legacy/scss/tempusdominus_overridden.scss */ .sr-only, .bootstrap-datetimepicker-widget table th.next::after, .bootstrap-datetimepicker-widget table th.prev::after, .bootstrap-datetimepicker-widget .picker-switch::after, .bootstrap-datetimepicker-widget .btn[data-action="today"]::after, .bootstrap-datetimepicker-widget .btn[data-action="clear"]::after, .bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after, .bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after, .bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after, .bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after, .bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after, .bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after, .bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after { position: absolute !important; 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; } /* /web/static/lib/tempusdominus/tempusdominus.scss */ .bootstrap-datetimepicker-widget { list-style: none; } .bootstrap-datetimepicker-widget.dropdown-menu, .bootstrap-datetimepicker-widget.o_dropdown_menu { display: block; margin: 2px 0; padding: 4px; width: 14rem; } @media (min-width: 576px) { .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs, .bootstrap-datetimepicker-widget.timepicker-sbs.o_dropdown_menu { width: 38em; } } @media (min-width: 768px) { .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs, .bootstrap-datetimepicker-widget.timepicker-sbs.o_dropdown_menu { width: 38em; } } @media (min-width: 992px) { .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs, .bootstrap-datetimepicker-widget.timepicker-sbs.o_dropdown_menu { width: 38em; } } .bootstrap-datetimepicker-widget.dropdown-menu:before, .bootstrap-datetimepicker-widget.o_dropdown_menu:before, .bootstrap-datetimepicker-widget.dropdown-menu:after, .bootstrap-datetimepicker-widget.o_dropdown_menu:after { content: ''; display: inline-block; position: absolute; } .bootstrap-datetimepicker-widget.dropdown-menu.bottom:before, .bootstrap-datetimepicker-widget.bottom.o_dropdown_menu:before { border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #ededed; border-bottom-color: var(--bs-datetimepicker-secondary-border-color-rgba, rgba(0, 0, 0, 0.2)); top: -7px; left: 7px; } .bootstrap-datetimepicker-widget.dropdown-menu.bottom:after, .bootstrap-datetimepicker-widget.bottom.o_dropdown_menu:after { border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid var(--bs-datetimepicker-primary-border-color, white); top: -6px; left: 8px; } .bootstrap-datetimepicker-widget.dropdown-menu.top:before, .bootstrap-datetimepicker-widget.top.o_dropdown_menu:before { border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 7px solid #ededed; border-top-color: var(--bs-datetimepicker-secondary-border-color-rgba, rgba(0, 0, 0, 0.2)); bottom: -7px; left: 6px; } .bootstrap-datetimepicker-widget.dropdown-menu.top:after, .bootstrap-datetimepicker-widget.top.o_dropdown_menu:after { border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid var(--bs-datetimepicker-primary-border-color, white); bottom: -6px; left: 7px; } .bootstrap-datetimepicker-widget.dropdown-menu.float-right:before, .bootstrap-datetimepicker-widget.float-right.o_dropdown_menu:before { left: auto; right: 6px; } .bootstrap-datetimepicker-widget.dropdown-menu.float-right:after, .bootstrap-datetimepicker-widget.float-right.o_dropdown_menu:after { left: auto; right: 7px; } .bootstrap-datetimepicker-widget.dropdown-menu.wider, .bootstrap-datetimepicker-widget.wider.o_dropdown_menu { width: 16rem; } .bootstrap-datetimepicker-widget .list-unstyled { margin: 0; } .bootstrap-datetimepicker-widget a[data-action] { padding: 6px 0; } .bootstrap-datetimepicker-widget a[data-action]:active { box-shadow: none; } .bootstrap-datetimepicker-widget .timepicker-hour, .bootstrap-datetimepicker-widget .timepicker-minute, .bootstrap-datetimepicker-widget .timepicker-second { width: 54px; font-weight: bold; font-size: var(--bs-datetimepicker-timepicker-font-size, 1.2em); margin: 0; } .bootstrap-datetimepicker-widget button[data-action], .bootstrap-datetimepicker-widget .owl-carousel.dynamic-owl-carousel .owl-nav button.owl-next[data-action], .owl-carousel.dynamic-owl-carousel .owl-nav .bootstrap-datetimepicker-widget button.owl-next[data-action] { padding: 6px; } .bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after { content: "Increment Hours"; } .bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after { content: "Increment Minutes"; } .bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after { content: "Decrement Hours"; } .bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after { content: "Decrement Minutes"; } .bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after { content: "Show Hours"; } .bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after { content: "Show Minutes"; } .bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after { content: "Toggle AM/PM"; } .bootstrap-datetimepicker-widget .btn[data-action="clear"]::after { content: "Clear the picker"; } .bootstrap-datetimepicker-widget .btn[data-action="today"]::after { content: "Set the date to today"; } .bootstrap-datetimepicker-widget .picker-switch { text-align: center; } .bootstrap-datetimepicker-widget .picker-switch::after { content: "Toggle Date and Time Screens"; } .bootstrap-datetimepicker-widget .picker-switch td { padding: 0; margin: 0; height: auto; width: auto; line-height: inherit; } .bootstrap-datetimepicker-widget .picker-switch td span { line-height: 2.5; height: 2.5em; width: 100%; } .bootstrap-datetimepicker-widget table { width: 100%; margin: 0; } .bootstrap-datetimepicker-widget table td, .bootstrap-datetimepicker-widget table th { text-align: center; border-radius: var(--bs-datetimepicker-border-radius, 0); } .bootstrap-datetimepicker-widget table th { height: 20px; line-height: 20px; width: 20px; } .bootstrap-datetimepicker-widget table th.picker-switch { width: 145px; } .bootstrap-datetimepicker-widget table th.disabled, .bootstrap-datetimepicker-widget table th.disabled:hover { background: none; color: var(--bs-datetimepicker-disabled-color, #6C757D); cursor: not-allowed; } .bootstrap-datetimepicker-widget table th.prev::after { content: "Previous Month"; } .bootstrap-datetimepicker-widget table th.next::after { content: "Next Month"; } .bootstrap-datetimepicker-widget table thead tr:first-child th { cursor: pointer; } .bootstrap-datetimepicker-widget table thead tr:first-child th:hover { background: var(--bs-datetimepicker-btn-hover-bg, #E9ECEF); } .bootstrap-datetimepicker-widget table td { height: 54px; line-height: 54px; width: 54px; } .bootstrap-datetimepicker-widget table td.cw { font-size: .8em; height: 20px; line-height: 20px; color: var(--bs-datetimepicker-alternate-color, #6C757D); } .bootstrap-datetimepicker-widget table td.day { height: 20px; line-height: 20px; width: 20px; } .bootstrap-datetimepicker-widget table td.day:hover, .bootstrap-datetimepicker-widget table td.hour:hover, .bootstrap-datetimepicker-widget table td.minute:hover, .bootstrap-datetimepicker-widget table td.second:hover { background: var(--bs-datetimepicker-btn-hover-bg, #E9ECEF); cursor: pointer; } .bootstrap-datetimepicker-widget table td.old, .bootstrap-datetimepicker-widget table td.new { color: var(--bs-datetimepicker-alternate-color, #6C757D); } .bootstrap-datetimepicker-widget table td.today { position: relative; } .bootstrap-datetimepicker-widget table td.today:before { content: ''; display: inline-block; border: solid transparent; border-width: 0 0 7px 7px; border-bottom-color: #71639e; border-top-color: var(--bs-datetimepicker-secondary-border-color-rgba, rgba(0, 0, 0, 0.2)); position: absolute; bottom: 4px; right: 4px; } .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover { background-color: #71639e; color: #FFF; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); } .bootstrap-datetimepicker-widget table td.active.today:before { border-bottom-color: #fff; } .bootstrap-datetimepicker-widget table td.disabled, .bootstrap-datetimepicker-widget table td.disabled:hover { background: none; color: var(--bs-datetimepicker-disabled-color, #6C757D); cursor: not-allowed; } .bootstrap-datetimepicker-widget table td span { display: inline-block; width: 54px; height: 54px; line-height: 54px; margin: 2px 1.5px; cursor: pointer; border-radius: var(--bs-datetimepicker-border-radius, 0); } .bootstrap-datetimepicker-widget table td span:hover { background: var(--bs-datetimepicker-btn-hover-bg, #E9ECEF); } .bootstrap-datetimepicker-widget table td span.active { background-color: #71639e; color: #FFF; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); } .bootstrap-datetimepicker-widget table td span.old { color: var(--bs-datetimepicker-alternate-color, #6C757D); } .bootstrap-datetimepicker-widget table td span.disabled, .bootstrap-datetimepicker-widget table td span.disabled:hover { background: none; color: var(--bs-datetimepicker-disabled-color, #6C757D); cursor: not-allowed; } .bootstrap-datetimepicker-widget.usetwentyfour td.hour { height: 27px; line-height: 27px; } .input-group [data-toggle="datetimepicker"] { cursor: pointer; } /* /web/static/lib/jquery.ui/jquery-ui.css */ /*! jQuery UI - v1.12.1 - 2019-01-18 * http://jqueryui.com * Includes: draggable.css, core.css, resizable.css, selectable.css, sortable.css, autocomplete.css, menu.css, datepicker.css, tooltip.css, theme.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif * Copyright jQuery Foundation and other contributors; Licensed MIT */ .ui-draggable-handle { -ms-touch-action: none; touch-action: none; } /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse; } .ui-helper-clearfix:after { clear: both; } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); /* support: IE8 */ } .ui-front { z-index: 100; } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; pointer-events: none; } /* Icons ----------------------------------*/ .ui-icon { display: inline-block; vertical-align: middle; margin-top: -.25em; position: relative; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } .ui-widget-icon-block { left: 50%; margin-left: -8px; display: block; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .ui-resizable { position: relative; } .ui-resizable-handle { position: absolute; font-size: 0.1px; display: block; -ms-touch-action: none; touch-action: none; } .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px; } .ui-selectable { -ms-touch-action: none; touch-action: none; } .ui-selectable-helper { position: absolute; z-index: 100; border: 1px dotted black; } .ui-sortable-handle { -ms-touch-action: none; touch-action: none; } .ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default; } .ui-menu { list-style: none; padding: 0; margin: 0; display: block; outline: 0; } .ui-menu .ui-menu { position: absolute; } .ui-menu .ui-menu-item { margin: 0; cursor: pointer; /* support: IE10, see #8844 */ list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"); } .ui-menu .ui-menu-item-wrapper { position: relative; padding: 3px 1em 3px .4em; } .ui-menu .ui-menu-divider { margin: 5px 0; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; } .ui-menu .ui-state-focus, .ui-menu .ui-state-active { margin: -1px; } /* icon support */ .ui-menu-icons { position: relative; } .ui-menu-icons .ui-menu-item-wrapper { padding-left: 2em; } /* left-aligned */ .ui-menu .ui-icon { position: absolute; top: 0; bottom: 0; left: .2em; margin: auto 0; } /* right-aligned */ .ui-menu .ui-menu-icon { left: auto; right: 0; } .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; } .ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left: 2px; } .ui-datepicker .ui-datepicker-next { right: 2px; } .ui-datepicker .ui-datepicker-prev-hover { left: 1px; } .ui-datepicker .ui-datepicker-next-hover { right: 1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 45%; } .ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width: auto; } .ui-datepicker-multi .ui-datepicker-group { float: left; } .ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear: left; } .ui-datepicker-row-break { clear: both; width: 100%; font-size: 0; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group { float: right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; } /* Icons */ .ui-datepicker .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; left: .5em; top: .3em; } .ui-tooltip { padding: 8px; position: absolute; z-index: 9999; max-width: 300px; } body .ui-tooltip { border-width: 2px; } /* Component containers ----------------------------------*/ .ui-widget { font-family: Arial,Helvetica,sans-serif; font-size: 1em; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Arial,Helvetica,sans-serif; font-size: 1em; } .ui-widget.ui-widget-content { border: 1px solid #c5c5c5; } .ui-widget-content { border: 1px solid #dddddd; background: #ffffff; color: #333333; } .ui-widget-content a { color: #333333; } .ui-widget-header { border: 1px solid #dddddd; background: #e9e9e9; color: #333333; font-weight: bold; } .ui-widget-header a { color: #333333; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, /* We use html here because we need a greater specificity to make sure disabled works properly when clicked or hovered */ html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { border: 1px solid #c5c5c5; background: #f6f6f6; font-weight: normal; color: #454545; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button { color: #454545; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus { border: 1px solid #cccccc; background: #ededed; font-weight: normal; color: #2b2b2b; } .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited, a.ui-button:hover, a.ui-button:focus { color: #2b2b2b; text-decoration: none; } .ui-visual-focus { box-shadow: 0 0 3px 1px rgb(94, 158, 214); } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { border: 1px solid #003eff; background: #007fff; font-weight: normal; color: #ffffff; } .ui-icon-background, .ui-state-active .ui-icon-background { border: #003eff; background-color: #ffffff; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ffffff; text-decoration: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #dad55e; background: #fffa90; color: #777620; } .ui-state-checked { border: 1px solid #dad55e; background: #fffa90; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #777620; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #f1a899; background: #fddfdf; color: #5f3f3f; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #5f3f3f; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #5f3f3f; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); /* support: IE8 */ font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); /* support: IE8 */ background-image: none; } .ui-state-disabled .ui-icon { filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */ } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; } .ui-icon, .ui-widget-content .ui-icon { background-image: url("/web/static/lib/jquery.ui/images/ui-icons_444444_256x240.png"); } .ui-widget-header .ui-icon { background-image: url("/web/static/lib/jquery.ui/images/ui-icons_444444_256x240.png"); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-button:hover .ui-icon, .ui-button:focus .ui-icon { background-image: url("/web/static/lib/jquery.ui/images/ui-icons_555555_256x240.png"); } .ui-state-active .ui-icon, .ui-button:active .ui-icon { background-image: url("/web/static/lib/jquery.ui/images/ui-icons_ffffff_256x240.png"); } .ui-state-highlight .ui-icon, .ui-button .ui-state-highlight.ui-icon { background-image: url("/web/static/lib/jquery.ui/images/ui-icons_777620_256x240.png"); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url("/web/static/lib/jquery.ui/images/ui-icons_cc0000_256x240.png"); } .ui-button .ui-icon { background-image: url("/web/static/lib/jquery.ui/images/ui-icons_777777_256x240.png"); } /* positioning */ .ui-icon-blank { background-position: 16px 16px; } .ui-icon-caret-1-n { background-position: 0 0; } .ui-icon-caret-1-ne { background-position: -16px 0; } .ui-icon-caret-1-e { background-position: -32px 0; } .ui-icon-caret-1-se { background-position: -48px 0; } .ui-icon-caret-1-s { background-position: -65px 0; } .ui-icon-caret-1-sw { background-position: -80px 0; } .ui-icon-caret-1-w { background-position: -96px 0; } .ui-icon-caret-1-nw { background-position: -112px 0; } .ui-icon-caret-2-n-s { background-position: -128px 0; } .ui-icon-caret-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -65px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -65px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 1px -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-on { background-position: -96px -144px; } .ui-icon-radio-off { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 3px; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 3px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 3px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 3px; } /* Overlays */ .ui-widget-overlay { background: #aaaaaa; opacity: .3; filter: Alpha(Opacity=30); /* support: IE8 */ } .ui-widget-shadow { -webkit-box-shadow: 0px 0px 5px #666666; box-shadow: 0px 0px 5px #666666; } /* /web/static/src/libs/fontawesome/css/font-awesome.css */ /*! * Based on Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */ /* FONT PATH * -------------------------- */ @font-face { font-family: 'FontAwesome'; src: url('/web/static/src/libs/fontawesome/css/../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('/web/static/src/libs/fontawesome/css/../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'); font-weight: normal; font-style: normal; font-display: block; } .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* matches 'oi-large' utility-class */ .fa-lg { font-size: 1.315em; vertical-align: -6%; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-fw { width: 1.28571429em; text-align: center; } .fa-ul { padding-left: 0; margin-left: 2.14285714em; list-style-type: none; } .fa-ul > li { position: relative; } .fa-li { position: absolute; left: -2.14285714em; width: 2.14285714em; top: 0.14285714em; text-align: center; } .fa-li.fa-lg { left: -1.85714286em; } .fa-border { padding: .2em .25em .15em; border: solid 0.08em #eeeeee; border-radius: .1em; } .fa-pull-left { float: left; } .fa-pull-right { float: right; } .fa.fa-pull-left { margin-right: .3em; } .fa.fa-pull-right { margin-left: .3em; } .fa-spin { animation: fa-spin 2s infinite linear; } .fa-pulse { animation: fa-spin 1s infinite steps(8); } @keyframes fa-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(359deg); } } .fa-rotate-90 { transform: rotate(90deg); } .fa-rotate-180 { transform: rotate(180deg); } .fa-rotate-270 { transform: rotate(270deg); } .fa-flip-horizontal { transform: scale(-1, 1); } .fa-flip-vertical { transform: scale(1, -1); } :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical { filter: none; } .fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; } .fa-stack-1x, .fa-stack-2x { position: absolute; left: 0; width: 100%; text-align: center; } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: #ffffff; } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .fa-glass:before { content: "\f000"; } .fa-music:before { content: "\f001"; } .fa-search:before { content: "\f002"; } .fa-envelope-o:before { content: "\f003"; } .fa-heart:before { content: "\f004"; } .fa-star:before { content: "\f005"; } .fa-star-o:before { content: "\f006"; } .fa-user:before { content: "\f007"; } .fa-film:before { content: "\f008"; } .fa-th-large:before { content: "\f009"; } .fa-th:before { content: "\f00a"; } .fa-th-list:before { content: "\f00b"; } .fa-check:before { content: "\f00c"; } .fa-remove:before, .fa-close:before, .fa-times:before { content: "\f00d"; } .fa-search-plus:before { content: "\f00e"; } .fa-search-minus:before { content: "\f010"; } .fa-power-off:before { content: "\f011"; } .fa-signal:before { content: "\f012"; } .fa-gear:before, .fa-cog:before { content: "\f013"; } .fa-trash-o:before { content: "\f014"; } .fa-home:before { content: "\f015"; } .fa-file-o:before { content: "\f016"; } .fa-clock-o:before { content: "\f017"; } .fa-road:before { content: "\f018"; } .fa-download:before { content: "\f019"; } .fa-arrow-circle-o-down:before { content: "\f01a"; } .fa-arrow-circle-o-up:before { content: "\f01b"; } .fa-inbox:before { content: "\f01c"; } .fa-play-circle-o:before { content: "\f01d"; } .fa-rotate-right:before, .fa-repeat:before { content: "\f01e"; } .fa-refresh:before { content: "\f021"; } .fa-list-alt:before { content: "\f022"; } .fa-lock:before { content: "\f023"; } .fa-flag:before { content: "\f024"; } .fa-headphones:before { content: "\f025"; } .fa-volume-off:before { content: "\f026"; } .fa-volume-down:before { content: "\f027"; } .fa-volume-up:before { content: "\f028"; } .fa-qrcode:before { content: "\f029"; } .fa-barcode:before { content: "\f02a"; } .fa-tag:before { content: "\f02b"; } .fa-tags:before { content: "\f02c"; } .fa-book:before { content: "\f02d"; } .fa-bookmark:before { content: "\f02e"; } .fa-print:before { content: "\f02f"; } .fa-camera:before { content: "\f030"; } .fa-font:before { content: "\f031"; } .fa-bold:before { content: "\f032"; } .fa-italic:before { content: "\f033"; } .fa-text-height:before { content: "\f034"; } .fa-text-width:before { content: "\f035"; } .fa-align-left:before { content: "\f036"; } .fa-align-center:before { content: "\f037"; } .fa-align-right:before { content: "\f038"; } .fa-align-justify:before { content: "\f039"; } .fa-list:before { content: "\f03a"; } .fa-dedent:before, .fa-outdent:before { content: "\f03b"; } .fa-indent:before { content: "\f03c"; } .fa-video-camera:before { content: "\f03d"; } .fa-photo:before, .fa-image:before, .fa-picture-o:before { content: "\f03e"; } .fa-pencil:before { content: "\f040"; } .fa-map-marker:before { content: "\f041"; } .fa-adjust:before { content: "\f042"; } .fa-tint:before { content: "\f043"; } .fa-edit:before, .fa-pencil-square-o:before { content: "\f044"; } .fa-share-square-o:before { content: "\f045"; } .fa-check-square-o:before { content: "\f046"; } .fa-arrows:before { content: "\f047"; } .fa-step-backward:before { content: "\f048"; } .fa-fast-backward:before { content: "\f049"; } .fa-backward:before { content: "\f04a"; } .fa-play:before { content: "\f04b"; } .fa-pause:before { content: "\f04c"; } .fa-stop:before { content: "\f04d"; } .fa-forward:before { content: "\f04e"; } .fa-fast-forward:before { content: "\f050"; } .fa-step-forward:before { content: "\f051"; } .fa-eject:before { content: "\f052"; } .fa-chevron-left:before { content: "\f053"; } .fa-chevron-right:before { content: "\f054"; } .fa-plus-circle:before { content: "\f055"; } .fa-minus-circle:before { content: "\f056"; } .fa-times-circle:before { content: "\f057"; } .fa-check-circle:before { content: "\f058"; } .fa-question-circle:before { content: "\f059"; } .fa-info-circle:before { content: "\f05a"; } .fa-crosshairs:before { content: "\f05b"; } .fa-times-circle-o:before { content: "\f05c"; } .fa-check-circle-o:before { content: "\f05d"; } .fa-ban:before { content: "\f05e"; } .fa-arrow-left:before { content: "\f060"; } .fa-arrow-right:before { content: "\f061"; } .fa-arrow-up:before { content: "\f062"; } .fa-arrow-down:before { content: "\f063"; } .fa-mail-forward:before, .fa-share:before { content: "\f064"; } .fa-expand:before { content: "\f065"; } .fa-compress:before { content: "\f066"; } .fa-plus:before { content: "\f067"; } .fa-minus:before { content: "\f068"; } .fa-asterisk:before { content: "\f069"; } .fa-exclamation-circle:before { content: "\f06a"; } .fa-gift:before { content: "\f06b"; } .fa-leaf:before { content: "\f06c"; } .fa-fire:before { content: "\f06d"; } .fa-eye:before { content: "\f06e"; } .fa-eye-slash:before { content: "\f070"; } .fa-warning:before, .fa-exclamation-triangle:before { content: "\f071"; } .fa-plane:before { content: "\f072"; } .fa-calendar:before { content: "\f073"; } .fa-random:before { content: "\f074"; } .fa-comment:before { content: "\f075"; } .fa-magnet:before { content: "\f076"; } .fa-chevron-up:before { content: "\f077"; } .fa-chevron-down:before { content: "\f078"; } .fa-retweet:before { content: "\f079"; } .fa-shopping-cart:before { content: "\f07a"; } .fa-folder:before { content: "\f07b"; } .fa-folder-open:before { content: "\f07c"; } .fa-arrows-v:before { content: "\f07d"; } .fa-arrows-h:before { content: "\f07e"; } .fa-bar-chart-o:before, .fa-bar-chart:before { content: "\f080"; } .fa-twitter-square:before { content: "\f081"; } .fa-facebook-square:before { content: "\f082"; } .fa-camera-retro:before { content: "\f083"; } .fa-key:before { content: "\f084"; } .fa-gears:before, .fa-cogs:before { content: "\f085"; } .fa-comments:before { content: "\f086"; } .fa-thumbs-o-up:before { content: "\f087"; } .fa-thumbs-o-down:before { content: "\f088"; } .fa-star-half:before { content: "\f089"; } .fa-heart-o:before { content: "\f08a"; } .fa-sign-out:before { content: "\f08b"; } .fa-linkedin-square:before { content: "\f08c"; } .fa-thumb-tack:before { content: "\f08d"; } .fa-external-link:before { content: "\f08e"; } .fa-sign-in:before { content: "\f090"; } .fa-trophy:before { content: "\f091"; } .fa-github-square:before { content: "\f092"; } .fa-upload:before { content: "\f093"; } .fa-lemon-o:before { content: "\f094"; } .fa-phone:before { content: "\f095"; } .fa-square-o:before { content: "\f096"; } .fa-bookmark-o:before { content: "\f097"; } .fa-phone-square:before { content: "\f098"; } .fa-twitter:before { content: "\f099"; } .fa-facebook-f:before, .fa-facebook:before { content: "\f09a"; } .fa-github:before { content: "\f09b"; } .fa-unlock:before { content: "\f09c"; } .fa-credit-card:before { content: "\f09d"; } .fa-feed:before, .fa-rss:before { content: "\f09e"; } .fa-hdd-o:before { content: "\f0a0"; } .fa-bullhorn:before { content: "\f0a1"; } .fa-bell:before { content: "\f0f3"; } .fa-certificate:before { content: "\f0a3"; } .fa-hand-o-right:before { content: "\f0a4"; } .fa-hand-o-left:before { content: "\f0a5"; } .fa-hand-o-up:before { content: "\f0a6"; } .fa-hand-o-down:before { content: "\f0a7"; } .fa-arrow-circle-left:before { content: "\f0a8"; } .fa-arrow-circle-right:before { content: "\f0a9"; } .fa-arrow-circle-up:before { content: "\f0aa"; } .fa-arrow-circle-down:before { content: "\f0ab"; } .fa-globe:before { content: "\f0ac"; } .fa-wrench:before { content: "\f0ad"; } .fa-tasks:before { content: "\f0ae"; } .fa-filter:before { content: "\f0b0"; } .fa-briefcase:before { content: "\f0b1"; } .fa-arrows-alt:before { content: "\f0b2"; } .fa-group:before, .fa-users:before { content: "\f0c0"; } .fa-chain:before, .fa-link:before { content: "\f0c1"; } .fa-cloud:before { content: "\f0c2"; } .fa-flask:before { content: "\f0c3"; } .fa-cut:before, .fa-scissors:before { content: "\f0c4"; } .fa-copy:before, .fa-files-o:before { content: "\f0c5"; } .fa-paperclip:before { content: "\f0c6"; } .fa-save:before, .fa-floppy-o:before { content: "\f0c7"; } .fa-square:before { content: "\f0c8"; } .fa-navicon:before, .fa-reorder:before, .fa-bars:before { content: "\f0c9"; } .fa-list-ul:before { content: "\f0ca"; } .fa-list-ol:before { content: "\f0cb"; } .fa-strikethrough:before { content: "\f0cc"; } .fa-underline:before { content: "\f0cd"; } .fa-table:before { content: "\f0ce"; } .fa-magic:before { content: "\f0d0"; } .fa-truck:before { content: "\f0d1"; } .fa-pinterest:before { content: "\f0d2"; } .fa-pinterest-square:before { content: "\f0d3"; } .fa-google-plus-square:before { content: "\f0d4"; } .fa-google-plus:before { content: "\f0d5"; } .fa-money:before { content: "\f0d6"; } .fa-caret-down:before { content: "\f0d7"; } .fa-caret-up:before { content: "\f0d8"; } .fa-caret-left:before { content: "\f0d9"; } .fa-caret-right:before { content: "\f0da"; } .fa-columns:before { content: "\f0db"; } .fa-unsorted:before, .fa-sort:before { content: "\f0dc"; } .fa-sort-down:before, .fa-sort-desc:before { content: "\f0dd"; } .fa-sort-up:before, .fa-sort-asc:before { content: "\f0de"; } .fa-envelope:before { content: "\f0e0"; } .fa-linkedin:before { content: "\f0e1"; } .fa-rotate-left:before, .fa-undo:before { content: "\f0e2"; } .fa-legal:before, .fa-gavel:before { content: "\f0e3"; } .fa-dashboard:before, .fa-tachometer:before { content: "\f0e4"; } .fa-comment-o:before { content: "\f0e5"; } .fa-comments-o:before { content: "\f0e6"; } .fa-flash:before, .fa-bolt:before { content: "\f0e7"; } .fa-sitemap:before { content: "\f0e8"; } .fa-umbrella:before { content: "\f0e9"; } .fa-paste:before, .fa-clipboard:before { content: "\f0ea"; } .fa-lightbulb-o:before { content: "\f0eb"; } .fa-exchange:before { content: "\f0ec"; } .fa-cloud-download:before { content: "\f0ed"; } .fa-cloud-upload:before { content: "\f0ee"; } .fa-user-md:before { content: "\f0f0"; } .fa-stethoscope:before { content: "\f0f1"; } .fa-suitcase:before { content: "\f0f2"; } .fa-bell-o:before { content: "\f0a2"; } .fa-coffee:before { content: "\f0f4"; } .fa-cutlery:before { content: "\f0f5"; } .fa-file-text-o:before { content: "\f0f6"; } .fa-building-o:before { content: "\f0f7"; } .fa-hospital-o:before { content: "\f0f8"; } .fa-ambulance:before { content: "\f0f9"; } .fa-medkit:before { content: "\f0fa"; } .fa-fighter-jet:before { content: "\f0fb"; } .fa-beer:before { content: "\f0fc"; } .fa-h-square:before { content: "\f0fd"; } .fa-plus-square:before { content: "\f0fe"; } .fa-angle-double-left:before { content: "\f100"; } .fa-angle-double-right:before { content: "\f101"; } .fa-angle-double-up:before { content: "\f102"; } .fa-angle-double-down:before { content: "\f103"; } .fa-angle-left:before { content: "\f104"; } .fa-angle-right:before { content: "\f105"; } .fa-angle-up:before { content: "\f106"; } .fa-angle-down:before { content: "\f107"; } .fa-desktop:before { content: "\f108"; } .fa-laptop:before { content: "\f109"; } .fa-tablet:before { content: "\f10a"; } .fa-mobile-phone:before, .fa-mobile:before { content: "\f10b"; } .fa-circle-o:before { content: "\f10c"; } .fa-quote-left:before { content: "\f10d"; } .fa-quote-right:before { content: "\f10e"; } .fa-spinner:before { content: "\f110"; } .fa-circle:before { content: "\f111"; } .fa-mail-reply:before, .fa-reply:before { content: "\f112"; } .fa-github-alt:before { content: "\f113"; } .fa-folder-o:before { content: "\f114"; } .fa-folder-open-o:before { content: "\f115"; } .fa-smile-o:before { content: "\f118"; } .fa-frown-o:before { content: "\f119"; } .fa-meh-o:before { content: "\f11a"; } .fa-gamepad:before { content: "\f11b"; } .fa-keyboard-o:before { content: "\f11c"; } .fa-flag-o:before { content: "\f11d"; } .fa-flag-checkered:before { content: "\f11e"; } .fa-terminal:before { content: "\f120"; } .fa-code:before { content: "\f121"; } .fa-mail-reply-all:before, .fa-reply-all:before { content: "\f122"; } .fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before { content: "\f123"; } .fa-location-arrow:before { content: "\f124"; } .fa-crop:before { content: "\f125"; } .fa-code-fork:before { content: "\f126"; } .fa-unlink:before, .fa-chain-broken:before { content: "\f127"; } .fa-question:before { content: "\f128"; } .fa-info:before { content: "\f129"; } .fa-exclamation:before { content: "\f12a"; } .fa-superscript:before { content: "\f12b"; } .fa-subscript:before { content: "\f12c"; } .fa-eraser:before { content: "\f12d"; } .fa-puzzle-piece:before { content: "\f12e"; } .fa-microphone:before { content: "\f130"; } .fa-microphone-slash:before { content: "\f131"; } .fa-shield:before { content: "\f132"; } .fa-calendar-o:before { content: "\f133"; } .fa-fire-extinguisher:before { content: "\f134"; } .fa-rocket:before { content: "\f135"; } .fa-maxcdn:before { content: "\f136"; } .fa-chevron-circle-left:before { content: "\f137"; } .fa-chevron-circle-right:before { content: "\f138"; } .fa-chevron-circle-up:before { content: "\f139"; } .fa-chevron-circle-down:before { content: "\f13a"; } .fa-html5:before { content: "\f13b"; } .fa-css3:before { content: "\f13c"; } .fa-anchor:before { content: "\f13d"; } .fa-unlock-alt:before { content: "\f13e"; } .fa-bullseye:before { content: "\f140"; } .fa-ellipsis-h:before { content: "\f141"; } .fa-ellipsis-v:before { content: "\f142"; } .fa-rss-square:before { content: "\f143"; } .fa-play-circle:before { content: "\f144"; } .fa-ticket:before { content: "\f145"; } .fa-minus-square:before { content: "\f146"; } .fa-minus-square-o:before { content: "\f147"; } .fa-level-up:before { content: "\f148"; } .fa-level-down:before { content: "\f149"; } .fa-check-square:before { content: "\f14a"; } .fa-pencil-square:before { content: "\f14b"; } .fa-external-link-square:before { content: "\f14c"; } .fa-share-square:before { content: "\f14d"; } .fa-compass:before { content: "\f14e"; } .fa-toggle-down:before, .fa-caret-square-o-down:before { content: "\f150"; } .fa-toggle-up:before, .fa-caret-square-o-up:before { content: "\f151"; } .fa-toggle-right:before, .fa-caret-square-o-right:before { content: "\f152"; } .fa-euro:before, .fa-eur:before { content: "\f153"; } .fa-gbp:before { content: "\f154"; } .fa-dollar:before, .fa-usd:before { content: "\f155"; } .fa-rupee:before, .fa-inr:before { content: "\f156"; } .fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before { content: "\f157"; } .fa-ruble:before, .fa-rouble:before, .fa-rub:before { content: "\f158"; } .fa-won:before, .fa-krw:before { content: "\f159"; } .fa-bitcoin:before, .fa-btc:before { content: "\f15a"; } .fa-file:before { content: "\f15b"; } .fa-file-text:before { content: "\f15c"; } .fa-sort-alpha-asc:before { content: "\f15d"; } .fa-sort-alpha-desc:before { content: "\f15e"; } .fa-sort-amount-asc:before { content: "\f160"; } .fa-sort-amount-desc:before { content: "\f161"; } .fa-sort-numeric-asc:before { content: "\f162"; } .fa-sort-numeric-desc:before { content: "\f163"; } .fa-thumbs-up:before { content: "\f164"; } .fa-thumbs-down:before { content: "\f165"; } .fa-youtube-square:before { content: "\f166"; } .fa-youtube:before { content: "\f167"; } .fa-xing:before { content: "\f168"; } .fa-xing-square:before { content: "\f169"; } .fa-youtube-play:before { content: "\f16a"; } .fa-dropbox:before { content: "\f16b"; } .fa-stack-overflow:before { content: "\f16c"; } .fa-instagram:before { content: "\f16d"; } .fa-flickr:before { content: "\f16e"; } .fa-adn:before { content: "\f170"; } .fa-bitbucket:before { content: "\f171"; } .fa-bitbucket-square:before { content: "\f172"; } .fa-tumblr:before { content: "\f173"; } .fa-tumblr-square:before { content: "\f174"; } .fa-long-arrow-down:before { content: "\f175"; } .fa-long-arrow-up:before { content: "\f176"; } .fa-long-arrow-left:before { content: "\f177"; } .fa-long-arrow-right:before { content: "\f178"; } .fa-apple:before { content: "\f179"; } .fa-windows:before { content: "\f17a"; } .fa-android:before { content: "\f17b"; } .fa-linux:before { content: "\f17c"; } .fa-dribbble:before { content: "\f17d"; } .fa-skype:before { content: "\f17e"; } .fa-foursquare:before { content: "\f180"; } .fa-trello:before { content: "\f181"; } .fa-female:before { content: "\f182"; } .fa-male:before { content: "\f183"; } .fa-gittip:before, .fa-gratipay:before { content: "\f184"; } .fa-sun-o:before { content: "\f185"; } .fa-moon-o:before { content: "\f186"; } .fa-archive:before { content: "\f187"; } .fa-bug:before { content: "\f188"; } .fa-vk:before { content: "\f189"; } .fa-weibo:before { content: "\f18a"; } .fa-renren:before { content: "\f18b"; } .fa-pagelines:before { content: "\f18c"; } .fa-stack-exchange:before { content: "\f18d"; } .fa-arrow-circle-o-right:before { content: "\f18e"; } .fa-arrow-circle-o-left:before { content: "\f190"; } .fa-toggle-left:before, .fa-caret-square-o-left:before { content: "\f191"; } .fa-dot-circle-o:before { content: "\f192"; } .fa-wheelchair:before { content: "\f193"; } .fa-vimeo-square:before { content: "\f194"; } .fa-turkish-lira:before, .fa-try:before { content: "\f195"; } .fa-plus-square-o:before { content: "\f196"; } .fa-space-shuttle:before { content: "\f197"; } .fa-slack:before { content: "\f198"; } .fa-envelope-square:before { content: "\f199"; } .fa-wordpress:before { content: "\f19a"; } .fa-openid:before { content: "\f19b"; } .fa-institution:before, .fa-bank:before, .fa-university:before { content: "\f19c"; } .fa-mortar-board:before, .fa-graduation-cap:before { content: "\f19d"; } .fa-yahoo:before { content: "\f19e"; } .fa-google:before { content: "\f1a0"; } .fa-reddit:before { content: "\f1a1"; } .fa-reddit-square:before { content: "\f1a2"; } .fa-stumbleupon-circle:before { content: "\f1a3"; } .fa-stumbleupon:before { content: "\f1a4"; } .fa-delicious:before { content: "\f1a5"; } .fa-digg:before { content: "\f1a6"; } .fa-pied-piper-pp:before { content: "\f1a7"; } .fa-pied-piper-alt:before { content: "\f1a8"; } .fa-drupal:before { content: "\f1a9"; } .fa-joomla:before { content: "\f1aa"; } .fa-language:before { content: "\f1ab"; } .fa-fax:before { content: "\f1ac"; } .fa-building:before { content: "\f1ad"; } .fa-child:before { content: "\f1ae"; } .fa-paw:before { content: "\f1b0"; } .fa-spoon:before { content: "\f1b1"; } .fa-cube:before { content: "\f1b2"; } .fa-cubes:before { content: "\f1b3"; } .fa-behance:before { content: "\f1b4"; } .fa-behance-square:before { content: "\f1b5"; } .fa-steam:before { content: "\f1b6"; } .fa-steam-square:before { content: "\f1b7"; } .fa-recycle:before { content: "\f1b8"; } .fa-automobile:before, .fa-car:before { content: "\f1b9"; } .fa-cab:before, .fa-taxi:before { content: "\f1ba"; } .fa-tree:before { content: "\f1bb"; } .fa-spotify:before { content: "\f1bc"; } .fa-deviantart:before { content: "\f1bd"; } .fa-soundcloud:before { content: "\f1be"; } .fa-database:before { content: "\f1c0"; } .fa-file-pdf-o:before { content: "\f1c1"; } .fa-file-word-o:before { content: "\f1c2"; } .fa-file-excel-o:before { content: "\f1c3"; } .fa-file-powerpoint-o:before { content: "\f1c4"; } .fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before { content: "\f1c5"; } .fa-file-zip-o:before, .fa-file-archive-o:before { content: "\f1c6"; } .fa-file-sound-o:before, .fa-file-audio-o:before { content: "\f1c7"; } .fa-file-movie-o:before, .fa-file-video-o:before { content: "\f1c8"; } .fa-file-code-o:before { content: "\f1c9"; } .fa-vine:before { content: "\f1ca"; } .fa-codepen:before { content: "\f1cb"; } .fa-jsfiddle:before { content: "\f1cc"; } .fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before { content: "\f1cd"; } .fa-circle-o-notch:before { content: "\f1ce"; } .fa-ra:before, .fa-resistance:before, .fa-rebel:before { content: "\f1d0"; } .fa-ge:before, .fa-empire:before { content: "\f1d1"; } .fa-git-square:before { content: "\f1d2"; } .fa-git:before { content: "\f1d3"; } .fa-y-combinator-square:before, .fa-yc-square:before, .fa-hacker-news:before { content: "\f1d4"; } .fa-tencent-weibo:before { content: "\f1d5"; } .fa-qq:before { content: "\f1d6"; } .fa-wechat:before, .fa-weixin:before { content: "\f1d7"; } .fa-send:before, .fa-paper-plane:before { content: "\f1d8"; } .fa-send-o:before, .fa-paper-plane-o:before { content: "\f1d9"; } .fa-history:before { content: "\f1da"; } .fa-circle-thin:before { content: "\f1db"; } .fa-header:before { content: "\f1dc"; } .fa-paragraph:before { content: "\f1dd"; } .fa-sliders:before { content: "\f1de"; } .fa-share-alt:before { content: "\f1e0"; } .fa-share-alt-square:before { content: "\f1e1"; } .fa-bomb:before { content: "\f1e2"; } .fa-soccer-ball-o:before, .fa-futbol-o:before { content: "\f1e3"; } .fa-tty:before { content: "\f1e4"; } .fa-binoculars:before { content: "\f1e5"; } .fa-plug:before { content: "\f1e6"; } .fa-slideshare:before { content: "\f1e7"; } .fa-twitch:before { content: "\f1e8"; } .fa-yelp:before { content: "\f1e9"; } .fa-newspaper-o:before { content: "\f1ea"; } .fa-wifi:before { content: "\f1eb"; } .fa-calculator:before { content: "\f1ec"; } .fa-paypal:before { content: "\f1ed"; } .fa-google-wallet:before { content: "\f1ee"; } .fa-cc-visa:before { content: "\f1f0"; } .fa-cc-mastercard:before { content: "\f1f1"; } .fa-cc-discover:before { content: "\f1f2"; } .fa-cc-amex:before { content: "\f1f3"; } .fa-cc-paypal:before { content: "\f1f4"; } .fa-cc-stripe:before { content: "\f1f5"; } .fa-bell-slash:before { content: "\f1f6"; } .fa-bell-slash-o:before { content: "\f1f7"; } .fa-trash:before { content: "\f1f8"; } .fa-copyright:before { content: "\f1f9"; } .fa-at:before { content: "\f1fa"; } .fa-eyedropper:before { content: "\f1fb"; } .fa-paint-brush:before { content: "\f1fc"; } .fa-birthday-cake:before { content: "\f1fd"; } .fa-area-chart:before { content: "\f1fe"; } .fa-pie-chart:before { content: "\f200"; } .fa-line-chart:before { content: "\f201"; } .fa-lastfm:before { content: "\f202"; } .fa-lastfm-square:before { content: "\f203"; } .fa-toggle-off:before { content: "\f204"; } .fa-toggle-on:before { content: "\f205"; } .fa-bicycle:before { content: "\f206"; } .fa-bus:before { content: "\f207"; } .fa-ioxhost:before { content: "\f208"; } .fa-angellist:before { content: "\f209"; } .fa-cc:before { content: "\f20a"; } .fa-shekel:before, .fa-sheqel:before, .fa-ils:before { content: "\f20b"; } .fa-meanpath:before { content: "\f20c"; } .fa-buysellads:before { content: "\f20d"; } .fa-connectdevelop:before { content: "\f20e"; } .fa-dashcube:before { content: "\f210"; } .fa-forumbee:before { content: "\f211"; } .fa-leanpub:before { content: "\f212"; } .fa-sellsy:before { content: "\f213"; } .fa-shirtsinbulk:before { content: "\f214"; } .fa-simplybuilt:before { content: "\f215"; } .fa-skyatlas:before { content: "\f216"; } .fa-cart-plus:before { content: "\f217"; } .fa-cart-arrow-down:before { content: "\f218"; } .fa-diamond:before { content: "\f219"; } .fa-ship:before { content: "\f21a"; } .fa-user-secret:before { content: "\f21b"; } .fa-motorcycle:before { content: "\f21c"; } .fa-street-view:before { content: "\f21d"; } .fa-heartbeat:before { content: "\f21e"; } .fa-venus:before { content: "\f221"; } .fa-mars:before { content: "\f222"; } .fa-mercury:before { content: "\f223"; } .fa-intersex:before, .fa-transgender:before { content: "\f224"; } .fa-transgender-alt:before { content: "\f225"; } .fa-venus-double:before { content: "\f226"; } .fa-mars-double:before { content: "\f227"; } .fa-venus-mars:before { content: "\f228"; } .fa-mars-stroke:before { content: "\f229"; } .fa-mars-stroke-v:before { content: "\f22a"; } .fa-mars-stroke-h:before { content: "\f22b"; } .fa-neuter:before { content: "\f22c"; } .fa-genderless:before { content: "\f22d"; } .fa-facebook-official:before { content: "\f230"; } .fa-pinterest-p:before { content: "\f231"; } .fa-whatsapp:before { content: "\f232"; } .fa-server:before { content: "\f233"; } .fa-user-plus:before { content: "\f234"; } .fa-user-times:before { content: "\f235"; } .fa-hotel:before, .fa-bed:before { content: "\f236"; } .fa-viacoin:before { content: "\f237"; } .fa-train:before { content: "\f238"; } .fa-subway:before { content: "\f239"; } .fa-medium:before { content: "\f23a"; } .fa-yc:before, .fa-y-combinator:before { content: "\f23b"; } .fa-optin-monster:before { content: "\f23c"; } .fa-opencart:before { content: "\f23d"; } .fa-expeditedssl:before { content: "\f23e"; } .fa-battery-4:before, .fa-battery:before, .fa-battery-full:before { content: "\f240"; } .fa-battery-3:before, .fa-battery-three-quarters:before { content: "\f241"; } .fa-battery-2:before, .fa-battery-half:before { content: "\f242"; } .fa-battery-1:before, .fa-battery-quarter:before { content: "\f243"; } .fa-battery-0:before, .fa-battery-empty:before { content: "\f244"; } .fa-mouse-pointer:before { content: "\f245"; } .fa-i-cursor:before { content: "\f246"; } .fa-object-group:before { content: "\f247"; } .fa-object-ungroup:before { content: "\f248"; } .fa-sticky-note:before { content: "\f249"; } .fa-sticky-note-o:before { content: "\f24a"; } .fa-cc-jcb:before { content: "\f24b"; } .fa-cc-diners-club:before { content: "\f24c"; } .fa-clone:before { content: "\f24d"; } .fa-balance-scale:before { content: "\f24e"; } .fa-hourglass-o:before { content: "\f250"; } .fa-hourglass-1:before, .fa-hourglass-start:before { content: "\f251"; } .fa-hourglass-2:before, .fa-hourglass-half:before { content: "\f252"; } .fa-hourglass-3:before, .fa-hourglass-end:before { content: "\f253"; } .fa-hourglass:before { content: "\f254"; } .fa-hand-grab-o:before, .fa-hand-rock-o:before { content: "\f255"; } .fa-hand-stop-o:before, .fa-hand-paper-o:before { content: "\f256"; } .fa-hand-scissors-o:before { content: "\f257"; } .fa-hand-lizard-o:before { content: "\f258"; } .fa-hand-spock-o:before { content: "\f259"; } .fa-hand-pointer-o:before { content: "\f25a"; } .fa-hand-peace-o:before { content: "\f25b"; } .fa-trademark:before { content: "\f25c"; } .fa-registered:before { content: "\f25d"; } .fa-creative-commons:before { content: "\f25e"; } .fa-gg:before { content: "\f260"; } .fa-gg-circle:before { content: "\f261"; } .fa-tripadvisor:before { content: "\f262"; } .fa-odnoklassniki:before { content: "\f263"; } .fa-odnoklassniki-square:before { content: "\f264"; } .fa-get-pocket:before { content: "\f265"; } .fa-wikipedia-w:before { content: "\f266"; } .fa-safari:before { content: "\f267"; } .fa-chrome:before { content: "\f268"; } .fa-firefox:before { content: "\f269"; } .fa-opera:before { content: "\f26a"; } .fa-internet-explorer:before { content: "\f26b"; } .fa-tv:before, .fa-television:before { content: "\f26c"; } .fa-contao:before { content: "\f26d"; } .fa-500px:before { content: "\f26e"; } .fa-amazon:before { content: "\f270"; } .fa-calendar-plus-o:before { content: "\f271"; } .fa-calendar-minus-o:before { content: "\f272"; } .fa-calendar-times-o:before { content: "\f273"; } .fa-calendar-check-o:before { content: "\f274"; } .fa-industry:before { content: "\f275"; } .fa-map-pin:before { content: "\f276"; } .fa-map-signs:before { content: "\f277"; } .fa-map-o:before { content: "\f278"; } .fa-map:before { content: "\f279"; } .fa-commenting:before { content: "\f27a"; } .fa-commenting-o:before { content: "\f27b"; } .fa-houzz:before { content: "\f27c"; } .fa-vimeo:before { content: "\f27d"; } .fa-black-tie:before { content: "\f27e"; } .fa-fonticons:before { content: "\f280"; } .fa-reddit-alien:before { content: "\f281"; } .fa-edge:before { content: "\f282"; } .fa-credit-card-alt:before { content: "\f283"; } .fa-codiepie:before { content: "\f284"; } .fa-modx:before { content: "\f285"; } .fa-fort-awesome:before { content: "\f286"; } .fa-usb:before { content: "\f287"; } .fa-product-hunt:before { content: "\f288"; } .fa-mixcloud:before { content: "\f289"; } .fa-scribd:before { content: "\f28a"; } .fa-pause-circle:before { content: "\f28b"; } .fa-pause-circle-o:before { content: "\f28c"; } .fa-stop-circle:before { content: "\f28d"; } .fa-stop-circle-o:before { content: "\f28e"; } .fa-shopping-bag:before { content: "\f290"; } .fa-shopping-basket:before { content: "\f291"; } .fa-hashtag:before { content: "\f292"; } .fa-bluetooth:before { content: "\f293"; } .fa-bluetooth-b:before { content: "\f294"; } .fa-percent:before { content: "\f295"; } .fa-gitlab:before { content: "\f296"; } .fa-wpbeginner:before { content: "\f297"; } .fa-wpforms:before { content: "\f298"; } .fa-envira:before { content: "\f299"; } .fa-universal-access:before { content: "\f29a"; } .fa-wheelchair-alt:before { content: "\f29b"; } .fa-question-circle-o:before { content: "\f29c"; } .fa-blind:before { content: "\f29d"; } .fa-audio-description:before { content: "\f29e"; } .fa-volume-control-phone:before { content: "\f2a0"; } .fa-braille:before { content: "\f2a1"; } .fa-assistive-listening-systems:before { content: "\f2a2"; } .fa-asl-interpreting:before, .fa-american-sign-language-interpreting:before { content: "\f2a3"; } .fa-deafness:before, .fa-hard-of-hearing:before, .fa-deaf:before { content: "\f2a4"; } .fa-glide:before { content: "\f2a5"; } .fa-glide-g:before { content: "\f2a6"; } .fa-signing:before, .fa-sign-language:before { content: "\f2a7"; } .fa-low-vision:before { content: "\f2a8"; } .fa-viadeo:before { content: "\f2a9"; } .fa-viadeo-square:before { content: "\f2aa"; } .fa-snapchat:before { content: "\f2ab"; } .fa-snapchat-ghost:before { content: "\f2ac"; } .fa-snapchat-square:before { content: "\f2ad"; } .fa-pied-piper:before { content: "\f2ae"; } .fa-first-order:before { content: "\f2b0"; } .fa-yoast:before { content: "\f2b1"; } .fa-themeisle:before { content: "\f2b2"; } .fa-google-plus-circle:before, .fa-google-plus-official:before { content: "\f2b3"; } .fa-fa:before, .fa-font-awesome:before { content: "\f2b4"; } .fa-handshake-o:before { content: "\f2b5"; } .fa-envelope-open:before { content: "\f2b6"; } .fa-envelope-open-o:before { content: "\f2b7"; } .fa-linode:before { content: "\f2b8"; } .fa-address-book:before { content: "\f2b9"; } .fa-address-book-o:before { content: "\f2ba"; } .fa-vcard:before, .fa-address-card:before { content: "\f2bb"; } .fa-vcard-o:before, .fa-address-card-o:before { content: "\f2bc"; } .fa-user-circle:before { content: "\f2bd"; } .fa-user-circle-o:before { content: "\f2be"; } .fa-user-o:before { content: "\f2c0"; } .fa-id-badge:before { content: "\f2c1"; } .fa-drivers-license:before, .fa-id-card:before { content: "\f2c2"; } .fa-drivers-license-o:before, .fa-id-card-o:before { content: "\f2c3"; } .fa-quora:before { content: "\f2c4"; } .fa-free-code-camp:before { content: "\f2c5"; } .fa-telegram:before { content: "\f2c6"; } .fa-thermometer-4:before, .fa-thermometer:before, .fa-thermometer-full:before { content: "\f2c7"; } .fa-thermometer-3:before, .fa-thermometer-three-quarters:before { content: "\f2c8"; } .fa-thermometer-2:before, .fa-thermometer-half:before { content: "\f2c9"; } .fa-thermometer-1:before, .fa-thermometer-quarter:before { content: "\f2ca"; } .fa-thermometer-0:before, .fa-thermometer-empty:before { content: "\f2cb"; } .fa-shower:before { content: "\f2cc"; } .fa-bathtub:before, .fa-s15:before, .fa-bath:before { content: "\f2cd"; } .fa-podcast:before { content: "\f2ce"; } .fa-window-maximize:before { content: "\f2d0"; } .fa-window-minimize:before { content: "\f2d1"; } .fa-window-restore:before { content: "\f2d2"; } .fa-times-rectangle:before, .fa-window-close:before { content: "\f2d3"; } .fa-times-rectangle-o:before, .fa-window-close-o:before { content: "\f2d4"; } .fa-bandcamp:before { content: "\f2d5"; } .fa-grav:before { content: "\f2d6"; } .fa-etsy:before { content: "\f2d7"; } .fa-imdb:before { content: "\f2d8"; } .fa-ravelry:before { content: "\f2d9"; } .fa-eercast:before { content: "\f2da"; } .fa-microchip:before { content: "\f2db"; } .fa-snowflake-o:before { content: "\f2dc"; } .fa-superpowers:before { content: "\f2dd"; } .fa-wpexplorer:before { content: "\f2de"; } .fa-meetup:before { content: "\f2e0"; } .visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .visually-hidden-focusable:active, .visually-hidden-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; } /* /web/static/lib/odoo_ui_icons/style.css */ @font-face { font-family: 'odoo_ui_icons'; src: url('/web/static/lib/odoo_ui_icons/fonts/odoo_ui_icons.woff2') format('woff2'), url('/web/static/lib/odoo_ui_icons/fonts/odoo_ui_icons.woff') format('woff'); font-weight: normal; font-style: normal; font-display: block; } .oi { font-family: 'odoo_ui_icons'; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .oi-close:before { content: '\00d7'; font-family: sans-serif; font-weight: bold; } .oi-view-pivot:before { content: '\e800'; } .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-view-cohort:before { content: '\e816'; } .oi-view-list:before { content: '\e817'; } /* /web/static/lib/select2/select2.css */ /* Version: 3.5.4 Timestamp: Sun Aug 30 13:30:32 EDT 2015 */ .select2-container { margin: 0; position: relative; display: inline-block; vertical-align: middle; } .select2-container, .select2-drop, .select2-search, .select2-search input { /* Force border-box so that % widths fit the parent container without overlap because of margin/padding. More Info : http://www.quirksmode.org/css/box.html */ -webkit-box-sizing: border-box; /* webkit */ -moz-box-sizing: border-box; /* firefox */ box-sizing: border-box; /* css3 */ } .select2-container .select2-choice { display: block; height: 26px; padding: 0 0 0 8px; overflow: hidden; position: relative; border: 1px solid #aaa; white-space: nowrap; line-height: 26px; color: #444; text-decoration: none; border-radius: 4px; background-clip: padding-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #fff; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.5, #fff)); background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 50%); background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 50%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#eeeeee', GradientType = 0); background-image: linear-gradient(to top, #eee 0%, #fff 50%); } html[dir="rtl"] .select2-container .select2-choice { padding: 0 8px 0 0; } .select2-container.select2-drop-above .select2-choice { border-bottom-color: #aaa; border-radius: 0 0 4px 4px; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.9, #fff)); background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 90%); background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 90%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0); background-image: linear-gradient(to bottom, #eee 0%, #fff 90%); } .select2-container.select2-allowclear .select2-choice .select2-chosen { margin-right: 42px; } .select2-container .select2-choice > .select2-chosen { margin-right: 26px; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; float: none; width: auto; } html[dir="rtl"] .select2-container .select2-choice > .select2-chosen { margin-left: 26px; margin-right: 0; } .select2-container .select2-choice abbr { display: none; width: 12px; height: 12px; position: absolute; right: 24px; top: 8px; font-size: 1px; text-decoration: none; border: 0; background: url('/web/static/lib/select2/select2.png') right top no-repeat; cursor: pointer; outline: 0; } .select2-container.select2-allowclear .select2-choice abbr { display: inline-block; } .select2-container .select2-choice abbr:hover { background-position: right -11px; cursor: pointer; } .select2-drop-mask { border: 0; margin: 0; padding: 0; position: fixed; left: 0; top: 0; min-height: 100%; min-width: 100%; height: auto; width: auto; opacity: 0; z-index: 9998; /* styles required for IE to work */ background-color: #fff; filter: alpha(opacity=0); } .select2-drop { width: 100%; margin-top: -1px; position: absolute; z-index: 9999; top: 100%; background: #fff; color: #000; border: 1px solid #aaa; border-top: 0; border-radius: 0 0 4px 4px; -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, .15); box-shadow: 0 4px 5px rgba(0, 0, 0, .15); } .select2-drop.select2-drop-above { margin-top: 1px; border-top: 1px solid #aaa; border-bottom: 0; border-radius: 4px 4px 0 0; -webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, .15); box-shadow: 0 -4px 5px rgba(0, 0, 0, .15); } .select2-drop-active { border: 1px solid #5897fb; border-top: none; } .select2-drop.select2-drop-above.select2-drop-active { border-top: 1px solid #5897fb; } .select2-drop-auto-width { border-top: 1px solid #aaa; width: auto; } .select2-container .select2-choice .select2-arrow { display: inline-block; width: 18px; height: 100%; position: absolute; right: 0; top: 0; border-left: 1px solid #aaa; border-radius: 0 4px 4px 0; background-clip: padding-box; background: #ccc; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ccc), color-stop(0.6, #eee)); background-image: -webkit-linear-gradient(center bottom, #ccc 0%, #eee 60%); background-image: -moz-linear-gradient(center bottom, #ccc 0%, #eee 60%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#eeeeee', endColorstr = '#cccccc', GradientType = 0); background-image: linear-gradient(to top, #ccc 0%, #eee 60%); } html[dir="rtl"] .select2-container .select2-choice .select2-arrow { left: 0; right: auto; border-left: none; border-right: 1px solid #aaa; border-radius: 4px 0 0 4px; } .select2-container .select2-choice .select2-arrow b { display: block; width: 100%; height: 100%; background: url('/web/static/lib/select2/select2.png') no-repeat 0 1px; } html[dir="rtl"] .select2-container .select2-choice .select2-arrow b { background-position: 2px 1px; } .select2-search { display: inline-block; width: 100%; min-height: 26px; margin: 0; padding: 4px 4px 0 4px; position: relative; z-index: 10000; white-space: nowrap; } .select2-search input { width: 100%; height: auto !important; min-height: 26px; padding: 4px 20px 4px 5px; margin: 0; outline: 0; font-family: sans-serif; font-size: 1em; border: 1px solid #aaa; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; background: #fff url('/web/static/lib/select2/select2.png') no-repeat 100% -22px; background: url('/web/static/lib/select2/select2.png') no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee)); background: url('/web/static/lib/select2/select2.png') no-repeat 100% -22px, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%); background: url('/web/static/lib/select2/select2.png') no-repeat 100% -22px, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%); background: url('/web/static/lib/select2/select2.png') no-repeat 100% -22px, linear-gradient(to bottom, #fff 85%, #eee 99%) 0 0; } html[dir="rtl"] .select2-search input { padding: 4px 5px 4px 20px; background: #fff url('/web/static/lib/select2/select2.png') no-repeat -37px -22px; background: url('/web/static/lib/select2/select2.png') no-repeat -37px -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee)); background: url('/web/static/lib/select2/select2.png') no-repeat -37px -22px, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%); background: url('/web/static/lib/select2/select2.png') no-repeat -37px -22px, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%); background: url('/web/static/lib/select2/select2.png') no-repeat -37px -22px, linear-gradient(to bottom, #fff 85%, #eee 99%) 0 0; } .select2-search input.select2-active { background: #fff url('/web/static/lib/select2/select2-spinner.gif') no-repeat 100%; background: url('/web/static/lib/select2/select2-spinner.gif') no-repeat 100%, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee)); background: url('/web/static/lib/select2/select2-spinner.gif') no-repeat 100%, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%); background: url('/web/static/lib/select2/select2-spinner.gif') no-repeat 100%, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%); background: url('/web/static/lib/select2/select2-spinner.gif') no-repeat 100%, linear-gradient(to bottom, #fff 85%, #eee 99%) 0 0; } .select2-container-active .select2-choice, .select2-container-active .select2-choices { border: 1px solid #5897fb; outline: none; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3); box-shadow: 0 0 5px rgba(0, 0, 0, .3); } .select2-dropdown-open .select2-choice { border-bottom-color: transparent; -webkit-box-shadow: 0 1px 0 #fff inset; box-shadow: 0 1px 0 #fff inset; border-bottom-left-radius: 0; border-bottom-right-radius: 0; background-color: #eee; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fff), color-stop(0.5, #eee)); background-image: -webkit-linear-gradient(center bottom, #fff 0%, #eee 50%); background-image: -moz-linear-gradient(center bottom, #fff 0%, #eee 50%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0); background-image: linear-gradient(to top, #fff 0%, #eee 50%); } .select2-dropdown-open.select2-drop-above .select2-choice, .select2-dropdown-open.select2-drop-above .select2-choices { border: 1px solid #5897fb; border-top-color: transparent; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(0.5, #eee)); background-image: -webkit-linear-gradient(center top, #fff 0%, #eee 50%); background-image: -moz-linear-gradient(center top, #fff 0%, #eee 50%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0); background-image: linear-gradient(to bottom, #fff 0%, #eee 50%); } .select2-dropdown-open .select2-choice .select2-arrow { background: transparent; border-left: none; filter: none; } html[dir="rtl"] .select2-dropdown-open .select2-choice .select2-arrow { border-right: none; } .select2-dropdown-open .select2-choice .select2-arrow b { background-position: -18px 1px; } html[dir="rtl"] .select2-dropdown-open .select2-choice .select2-arrow b { background-position: -16px 1px; } .select2-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } /* results */ .select2-results { max-height: 200px; padding: 0 0 0 4px; margin: 4px 4px 4px 0; position: relative; overflow-x: hidden; overflow-y: auto; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } html[dir="rtl"] .select2-results { padding: 0 4px 0 0; margin: 4px 0 4px 4px; } .select2-results ul.select2-result-sub { margin: 0; padding-left: 0; } .select2-results li { list-style: none; display: list-item; background-image: none; } .select2-results li.select2-result-with-children > .select2-result-label { font-weight: bold; } .select2-results .select2-result-label { padding: 3px 7px 4px; margin: 0; cursor: pointer; min-height: 1em; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .select2-results-dept-1 .select2-result-label { padding-left: 20px } .select2-results-dept-2 .select2-result-label { padding-left: 40px } .select2-results-dept-3 .select2-result-label { padding-left: 60px } .select2-results-dept-4 .select2-result-label { padding-left: 80px } .select2-results-dept-5 .select2-result-label { padding-left: 100px } .select2-results-dept-6 .select2-result-label { padding-left: 110px } .select2-results-dept-7 .select2-result-label { padding-left: 120px } .select2-results .select2-highlighted { background: #3875d7; color: #fff; } .select2-results li em { background: #feffde; font-style: normal; } .select2-results .select2-highlighted em { background: transparent; } .select2-results .select2-highlighted ul { background: #fff; color: #000; } .select2-results .select2-no-results, .select2-results .select2-searching, .select2-results .select2-ajax-error, .select2-results .select2-selection-limit { background: #f4f4f4; display: list-item; padding-left: 5px; } /* disabled look for disabled choices in the results dropdown */ .select2-results .select2-disabled.select2-highlighted { color: #666; background: #f4f4f4; display: list-item; cursor: default; } .select2-results .select2-disabled { background: #f4f4f4; display: list-item; cursor: default; } .select2-results .select2-selected { display: none; } .select2-more-results.select2-active { background: #f4f4f4 url('/web/static/lib/select2/select2-spinner.gif') no-repeat 100%; } .select2-results .select2-ajax-error { background: rgba(255, 50, 50, .2); } .select2-more-results { background: #f4f4f4; display: list-item; } /* disabled styles */ .select2-container.select2-container-disabled .select2-choice { background-color: #f4f4f4; background-image: none; border: 1px solid #ddd; cursor: default; } .select2-container.select2-container-disabled .select2-choice .select2-arrow { background-color: #f4f4f4; background-image: none; border-left: 0; } .select2-container.select2-container-disabled .select2-choice abbr { display: none; } /* multiselect */ .select2-container-multi .select2-choices { height: auto !important; height: 1%; margin: 0; padding: 0 5px 0 0; position: relative; border: 1px solid #aaa; cursor: text; overflow: hidden; background-color: #fff; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eee), color-stop(15%, #fff)); background-image: -webkit-linear-gradient(top, #eee 1%, #fff 15%); background-image: -moz-linear-gradient(top, #eee 1%, #fff 15%); background-image: linear-gradient(to bottom, #eee 1%, #fff 15%); } html[dir="rtl"] .select2-container-multi .select2-choices { padding: 0 0 0 5px; } .select2-locked { padding: 3px 5px 3px 5px !important; } .select2-container-multi .select2-choices { min-height: 26px; } .select2-container-multi.select2-container-active .select2-choices { border: 1px solid #5897fb; outline: none; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3); box-shadow: 0 0 5px rgba(0, 0, 0, .3); } .select2-container-multi .select2-choices li { float: left; list-style: none; } html[dir="rtl"] .select2-container-multi .select2-choices li { float: right; } .select2-container-multi .select2-choices .select2-search-field { margin: 0; padding: 0; white-space: nowrap; } .select2-container-multi .select2-choices .select2-search-field input { padding: 5px; margin: 1px 0; font-family: sans-serif; font-size: 100%; color: #666; outline: 0; border: 0; -webkit-box-shadow: none; box-shadow: none; background: transparent !important; } .select2-container-multi .select2-choices .select2-search-field input.select2-active { background: #fff url('/web/static/lib/select2/select2-spinner.gif') no-repeat 100% !important; } .select2-default { color: #999 !important; } .select2-container-multi .select2-choices .select2-search-choice { padding: 3px 5px 3px 18px; margin: 3px 0 3px 5px; position: relative; line-height: 13px; color: #333; cursor: default; border: 1px solid #aaaaaa; border-radius: 3px; -webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05); box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05); background-clip: padding-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #e4e4e4; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#f4f4f4', GradientType=0); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eee)); background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%); background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%); background-image: linear-gradient(to bottom, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%); } html[dir="rtl"] .select2-container-multi .select2-choices .select2-search-choice { margin: 3px 5px 3px 0; padding: 3px 18px 3px 5px; } .select2-container-multi .select2-choices .select2-search-choice .select2-chosen { cursor: default; } .select2-container-multi .select2-choices .select2-search-choice-focus { background: #d4d4d4; } .select2-search-choice-close { display: block; width: 12px; height: 13px; position: absolute; right: 3px; top: 4px; font-size: 1px; outline: none; background: url('/web/static/lib/select2/select2.png') right top no-repeat; } html[dir="rtl"] .select2-search-choice-close { right: auto; left: 3px; } .select2-container-multi .select2-search-choice-close { left: 3px; } html[dir="rtl"] .select2-container-multi .select2-search-choice-close { left: auto; right: 2px; } .select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover { background-position: right -11px; } .select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close { background-position: right -11px; } /* disabled styles */ .select2-container-multi.select2-container-disabled .select2-choices { background-color: #f4f4f4; background-image: none; border: 1px solid #ddd; cursor: default; } .select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice { padding: 3px 5px 3px 5px; border: 1px solid #ddd; background-image: none; background-color: #f4f4f4; } .select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close { display: none; background: none; } /* end multiselect */ .select2-result-selectable .select2-match, .select2-result-unselectable .select2-match { text-decoration: underline; } .select2-offscreen, .select2-offscreen:focus { clip: rect(0 0 0 0) !important; width: 1px !important; height: 1px !important; border: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; position: absolute !important; outline: 0 !important; left: 0px !important; top: 0px !important; } .select2-display-none { display: none; } .select2-measure-scrollbar { position: absolute; top: -10000px; left: -10000px; width: 100px; height: 100px; overflow: scroll; } /* Retina-ize icons */ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 2dppx) { .select2-search input, .select2-search-choice-close, .select2-container .select2-choice abbr, .select2-container .select2-choice .select2-arrow b { background-image: url('/web/static/lib/select2/select2x2.png') !important; background-repeat: no-repeat !important; background-size: 60px 40px !important; } .select2-search input { background-position: 100% -21px !important; } } /* /web/static/lib/select2-bootstrap-css/select2-bootstrap.css */ /* Version: 3.5.1 Timestamp: Tue Jul 22 18:58:56 EDT 2014 */ .form-control .select2-choice { border: 0; border-radius: 2px; } .form-control .select2-choice .select2-arrow { border-radius: 0 2px 2px 0; } .form-control.select2-container { height: auto !important; padding: 0; } .form-control.select2-container.select2-dropdown-open { border-color: #5897FB; border-radius: 3px 3px 0 0; } .form-control .select2-container.select2-dropdown-open .select2-choices { border-radius: 3px 3px 0 0; } .form-control.select2-container .select2-choices { border: 0 !important; border-radius: 3px; } .control-group.warning .select2-container .select2-choice, .control-group.warning .select2-container .select2-choices, .control-group.warning .select2-container-active .select2-choice, .control-group.warning .select2-container-active .select2-choices, .control-group.warning .select2-dropdown-open.select2-drop-above .select2-choice, .control-group.warning .select2-dropdown-open.select2-drop-above .select2-choices, .control-group.warning .select2-container-multi.select2-container-active .select2-choices { border: 1px solid #C09853 !important; } .control-group.warning .select2-container .select2-choice div { border-left: 1px solid #C09853 !important; background: #FCF8E3 !important; } .control-group.error .select2-container .select2-choice, .control-group.error .select2-container .select2-choices, .control-group.error .select2-container-active .select2-choice, .control-group.error .select2-container-active .select2-choices, .control-group.error .select2-dropdown-open.select2-drop-above .select2-choice, .control-group.error .select2-dropdown-open.select2-drop-above .select2-choices, .control-group.error .select2-container-multi.select2-container-active .select2-choices { border: 1px solid #B94A48 !important; } .control-group.error .select2-container .select2-choice div { border-left: 1px solid #B94A48 !important; background: #F2DEDE !important; } .control-group.info .select2-container .select2-choice, .control-group.info .select2-container .select2-choices, .control-group.info .select2-container-active .select2-choice, .control-group.info .select2-container-active .select2-choices, .control-group.info .select2-dropdown-open.select2-drop-above .select2-choice, .control-group.info .select2-dropdown-open.select2-drop-above .select2-choices, .control-group.info .select2-container-multi.select2-container-active .select2-choices { border: 1px solid #3A87AD !important; } .control-group.info .select2-container .select2-choice div { border-left: 1px solid #3A87AD !important; background: #D9EDF7 !important; } .control-group.success .select2-container .select2-choice, .control-group.success .select2-container .select2-choices, .control-group.success .select2-container-active .select2-choice, .control-group.success .select2-container-active .select2-choices, .control-group.success .select2-dropdown-open.select2-drop-above .select2-choice, .control-group.success .select2-dropdown-open.select2-drop-above .select2-choices, .control-group.success .select2-container-multi.select2-container-active .select2-choices { border: 1px solid #468847 !important; } .control-group.success .select2-container .select2-choice div { border-left: 1px solid #468847 !important; background: #DFF0D8 !important; } /* /web/static/lib/daterangepicker/daterangepicker.css */ .daterangepicker { position: absolute; color: inherit; background-color: #fff; border-radius: 4px; border: 1px solid #ddd; width: 278px; max-width: none; padding: 0; margin-top: 7px; top: 100px; left: 20px; z-index: 3001; display: none; font-family: arial; font-size: 15px; line-height: 1em; } .daterangepicker:before, .daterangepicker:after { position: absolute; display: inline-block; border-bottom-color: rgba(0, 0, 0, 0.2); content: ''; } .daterangepicker:before { top: -7px; border-right: 7px solid transparent; border-left: 7px solid transparent; border-bottom: 7px solid #ccc; } .daterangepicker:after { top: -6px; border-right: 6px solid transparent; border-bottom: 6px solid #fff; border-left: 6px solid transparent; } .daterangepicker.opensleft:before { right: 9px; } .daterangepicker.opensleft:after { right: 10px; } .daterangepicker.openscenter:before { left: 0; right: 0; width: 0; margin-left: auto; margin-right: auto; } .daterangepicker.openscenter:after { left: 0; right: 0; width: 0; margin-left: auto; margin-right: auto; } .daterangepicker.opensright:before { left: 9px; } .daterangepicker.opensright:after { left: 10px; } .daterangepicker.drop-up { margin-top: -7px; } .daterangepicker.drop-up:before { top: initial; bottom: -7px; border-bottom: initial; border-top: 7px solid #ccc; } .daterangepicker.drop-up:after { top: initial; bottom: -6px; border-bottom: initial; border-top: 6px solid #fff; } .daterangepicker.single .daterangepicker .ranges, .daterangepicker.single .drp-calendar { float: none; } .daterangepicker.single .drp-selected { display: none; } .daterangepicker.show-calendar .drp-calendar { display: block; } .daterangepicker.show-calendar .drp-buttons { display: block; } .daterangepicker.auto-apply .drp-buttons { display: none; } .daterangepicker .drp-calendar { display: none; max-width: 270px; } .daterangepicker .drp-calendar.left { padding: 8px 0 8px 8px; } .daterangepicker .drp-calendar.right { padding: 8px; } .daterangepicker .drp-calendar.single .calendar-table { border: none; } .daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span { color: #fff; border: solid black; border-width: 0 2px 2px 0; border-radius: 0; display: inline-block; padding: 3px; } .daterangepicker .calendar-table .next span { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } .daterangepicker .calendar-table .prev span { transform: rotate(135deg); -webkit-transform: rotate(135deg); } .daterangepicker .calendar-table th, .daterangepicker .calendar-table td { white-space: nowrap; text-align: center; vertical-align: middle; min-width: 32px; width: 32px; height: 24px; line-height: 24px; font-size: 12px; border-radius: 4px; border: 1px solid transparent; white-space: nowrap; cursor: pointer; } .daterangepicker .calendar-table { border: 1px solid #fff; border-radius: 4px; background-color: #fff; } .daterangepicker .calendar-table table { width: 100%; margin: 0; border-spacing: 0; border-collapse: collapse; } .daterangepicker td.available:hover, .daterangepicker th.available:hover { background-color: #eee; border-color: transparent; color: inherit; } .daterangepicker td.week, .daterangepicker th.week { font-size: 80%; color: #ccc; } .daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date { background-color: #fff; border-color: transparent; color: #999; } .daterangepicker td.in-range { background-color: #ebf4f8; border-color: transparent; color: #000; border-radius: 0; } .daterangepicker td.start-date { border-radius: 4px 0 0 4px; } .daterangepicker td.end-date { border-radius: 0 4px 4px 0; } .daterangepicker td.start-date.end-date { border-radius: 4px; } .daterangepicker td.active, .daterangepicker td.active:hover { background-color: #357ebd; border-color: transparent; color: #fff; } .daterangepicker th.month { width: auto; } .daterangepicker td.disabled, .daterangepicker option.disabled { color: #999; cursor: not-allowed; text-decoration: line-through; } .daterangepicker select.monthselect, .daterangepicker select.yearselect { font-size: 12px; padding: 1px; height: auto; margin: 0; cursor: default; } .daterangepicker select.monthselect { margin-right: 2%; width: 56%; } .daterangepicker select.yearselect { width: 40%; } .daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect { width: 50px; margin: 0 auto; background: #eee; border: 1px solid #eee; padding: 2px; outline: 0; font-size: 12px; } .daterangepicker .calendar-time { text-align: center; margin: 4px auto 0 auto; line-height: 30px; position: relative; } .daterangepicker .calendar-time select.disabled { color: #ccc; cursor: not-allowed; } .daterangepicker .drp-buttons { clear: both; text-align: right; padding: 8px; border-top: 1px solid #ddd; display: none; line-height: 12px; vertical-align: middle; } .daterangepicker .drp-selected { display: inline-block; font-size: 12px; padding-right: 8px; } .daterangepicker .drp-buttons .btn { margin-left: 8px; font-size: 12px; font-weight: bold; padding: 4px 8px; } .daterangepicker.show-ranges.single.rtl .drp-calendar.left { border-right: 1px solid #ddd; } .daterangepicker.show-ranges.single.ltr .drp-calendar.left { border-left: 1px solid #ddd; } .daterangepicker.show-ranges.rtl .drp-calendar.right { border-right: 1px solid #ddd; } .daterangepicker.show-ranges.ltr .drp-calendar.left { border-left: 1px solid #ddd; } .daterangepicker .ranges { float: none; text-align: left; margin: 0; } .daterangepicker.show-calendar .ranges { margin-top: 8px; } .daterangepicker .ranges ul { list-style: none; margin: 0 auto; padding: 0; width: 100%; } .daterangepicker .ranges li { font-size: 12px; padding: 8px 12px; cursor: pointer; } .daterangepicker .ranges li:hover { background-color: #eee; } .daterangepicker .ranges li.active { background-color: #08c; color: #fff; } /* Larger Screen Styling */ @media (min-width: 564px) { .daterangepicker { width: auto; } .daterangepicker .ranges ul { width: 140px; } .daterangepicker.single .ranges ul { width: 100%; } .daterangepicker.single .drp-calendar.left { clear: none; } .daterangepicker.single .ranges, .daterangepicker.single .drp-calendar { float: left; } .daterangepicker { direction: ltr; text-align: left; } .daterangepicker .drp-calendar.left { clear: left; margin-right: 0; } .daterangepicker .drp-calendar.left .calendar-table { border-right: none; border-top-right-radius: 0; border-bottom-right-radius: 0; } .daterangepicker .drp-calendar.right { margin-left: 0; } .daterangepicker .drp-calendar.right .calendar-table { border-left: none; border-top-left-radius: 0; border-bottom-left-radius: 0; } .daterangepicker .drp-calendar.left .calendar-table { padding-right: 8px; } .daterangepicker .ranges, .daterangepicker .drp-calendar { float: left; } } @media (min-width: 730px) { .daterangepicker .ranges { width: auto; } .daterangepicker .ranges { float: left; } .daterangepicker.rtl .ranges { float: right; } .daterangepicker .drp-calendar.left { clear: none !important; } } /* /web/static/src/webclient/navbar/navbar.scss */ .o_main_navbar { --o-navbar-height: 46px; display: -webkit-box; display: -webkit-flex; display: flex; height: var(--o-navbar-height); min-width: min-content; border-bottom: 1px solid #5a4f7f; background: #71639e; } @media (min-width: 992px) { .o_main_navbar { --o-navbar-height: 40px; } } .o_main_navbar > ul { padding: 0; margin: 0; list-style: none; } .o_main_navbar .dropdown-toggle { border: 0; } .o_main_navbar .dropdown-menu, .o_main_navbar .o_dropdown_menu { margin-top: 0; border-top: 0; border-top-left-radius: 0; border-top-right-radius: 0; } .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 { padding-left: 16px; font-size: 1.40833333rem; } .o_main_navbar .o_menu_brand { padding-left: 0; font-size: 1.40833333rem; } .o_main_navbar .o_menu_brand:hover { background: none; } .o_main_navbar .o_menu_sections { width: 0; } .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; } @media (min-width: 992px) { .o_main_navbar .o_menu_systray > * > a, .o_main_navbar .o_menu_systray > * > .dropdown > a, .o_main_navbar .o_menu_systray > * > button, .o_main_navbar .owl-carousel.dynamic-owl-carousel .owl-nav .o_menu_systray > * > button.owl-next, .owl-carousel.dynamic-owl-carousel .owl-nav .o_main_navbar .o_menu_systray > * > button.owl-next, .o_main_navbar .o_menu_systray > * > label { padding: 0 9.6px; } } .o_main_navbar .o_menu_systray > * > a .badge, .o_main_navbar .o_menu_systray > * > .dropdown > a .badge, .o_main_navbar .o_menu_systray > * > button .badge, .o_main_navbar .owl-carousel.dynamic-owl-carousel .owl-nav .o_menu_systray > * > button.owl-next .badge, .owl-carousel.dynamic-owl-carousel .owl-nav .o_main_navbar .o_menu_systray > * > button.owl-next .badge, .o_main_navbar .o_menu_systray > * > label .badge { margin-right: -.5em; border: 0; height: 16px; padding: 2px 4px; background-color: var(--o-navbar-badge-bg, #28a745); font-size: 11px; color: var(--o-navbar-badge-color, inherit); text-shadow: var(--o-navbar-badge-text-shadow, 1px 1px 0 rgba(0, 0, 0, 0.3)); transform: translate(-10%, -30%); } body.o_is_superuser .o_menu_systray { position: relative; background: repeating-linear-gradient(135deg, #d9b904, #d9b904 10px, #373435 10px, #373435 20px); } body.o_is_superuser .o_menu_systray:before { content: ""; position: absolute; top: 2px; left: 2px; bottom: 2px; right: 2px; background-color: #71639e; } /* /web/static/src/legacy/scss/ui.scss */ :root .o_hidden { display: none !important; } .o_disabled { pointer-events: none; opacity: 0.5; } .o_text_overflow { display: inline-block; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: top; } .ui-autocomplete { z-index: 1056; max-width: 600px; } .ui-autocomplete .ui-menu-item > a { display: block; } .dropdown-toggle { white-space: nowrap; } .dropdown-toggle.o-no-caret::before, .dropdown-toggle.o-no-caret::after { content: normal; } :not(.collapsed) > .o-collapsed-label, .collapsed > .o-not-collapsed-label { display: none; } .o_rtl .ui-autocomplete { direction: ltr; right: 0; left: auto; } .o_rtl .ui-datepicker-next, .o_rtl .ui-datepicker-prev { -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .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, #ededed); content: ''; } .o_treeEntry:before { top: var(--treeEntry--before-top, 0); width: 1px; height: 100%; } .o_treeEntry:after { display: var(--treeEntry--after-display, initial); top: calc(.5em + var(--treeEntry-padding-v, 0.5rem)); width: calc(var(--treeEntry-padding-h, 1.5rem) * .5); height: 1px; } .o_treeEntry:last-of-type:before { height: calc(.5em + var(--treeEntry-padding-v, 0.5rem)); } @keyframes catchAttention { 0%, 20%, 40%, 60%, 80%, 100% { transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { transform: translateY(-30%); } 20% { transform: translateY(-25%); } 40% { transform: translateY(-20%); } 60% { transform: translateY(-15%); } 80% { transform: translateY(-10%); } 100% { transform: translateY(-5%); } } span.o_force_ltr { display: inline; } .o_force_ltr { unicode-bidi: embed; /*rtl:ignore*/ direction: ltr; } /* rtl:raw: [type="tel"], [type="url"], [type="email"], [type="number"], .o_force_ltr { text-align: end !important; } */ .o_object_fit_cover { object-fit: cover; } .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; } .o_image_128_max { max-width: 128px !important; max-height: 128px !important; } .o_width_128 { width: 128px; } .o_web_accesskey_overlay { position: absolute; top: 0; left: auto; bottom: auto; right: 0; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); color: #FFFFFF; font-size: 1rem; font-family: sans-serif; } /* /web/static/src/legacy/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/legacy/scss/modal.scss */ .modal.o_technical_modal .modal-content .modal-header .o_subtitle { margin-left: 10px; } .modal.o_technical_modal .modal-content .modal-header .modal-title { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .modal.o_technical_modal .modal-content .modal-body.o_act_window { padding: 0; } @media (max-width: 767.98px) { .modal.o_technical_modal .modal-content .modal-body.o_act_window .o_action { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; height: 100%; } } .modal.o_technical_modal .modal-content .modal-body .mjs-nestedSortable-error { outline: none; } .modal.o_technical_modal .modal-content .modal-body .o_modal_header { padding-top: 10px; padding-right: 16px; padding-bottom: 10px; padding-left: 16px; } .modal.o_technical_modal .modal-content .modal-body .o_modal_header::after { display: block; clear: both; content: ""; } .modal.o_technical_modal .modal-content .modal-body .o_modal_header .o_search_options { display: inline-block; } .modal.o_technical_modal .modal-content .modal-body .o_modal_header .o_pager { float: right; } .modal.o_technical_modal .modal-content .modal-body .o_modal_changes td:first-child { padding-right: 10px; vertical-align: top; white-space: nowrap; } .modal.o_technical_modal .modal-content .modal-body .o_modal_changes td:not(:first-child) { width: 100%; } .modal.o_technical_modal .modal-content .modal-footer { text-align: left; } @media (min-width: 576px) { .modal.o_technical_modal .modal-dialog .modal-content .modal-body.o_dialog_error { overflow: visible; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-flow: column nowrap; flex-flow: column nowrap; } .modal.o_technical_modal .modal-dialog .modal-content .modal-body.o_dialog_error > .alert, .modal.o_technical_modal .modal-dialog .modal-content .modal-body.o_dialog_error > button, .modal.o_technical_modal .modal-dialog .modal-content .owl-carousel.dynamic-owl-carousel .owl-nav .modal-body.o_dialog_error > button.owl-next { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; } .modal.o_technical_modal .modal-dialog .modal-content .modal-body.o_dialog_error > .o_error_detail { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; flex: 1 1 auto; min-height: 0; overflow: auto; } } @media (max-width: 575.98px) { .modal.o_technical_modal.o_modal_full .modal-dialog { margin: 0px; height: 100%; } .modal.o_technical_modal.o_modal_full .modal-dialog .modal-content { height: 100%; border: none; } .modal.o_technical_modal.o_modal_full .modal-dialog .modal-content .modal-header { background: #71639e; } .modal.o_technical_modal.o_modal_full .modal-dialog .modal-content .modal-header .modal-title, .modal.o_technical_modal.o_modal_full .modal-dialog .modal-content .modal-header .o_subtitle, .modal.o_technical_modal.o_modal_full .modal-dialog .modal-content .modal-header button.close { color: #FFFFFF; } .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; } /* /web/static/src/legacy/scss/animation.scss */ /************** DEFINITION of ANIMATIONS **************/ @keyframes markAnim { 0% { opacity: 0; transform: scaleX(0.5) scaleY(0.5); } 30% { opacity: 1; transform: scaleX(1) scaleY(1); } 100% { opacity: 0; transform: scaleX(1) scaleY(1); } } @keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, 100% { transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 20% { transform: scale3d(1.1, 1.1, 1.1); } 40% { transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; transform: scale3d(1.03, 1.03, 1.03); } 80% { transform: scale3d(0.97, 0.97, 0.97); } 100% { opacity: 1; transform: scale3d(1, 1, 1); } } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } /* /web/static/src/legacy/scss/datepicker.scss */ .visually-hidden { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .o_datepicker { position: relative; } .o_datepicker .o_datepicker_input { width: 100%; cursor: pointer; } .o_datepicker .o_datepicker_button { position: absolute; top: 2px; left: auto; bottom: auto; right: 4px; pointer-events: none; } .o_datepicker .o_datepicker_button:after { content: ""; display: inline-block; width: 0; height: 0; vertical-align: middle; -moz-transform: scale(0.9999); border-bottom: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid var(--o-caret-color, currentColor); } .o_datepicker .o_datepicker_warning { top: 0; right: 20px; } div.dropdown-menu.bootstrap-datetimepicker-widget, div.bootstrap-datetimepicker-widget.o_dropdown_menu { min-width: 0; padding: 0; border: 1px solid #ededed; overflow: visible; z-index: 1056; width: 22rem; } .bootstrap-datetimepicker-widget .datepicker table { --datepicker-color: #212529; --datepicker__thead-bg: #F8F9FA; } .bootstrap-datetimepicker-widget .datepicker table th, .bootstrap-datetimepicker-widget .datepicker table td { border-radius: 0; border-bottom-width: 1px; width: 12.5%; height: 30px; line-height: 30px; color: var(--datepicker-color); } .bootstrap-datetimepicker-widget .datepicker table th.prev, .bootstrap-datetimepicker-widget .datepicker table th.next, .bootstrap-datetimepicker-widget .datepicker table th.old, .bootstrap-datetimepicker-widget .datepicker table th.new, .bootstrap-datetimepicker-widget .datepicker table td.prev, .bootstrap-datetimepicker-widget .datepicker table td.next, .bootstrap-datetimepicker-widget .datepicker table td.old, .bootstrap-datetimepicker-widget .datepicker table td.new { opacity: 0.5; } .bootstrap-datetimepicker-widget .datepicker table th.prev:hover, .bootstrap-datetimepicker-widget .datepicker table th.prev:focus, .bootstrap-datetimepicker-widget .datepicker table th.prev.focus, .bootstrap-datetimepicker-widget .datepicker table th.next:hover, .bootstrap-datetimepicker-widget .datepicker table th.next:focus, .bootstrap-datetimepicker-widget .datepicker table th.next.focus, .bootstrap-datetimepicker-widget .datepicker table th.old:hover, .bootstrap-datetimepicker-widget .datepicker table th.old:focus, .bootstrap-datetimepicker-widget .datepicker table th.old.focus, .bootstrap-datetimepicker-widget .datepicker table th.new:hover, .bootstrap-datetimepicker-widget .datepicker table th.new:focus, .bootstrap-datetimepicker-widget .datepicker table th.new.focus, .bootstrap-datetimepicker-widget .datepicker table td.prev:hover, .bootstrap-datetimepicker-widget .datepicker table td.prev:focus, .bootstrap-datetimepicker-widget .datepicker table td.prev.focus, .bootstrap-datetimepicker-widget .datepicker table td.next:hover, .bootstrap-datetimepicker-widget .datepicker table td.next:focus, .bootstrap-datetimepicker-widget .datepicker table td.next.focus, .bootstrap-datetimepicker-widget .datepicker table td.old:hover, .bootstrap-datetimepicker-widget .datepicker table td.old:focus, .bootstrap-datetimepicker-widget .datepicker table td.old.focus, .bootstrap-datetimepicker-widget .datepicker table td.new:hover, .bootstrap-datetimepicker-widget .datepicker table td.new:focus, .bootstrap-datetimepicker-widget .datepicker table td.new.focus { opacity: 1; } .bootstrap-datetimepicker-widget .datepicker table thead tr:nth-child(1) th { border-top: 0; } .bootstrap-datetimepicker-widget .datepicker table thead tr:nth-child(2) th { height: 20px; line-height: 20px; } .bootstrap-datetimepicker-widget .datepicker table thead tr:nth-child(2) th, .bootstrap-datetimepicker-widget .datepicker table td.cw { background-color: var(--datepicker__thead-bg); font-size: 0.75rem; font-weight: 700; color: #495057; } .bootstrap-datetimepicker-widget .datepicker table td { font-size: 0.875rem; } .bootstrap-datetimepicker-widget .datepicker table td.today:not(.active):before { border-bottom-color: #71639e; } .bootstrap-datetimepicker-widget .datepicker table td.active { border-bottom-color: #FFF; color: #FFF; } .bootstrap-datetimepicker-widget .picker-switch { font-size: 1.25rem; } .bootstrap-datetimepicker-widget .accordion-toggle span.fa { margin: 0; border-radius: 0; color: #495057; border-top: 1px solid var(--datepicker-border-color, #ededed); box-shadow: 0 1px 0 var(--datepicker-border-color, #ededed); } .bootstrap-datetimepicker-widget .accordion-toggle span.fa.primary { color: #71639e; } .bootstrap-datetimepicker-widget .timepicker-picker { /*rtl:ignore*/ direction: ltr; } /* /web/static/src/legacy/scss/daterangepicker.scss */ .daterangepicker.show-calendar { --daterangepicker-border: 1px solid #ededed; --daterangepicker-border-radius: 0; --daterangepicker-bg: #FFF; --daterangepicker-color: #212529; --daterangepicker__table-bg: transparent; --daterangepicker__thead-bg: #F8F9FA; --daterangepicker__cell-border-color: #dee2e6; --daterangepicker__cell-bg--hover: #F8F9FA; --daterangepicker__select-bg: #FFFFFF; --daterangepicker__select-border-color: #CED4DA; --daterangepicker__select-color: #212529; border: var(--daterangepicker-border); border-radius: var(--daterangepicker-border-radius); background-color: var(--daterangepicker-bg); box-shadow: var(--daterangepicker-box-shadow); font-family: inherit; } .daterangepicker.show-calendar:before { border-bottom-color: var(--daterangerpicker__arrow-border-color, #ededed); } .daterangepicker.show-calendar:after { border-bottom-color: var(--daterangerpicker__arrow-background-color, #FFF); } .daterangepicker.show-calendar .calendar-table { border: 0; background-color: var(--daterangepicker__table-bg); } .daterangepicker.show-calendar .calendar-table .next span, .daterangepicker.show-calendar .calendar-table .prev span { border-color: var(--daterangepicker-color); } .daterangepicker.show-calendar .calendar-table td, .daterangepicker.show-calendar .calendar-table th { border-bottom-color: var(--daterangepicker__cell-border-color); } .daterangepicker.show-calendar .calendar-table td, .daterangepicker.show-calendar .calendar-table td.start-date.end-date, .daterangepicker.show-calendar .calendar-table th, .daterangepicker.show-calendar .calendar-table th.start-date.end-date { border-radius: 0; } .daterangepicker.show-calendar .calendar-table td:not(.active), .daterangepicker.show-calendar .calendar-table th:not(.active) { color: var(--daterangepicker-color); } .daterangepicker.show-calendar .calendar-table td.available:hover, .daterangepicker.show-calendar .calendar-table th.available:hover { background-color: var(--daterangepicker__cell-bg--hover); } .daterangepicker.show-calendar .calendar-table td.prev, .daterangepicker.show-calendar .calendar-table td.next, .daterangepicker.show-calendar .calendar-table td.off.ends, .daterangepicker.show-calendar .calendar-table th.prev, .daterangepicker.show-calendar .calendar-table th.next, .daterangepicker.show-calendar .calendar-table th.off.ends { opacity: 0.5; } .daterangepicker.show-calendar .calendar-table td.prev:hover, .daterangepicker.show-calendar .calendar-table td.prev:focus, .daterangepicker.show-calendar .calendar-table td.prev.focus, .daterangepicker.show-calendar .calendar-table td.next:hover, .daterangepicker.show-calendar .calendar-table td.next:focus, .daterangepicker.show-calendar .calendar-table td.next.focus, .daterangepicker.show-calendar .calendar-table td.off.ends:hover, .daterangepicker.show-calendar .calendar-table td.off.ends:focus, .daterangepicker.show-calendar .calendar-table td.off.ends.focus, .daterangepicker.show-calendar .calendar-table th.prev:hover, .daterangepicker.show-calendar .calendar-table th.prev:focus, .daterangepicker.show-calendar .calendar-table th.prev.focus, .daterangepicker.show-calendar .calendar-table th.next:hover, .daterangepicker.show-calendar .calendar-table th.next:focus, .daterangepicker.show-calendar .calendar-table th.next.focus, .daterangepicker.show-calendar .calendar-table th.off.ends:hover, .daterangepicker.show-calendar .calendar-table th.off.ends:focus, .daterangepicker.show-calendar .calendar-table th.off.ends.focus { opacity: 1; } .daterangepicker.show-calendar .calendar-table td { font-size: 0.875rem; } .daterangepicker.show-calendar .calendar-table td.today { position: relative; } .daterangepicker.show-calendar .calendar-table td.today:before { content: ''; display: inline-block; position: absolute; bottom: 4px; right: 4px; border: solid transparent; border-width: 0 0 7px 7px; border-bottom-color: #71639e; border-top-color: #ededed; } .daterangepicker.show-calendar .calendar-table td.in-range { background-color: rgba(113, 99, 158, 0.3); color: #495057; text-shadow: none; } .daterangepicker.show-calendar .calendar-table td.active, .daterangepicker.show-calendar .calendar-table td.active:hover, .daterangepicker.show-calendar .calendar-table td.in-range:hover { background-color: #71639e; color: #FFF; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); } .daterangepicker.show-calendar .calendar-table td.off { background-color: var(--daterangepicker__cell-bg--off, rgba(104, 85, 99, 0.1)); } .daterangepicker.show-calendar .calendar-table thead tr:nth-child(1) th { height: 30px; line-height: 30px; } .daterangepicker.show-calendar .calendar-table thead tr:nth-child(1) th.month { font-size: 1.25rem; } .daterangepicker.show-calendar .calendar-table thead tr:nth-child(2) th { background-color: var(--daterangepicker__thead-bg); font-size: 0.75rem; font-weight: 700; color: #495057; } .daterangepicker.show-calendar .calendar-time { /*rtl:ignore*/ direction: ltr; } .daterangepicker.show-calendar .calendar-time select.hourselect, .daterangepicker.show-calendar .calendar-time select.minuteselect, .daterangepicker.show-calendar .calendar-time select.secondselect, .daterangepicker.show-calendar .calendar-time select.ampmselect { display: initial; border-color: var(--daterangepicker__select-border-color); background-color: var(--daterangepicker__select-bg); color: var(--daterangepicker__select-color); -webkit-appearance: menulist-button; -moz-appearance: menulist-button; appearance: menulist-button; } .daterangepicker.show-calendar .drp-buttons { border-top: 0; } .daterangepicker.show-calendar .drp-buttons .btn { text-transform: uppercase; font-weight: normal; } .daterangepicker.show-calendar .drp-buttons .drp-selected { display: none; } @media (max-width: 575.98px) { .daterangepicker.show-calendar { position: fixed; top: auto !important; left: 0 !important; bottom: 0; right: 0 !important; width: auto; max-height: 90vh; overflow-y: auto; border-top-left-radius: 1rem; border-top-right-radius: 1rem; box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175); } .daterangepicker.show-calendar .drp-calendar { max-width: inherit; padding-right: 0 !important; padding-left: 0 !important; } .daterangepicker.show-calendar .drp-buttons { position: sticky; bottom: 0; background-color: #fff; } } /* /web/static/src/legacy/scss/banner.scss */ .o_has_banner .o_view_nocontent { top: 30%; } @media (max-width: 767.98px) { .o_has_banner .o_view_nocontent { position: relative; margin: auto; } } /* /web/static/src/legacy/scss/colorpicker.scss */ .o_colorpicker_widget .o_color_pick_area { height: 125px; background-image: linear-gradient(to bottom, white 0%, rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, black 100%), linear-gradient(to right, gray 0%, rgba(128, 128, 128, 0) 100%); cursor: crosshair; } .o_colorpicker_widget .o_color_slider { background: linear-gradient(#F00 0%, #FF0 16.66%, #0F0 33.33%, #0FF 50%, #00F 66.66%, #F0F 83.33%, #F00 100%); } .o_colorpicker_widget .o_color_slider, .o_colorpicker_widget .o_opacity_slider { width: 4%; margin-right: 2%; cursor: pointer; } .o_colorpicker_widget .o_slider_pointer, .o_colorpicker_widget .o_opacity_pointer { position: absolute; top: auto; left: -50%; bottom: auto; right: auto; width: 200%; height: 8px; margin-top: -2px; } .o_colorpicker_widget .o_slider_pointer, .o_colorpicker_widget .o_opacity_pointer, .o_colorpicker_widget .o_picker_pointer, .o_colorpicker_widget .o_color_preview { box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.9); border: 1px solid black; } .o_colorpicker_widget .o_color_picker_inputs { font-size: 10px; } .o_colorpicker_widget .o_color_picker_inputs input { font-family: monospace !important; height: 18px; font-size: 11px; } .o_colorpicker_widget .o_color_picker_inputs .o_hex_div input { width: 7ch; } .o_colorpicker_widget .o_color_picker_inputs .o_rgba_div input { margin-right: 3px; width: 3ch; } /* /web/static/src/legacy/scss/popover.scss */ @keyframes slide-top { 0% { opacity: 0; transform: translateY(-5%); } 100% { opacity: 1; transform: translateY(0); } } @keyframes slide-right { 0% { opacity: 0; transform: translateX(5%); } 100% { opacity: 1; transform: translateX(0); } } @keyframes slide-bottom { 0% { opacity: 0; transform: translateY(5%); } 100% { opacity: 1; transform: translateY(0); } } @keyframes slide-left { 0% { opacity: 0; transform: translateX(-5%); } 100% { opacity: 1; transform: translateX(0); } } .o_popover { max-width: 100vw; position: fixed; z-index: 1060; border: 1px solid #DEE2E6; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); } .o_popover .o_popover_header { background-color: #E9ECEF; font-size: 1.1rem; padding: 0.5rem 0.75rem; border-bottom: 1px solid #DEE2E6; } .o_popover .o_popover_header:empty { display: none; } .o_popover--top { animation: 0.2s slide-top; } .o_popover--top::before, .o_popover--top::after { content: ''; position: absolute; top: 100%; left: 50%; margin-left: -8px; border: 8px solid transparent; border-top-color: #E9ECEF; } .o_popover--top::before { margin-top: 1px; border-top-color: #DEE2E6; } .o_popover--right { animation: 0.2s slide-right; } .o_popover--right::before, .o_popover--right::after { content: ''; position: absolute; top: 50%; right: 100%; margin-top: -8px; border: 8px solid transparent; border-right-color: #E9ECEF; } .o_popover--right::before { margin-right: 1px; border-right-color: #DEE2E6; } .o_popover--bottom { animation: 0.2s slide-bottom; } .o_popover--bottom::before, .o_popover--bottom::after { content: ''; position: absolute; bottom: 100%; left: 50%; margin-left: -8px; border: 8px solid transparent; border-bottom-color: #E9ECEF; } .o_popover--bottom::before { margin-bottom: 1px; border-bottom-color: #DEE2E6; } .o_popover--left { animation: 0.2s slide-left; } .o_popover--left::before, .o_popover--left::after { content: ''; position: absolute; top: 50%; left: 100%; margin-top: -8px; border: 8px solid transparent; border-left-color: #E9ECEF; } .o_popover--left::before { margin-left: 1px; border-left-color: #DEE2E6; } /* /web/static/src/legacy/scss/translation_dialog.scss */ .o_translation_dialog .o_language_current { font-weight: bold; } .o_translation_dialog .row { margin-bottom: 9px; } /* /web/static/src/legacy/scss/keyboard.scss */ .o_shortcut_table { border-collapse: separate; border-spacing: 0 1em; } .o_shortcut_table .o_key { background-color: #F4F7F8; border-radius: 3px; border: 1px solid #B4B4B4; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2), inset 0px -1px 1px 1px rgba(230, 230, 230, 0.8), inset 0px 2px 0px 0px rgba(255, 255, 255, 0.8); display: inline-block; font-family: Consolas,"Liberation Mono",Courier,monospace; font-size: 0.85em; padding: 2px 4px; } /* /web/static/src/legacy/scss/name_and_signature.scss */ .o_web_sign_name_and_signature { position: relative; } .o_web_sign_signature_group { background: #ffffff; } .o_web_sign_signature_container { position: relative; } /* Signature Dialog */ .card.o_web_sign_auto_font_selection { position: absolute; top: 0; left: auto; bottom: auto; right: 0; } .card.o_web_sign_auto_font_selection .o_web_sign_auto_font_list { overflow: auto; } .card.o_web_sign_auto_font_selection .o_web_sign_auto_font_list > a { height: 100px; } .card.o_web_sign_auto_font_selection .o_web_sign_auto_font_list > a > img { height: 100%; } .o_field_widget .o_signature { outline: 1px solid rgba(104, 85, 99, 0.3); position: relative; } .o_field_widget .o_signature.o_signature_empty { display: -webkit-box; display: -webkit-flex; 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 #900000; cursor: pointer; } .o_form_editable .o_signature:hover { outline: 3px solid #017e84; cursor: pointer; } .o_signature_stroke { position: absolute; border-top: #D1D0CE solid 2px; bottom: 33%; width: 72%; left: 14%; } /* /web/static/src/legacy/scss/web.zoomodoo.scss */ .zoomodoo { position: relative; /* 'Shrink-wrap' the element */ display: inline-block; *display: inline; *zoom: 1; } .zoomodoo img { vertical-align: bottom; } .zoomodoo-flyout { position: absolute; z-index: 100; overflow: hidden; background: #FFF; top: 0; width: 100%; height: 100%; } .zoomodoo-flyout img { max-width: 500%; } .zoomodoo-hover .zoomodoo-flyout { left: 0; } .zoomodoo-next .zoomodoo-flyout { left: 100%; } /* /web/static/src/legacy/scss/fontawesome_overridden.scss */ @font-face { font-family: 'FontAwesome-tiktok-only'; src: url("/web/static/src/legacy/scss/../../../fonts/tiktok_only.woff"); font-weight: normal; font-style: normal; font-display: block; } @font-face { font-family: 'FontAwesome-twitter-x-only'; src: url("/web/static/src/legacy/scss/../../../fonts/twitter_x_only.woff"); font-weight: normal; font-style: normal; font-display: block; } .fa.fa-tiktok { font-family: 'FontAwesome-tiktok-only' !important; } .fa.fa-tiktok:before { content: '\e07b'; } .fa-twitter.fa { font-family: 'FontAwesome-twitter-x-only' !important; } .fa-twitter.fa:before { content: '\e800'; } .fa-twitter-square.fa { font-family: 'FontAwesome-twitter-x-only' !important; } .fa-twitter-square.fa:before { content: '\e803'; } .o_rtl .fa.fa-align-right, .o_rtl .fa.fa-align-left, .o_rtl .fa.fa-chevron-right, .o_rtl .fa.fa-chevron-left, .o_rtl .fa.fa-arrow-right, .o_rtl .fa.fa-arrow-left, .o_rtl .fa.fa-hand-o-right, .o_rtl .fa.fa-hand-o-left, .o_rtl .fa.fa-arrow-circle-right, .o_rtl .fa.fa-arrow-circle-left, .o_rtl .fa.fa-caret-right, .o_rtl .fa.fa-caret-left, .o_rtl .fa.fa-rotate-right, .o_rtl .fa.fa-rotate-left, .o_rtl .fa.fa-angle-double-right, .o_rtl .fa.fa-angle-double-left, .o_rtl .fa.fa-angle-right, .o_rtl .fa.fa-angle-left, .o_rtl .fa.fa-quote-right, .o_rtl .fa.fa-quote-left, .o_rtl .fa.fa-chevron-circle-right, .o_rtl .fa.fa-chevron-circle-left, .o_rtl .fa.fa-long-arrow-right, .o_rtl .fa.fa-long-arrow-left, .o_rtl .fa.fa-toggle-right, .o_rtl .fa.fa-toggle-left, .o_rtl .fa.fa-caret-square-o-right, .o_rtl .fa.fa-arrow-circle-o-left, .o_rtl .fa.fa-arrow-circle-o-right, .o_rtl .fa.fa-caret-square-o-left { transform: rotate(180deg); } /* /web/static/src/legacy/scss/base_frontend.scss */ html, body, #wrapwrap { width: 100%; height: 100%; } #wrapwrap { z-index: 0; position: relative; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-flow: column nowrap; flex-flow: column nowrap; } #wrapwrap > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; } #wrapwrap > main { -webkit-box-flex: 1; -webkit-flex: 1 0 auto; flex: 1 0 auto; } .modal-open #wrapwrap { overflow: hidden; } @media screen { html, body { overflow: hidden; } #wrapwrap { overflow: auto; } } /* /web/static/src/legacy/scss/lazyloader.scss */ /* /web/static/src/core/utils/transitions.scss */ /** * This file includes all the t-transition mixins. */ /* Fade in and out with t-transition Usage: scss: @include owl-fade(0.5s, 'o_notification') xml: */ /* /web/static/src/core/action_swiper/action_swiper.scss */ .o_actionswiper { position: relative; touch-action: pan-y; } .o_actionswiper_target_container { transition: transform 0.4s; } .o_actionswiper_swiping { transition: none; } .o_actionswiper_right_swipe_area { /*rtl:ignore*/ transform: translateX(-100%); inset: 0 auto auto 0; } .o_actionswiper_left_swipe_area { /*rtl:ignore*/ transform: translateX(100%); inset: 0 0 auto auto; } /* /web/static/src/core/autocomplete/autocomplete.scss */ .o-autocomplete .o-autocomplete--input { width: 100%; } /* /web/static/src/core/checkbox/checkbox.scss */ .o-checkbox { width: fit-content; } /* /web/static/src/core/colorlist/colorlist.scss */ .o_colorlist button, .o_colorlist .owl-carousel.dynamic-owl-carousel .owl-nav button.owl-next, .owl-carousel.dynamic-owl-carousel .owl-nav .o_colorlist button.owl-next { border: 1px solid #FFF; box-shadow: 0 0 0 1px #ADB5BD; width: 22px; height: 17px; } .o_colorlist .o_colorlist_selected { box-shadow: 0 0 0 2px #71639e !important; } .o_colorlist_item_color_1 { background-color: #F06050; } .o_colorlist_item_color_2 { background-color: #F4A460; } .o_colorlist_item_color_3 { background-color: #F7CD1F; } .o_colorlist_item_color_4 { background-color: #6CC1ED; } .o_colorlist_item_color_5 { background-color: #814968; } .o_colorlist_item_color_6 { background-color: #EB7E7F; } .o_colorlist_item_color_7 { background-color: #2C8397; } .o_colorlist_item_color_8 { background-color: #475577; } .o_colorlist_item_color_9 { background-color: #D6145F; } .o_colorlist_item_color_10 { background-color: #30C381; } .o_colorlist_item_color_11 { background-color: #9365B8; } .o_colorlist_item_color_0 { position: relative; } .o_colorlist_item_color_0::before { content: ""; position: absolute; top: -2px; left: 10px; bottom: auto; right: auto; display: block; width: 1px; height: 19px; transform: rotate(45deg); background-color: red; } .o_colorlist_item_color_0::after { background-color: white; } /* /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/debug/profiling/profiling_item.scss */ .o_debug_manager .dropdown-menu .o_debug_profiling_item_wrapper.dropdown-item.focus, .o_debug_manager .o_dropdown_menu .o_debug_profiling_item_wrapper.dropdown-item.focus { background: inherit; } .o_debug_manager .o_debug_profiling_item { cursor: auto; } .o_debug_manager .form-switch { cursor: pointer; } .o_debug_recording { animation: 2s flash infinite; } /* /web/static/src/core/debug/profiling/profiling_qweb.scss */ .o_form_view .o_ace_view_editor { background: transparent; } .o_profiling_qweb_view { user-select: none; } .o_profiling_qweb_view .o_select_view_profiling { margin-bottom: 10px; } .o_profiling_qweb_view .o_select_view_profiling .dropdown-menu, .o_profiling_qweb_view .o_select_view_profiling .o_dropdown_menu { overflow: auto; max-height: 240px; } .o_profiling_qweb_view .o_select_view_profiling a { margin: 3px 0; display: block; } .o_profiling_qweb_view .o_select_view_profiling a .o_delay, .o_profiling_qweb_view .o_select_view_profiling a .o_query { font-size: 0.8em; display: inline-block; color: #212529; text-align: right; width: 50px; margin-right: 10px; white-space: nowrap; } .o_profiling_qweb_view .o_select_view_profiling a .o_key { display: inline-block; margin-left: 10px; font-size: 0.8em; } .o_profiling_qweb_view .ace_editor { overflow: visible; } .o_profiling_qweb_view .ace_editor .ace_qweb, .o_profiling_qweb_view .ace_editor .ace_tag-name { cursor: default; pointer-events: all; position: relative; } .o_profiling_qweb_view .ace_editor .ace_qweb .o_info, .o_profiling_qweb_view .ace_editor .ace_tag-name .o_info { display: none; left: 8px; top: 14px; width: 100px; } .o_profiling_qweb_view .ace_editor .ace_qweb .o_info .o_delay span, .o_profiling_qweb_view .ace_editor .ace_qweb .o_info .o_query span, .o_profiling_qweb_view .ace_editor .ace_tag-name .o_info .o_delay span, .o_profiling_qweb_view .ace_editor .ace_tag-name .o_info .o_query span { text-align: left; display: inline-block; width: 40px; } .o_profiling_qweb_view .ace_editor .ace_qweb:hover .o_info, .o_profiling_qweb_view .ace_editor .ace_tag-name:hover .o_info { display: block; } .o_profiling_qweb_view .ace_editor .ace_qweb:hover .o_info:hover, .o_profiling_qweb_view .ace_editor .ace_tag-name:hover .o_info:hover { display: none; } .o_profiling_qweb_view .ace_editor .ace_gutter { overflow: visible; } .o_profiling_qweb_view .ace_editor .ace_gutter-layer { width: 134px !important; overflow: visible; } .o_profiling_qweb_view .ace_editor .ace_gutter-cell .o_info { display: block; float: left; font-size: 0.8em; white-space: nowrap; } .o_profiling_qweb_view .ace_editor .ace_gutter-cell .o_info .o_more { float: left; position: relative; } .o_profiling_qweb_view .ace_editor .ace_gutter-cell .o_info .o_more span { color: orange !important; cursor: default; margin-left: -12px; } .o_profiling_qweb_view .ace_editor .ace_gutter-cell .o_info .o_more .o_detail { left: 30px; top: -30px; min-width: 120px; display: none; } .o_profiling_qweb_view .ace_editor .ace_gutter-cell .o_info .o_more .o_detail th { text-align: center; } .o_profiling_qweb_view .ace_editor .ace_gutter-cell .o_info .o_more .o_detail td { min-width: 60px; vertical-align: top; text-align: left; } .o_profiling_qweb_view .ace_editor .ace_gutter-cell .o_info .o_more .o_detail tr td:first-child { padding-right: 10px; white-space: nowrap; } .o_profiling_qweb_view .ace_editor .ace_gutter-cell .o_info .o_more .o_detail tr th:last-child, .o_profiling_qweb_view .ace_editor .ace_gutter-cell .o_info .o_more .o_detail tr td:last-child { padding-left: 10px; } .o_profiling_qweb_view .ace_editor .ace_gutter-cell .o_info .o_more:hover > .o_detail { display: block; } .o_profiling_qweb_view .ace_editor .ace_gutter-cell .o_info .o_more:hover > .o_detail:hover { display: none; } .o_profiling_qweb_view .ace_editor .ace_gutter-cell .o_info .o_delay, .o_profiling_qweb_view .ace_editor .ace_gutter-cell .o_info .o_query { display: block; float: left; margin-right: 10px; width: 30px; } .o_profiling_qweb_view .ace_editor .ace_line { border-bottom: 1px #dddddd dotted; } .o_profiling_qweb_view .ace_editor .ace_scrollbar-h { z-index: 3; } .o_profiling_qweb_view .ace_editor .o_detail { position: absolute; z-index: 1; background: #ffedcb; color: orange !important; border: 1px orange solid; padding: 6px; white-space: normal; text-align: right; } /* /web/static/src/core/dialog/dialog.scss */ .modal.o_technical_modal .modal-footer footer, .modal.o_technical_modal .modal-footer .o_form_buttons_edit, .modal.o_technical_modal .modal-footer .o_form_buttons_view { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; flex: 1 1 auto; justify-content: space-around; gap: 0.25rem; } @media (min-width: 768px) { .modal.o_technical_modal .modal-footer footer, .modal.o_technical_modal .modal-footer .o_form_buttons_edit, .modal.o_technical_modal .modal-footer .o_form_buttons_view { -webkit-box-pack: start; justify-content: flex-start; } } .modal.o_technical_modal .modal-footer button, .modal.o_technical_modal .modal-footer .owl-carousel.dynamic-owl-carousel .owl-nav button.owl-next, .owl-carousel.dynamic-owl-carousel .owl-nav .modal.o_technical_modal .modal-footer button.owl-next { margin: 0; } /* /web/static/src/core/dropdown/dropdown.scss */ .o-dropdown { /*!rtl:begin:ignore*/ /*!rtl:end:ignore*/ } .o-dropdown--menu { position: fixed; } .o-dropdown--menu .dropdown-toggle:focus, .o-dropdown--menu .dropdown-item:focus { background-color: transparent; outline: none; } .o-dropdown--menu .dropdown-toggle.focus, .o-dropdown--menu .dropdown-item.focus { background-color: transparent; } .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 .o-dropdown > .o-dropdown--menu { --o-dropdown--submenu-margin: calc(-.5rem - 1px); margin-top: var(--o-dropdown--submenu-margin); margin-bottom: var(--o-dropdown--submenu-margin); } .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--no-caret > .dropdown-toggle::before, .o-dropdown--no-caret > .dropdown-toggle::after { content: normal; } .o-dropdown button.dropdown-toggle.active, .o-dropdown .owl-carousel.dynamic-owl-carousel .owl-nav button.dropdown-toggle.active.owl-next, .owl-carousel.dynamic-owl-carousel .owl-nav .o-dropdown button.dropdown-toggle.active.owl-next, .o-dropdown button.dropdown-toggle:hover, .o-dropdown .owl-carousel.dynamic-owl-carousel .owl-nav button.dropdown-toggle.owl-next:hover, .owl-carousel.dynamic-owl-carousel .owl-nav .o-dropdown button.dropdown-toggle.owl-next:hover, .o-dropdown button.dropdown-toggle:focus, .o-dropdown .owl-carousel.dynamic-owl-carousel .owl-nav button.dropdown-toggle.owl-next:focus, .owl-carousel.dynamic-owl-carousel .owl-nav .o-dropdown button.dropdown-toggle.owl-next:focus, .o-dropdown button.dropdown-toggle:active, .o-dropdown .owl-carousel.dynamic-owl-carousel .owl-nav button.dropdown-toggle.owl-next:active, .owl-carousel.dynamic-owl-carousel .owl-nav .o-dropdown button.dropdown-toggle.owl-next:active { outline: none; box-shadow: none !important; } .o-dropdown button.dropdown-toggle.dropdown-item:not(.o_menu_item)::after, .o-dropdown button.dropdown-toggle.dropdown-item:not(.o_menu_item)::before { position: absolute; top: 0; left: auto; bottom: auto; right: 0; transform: translate(-0.6em, 0.6em) /*rtl:translate(.6em, .6em) scaleX(-1)*/; } /* /web/static/src/core/effects/rainbow_man.scss */ .o_reward { will-change: transform; z-index: 1055; 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/file_upload/file_upload_progress_bar.scss */ .o-file-upload-progress-bar-value { transition: width 0.1s; border-right: 1px solid #605487; background-color: #71639e; 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_record_bottom { color: #212529; } .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 { font-size: 13px; font-weight: 500; } /* /web/static/src/core/model_field_selector/model_field_selector.scss */ .o_field_selector:not(.o_legacy_field_selector) { position: relative; } .o_field_selector:not(.o_legacy_field_selector) > .o_field_selector_value { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; align-items: center; height: 100%; min-height: 20px; } .o_field_selector:not(.o_legacy_field_selector) > .o_field_selector_value:active, .o_field_selector:not(.o_legacy_field_selector) > .o_field_selector_value:focus, .o_field_selector:not(.o_legacy_field_selector) > .o_field_selector_value:active:focus { outline: none; } .o_field_selector:not(.o_legacy_field_selector) > .o_field_selector_value > .o_field_selector_chain_part { padding: 0px 1px; border: 1px solid #dae0e5; background: #f8f9fa; margin-bottom: 1px; } .o_field_selector:not(.o_legacy_field_selector) > .o_field_selector_value > i { align-self: center; margin: 0 2px; font-size: 10px; } .o_field_selector:not(.o_legacy_field_selector) > .o_field_selector_controls { position: absolute; top: 0; left: auto; bottom: 1px; right: 0; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; cursor: pointer; } .o_field_selector.o_edit_mode:not(.o_legacy_field_selector) > .o_field_selector_controls::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_field_selector.o_edit_mode:not(.o_legacy_field_selector) > .o_field_selector_popover { position: absolute; top: 100%; left: 0; bottom: auto; right: auto; } /* /web/static/src/core/model_field_selector/model_field_selector_popover.scss */ .o_popover_field_selector.o-popover-top > .popover-arrow::after { border-top-color: #35979c; } .o_popover_field_selector.o-popover-bottom > .popover-arrow::after { border-bottom-color: #35979c; } .o_field_selector_popover:not(.o_legacy_field_selector_popover) { width: 265px; background-color: #FFF; --o-input-background-color: #FFF; } .o_field_selector_popover:not(.o_legacy_field_selector_popover):focus { outline: none; } .o_field_selector_popover:not(.o_legacy_field_selector_popover) .o_field_selector_popover_header, .o_field_selector_popover:not(.o_legacy_field_selector_popover) .o_field_selector_popover_footer { color: #FFFFFF; background: #35979c; font-weight: bold; padding: 5px 0.4em; } .o_field_selector_popover:not(.o_legacy_field_selector_popover) .o_field_selector_popover_header .o_field_selector_title, .o_field_selector_popover:not(.o_legacy_field_selector_popover) .o_field_selector_popover_footer .o_field_selector_title { width: 100%; display: inline-block; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: top; padding: 0px 35px; text-align: center; } .o_field_selector_popover:not(.o_legacy_field_selector_popover) .o_field_selector_popover_header .o_field_selector_search > .o_input, .o_field_selector_popover:not(.o_legacy_field_selector_popover) .o_field_selector_popover_header > input, .o_field_selector_popover:not(.o_legacy_field_selector_popover) .o_field_selector_popover_footer .o_field_selector_search > .o_input, .o_field_selector_popover:not(.o_legacy_field_selector_popover) .o_field_selector_popover_footer > input { color: #495057; font-size: 115%; border: none; padding: 5px 0.4rem; } .o_field_selector_popover:not(.o_legacy_field_selector_popover) .o_field_selector_popover_header .o_field_selector_popover_option, .o_field_selector_popover:not(.o_legacy_field_selector_popover) .o_field_selector_popover_footer .o_field_selector_popover_option { position: absolute; top: 0; left: auto; bottom: auto; right: auto; padding: 8px; } .o_field_selector_popover:not(.o_legacy_field_selector_popover) .o_field_selector_popover_header .o_field_selector_popover_option.o_field_selector_prev_page, .o_field_selector_popover:not(.o_legacy_field_selector_popover) .o_field_selector_popover_footer .o_field_selector_popover_option.o_field_selector_prev_page { left: 0; } .o_field_selector_popover:not(.o_legacy_field_selector_popover) .o_field_selector_popover_header .o_field_selector_popover_option.o_field_selector_close, .o_field_selector_popover:not(.o_legacy_field_selector_popover) .o_field_selector_popover_footer .o_field_selector_popover_option.o_field_selector_close { right: 0; } .o_field_selector_popover:not(.o_legacy_field_selector_popover) .o_field_selector_popover_header .o_field_selector_popover_option:hover, .o_field_selector_popover:not(.o_legacy_field_selector_popover) .o_field_selector_popover_footer .o_field_selector_popover_option:hover { background: #287275; } .o_field_selector_popover:not(.o_legacy_field_selector_popover) .o_field_selector_popover_body .o_field_selector_page { position: relative; height: 320px; overflow: auto; margin: 0; padding: 0; } .o_field_selector_popover:not(.o_legacy_field_selector_popover) .o_field_selector_popover_body .o_field_selector_page > .o_field_selector_item { list-style: none; position: relative; padding: 5px 0 5px 0.4em; cursor: pointer; font-family: Arial; font-size: 13px; } .o_field_selector_popover:not(.o_legacy_field_selector_popover) .o_field_selector_popover_body .o_field_selector_page > .o_field_selector_item.active { background: transparent; } .o_field_selector_popover:not(.o_legacy_field_selector_popover) .o_field_selector_popover_body .o_field_selector_page > .o_field_selector_item .o_field_selector_item_title { font-size: 12px; } .o_field_selector_popover:not(.o_legacy_field_selector_popover) .o_field_selector_popover_body .o_field_selector_page > .o_field_selector_item .o_field_selector_relation_icon { position: absolute; top: 0; left: auto; bottom: 0; right: 0; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; padding: 10px; } /* /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: #ededed; --notebook-link-border-color-hover: #E9ECEF; --notebook-link-border-color-active-accent: #ededed; } .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-link { border-color: var(--notebook-link-border-color, transparent); } .o_notebook .nav-link.active, .o_notebook .nav-link.active:hover, .o_notebook .nav-link.active:focus, .o_notebook .nav-link.active:active { border-color: var(--notebook-link-border-color-active); border-top-color: var(--notebook-link-border-color-active-accent, var(--notebook-link-border-color-active)); border-bottom-color: white; } .o_notebook .nav-link:hover, .o_notebook .nav-link:focus, .o_notebook .nav-link:active { outline: none; } .o_notebook .nav-link:hover { border-color: var(--notebook-link-border-color-hover); } .o_notebook.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-item:last-child .nav-link { border-bottom-width: 0; } .o_notebook.vertical .nav-link { margin-bottom: 0; } .o_notebook.vertical .nav-link.active, .o_notebook.vertical .nav-link.active:hover, .o_notebook.vertical .nav-link.active:focus, .o_notebook.vertical .nav-link.active:active { border-color: var(--notebook-link-border-color-active); border-left-color: var(--notebook-link-border-color-active-accent, var(--notebook-link-border-color-active)); border-right-color: white; } /* /web/static/src/core/notifications/notification.scss */ .o_notification_manager { position: absolute; top: 46px; left: calc(100vw - 320px); bottom: auto; right: 0.5rem; z-index: 1055; } .o_notification_manager .o_notification { border-left-width: 0.75rem !important; box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1); } .o_notification_manager .o_notification_close { position: absolute; top: 0; left: auto; bottom: auto; right: 0; } .o_notification_fade { transition: all 0.5s; } .o_notification_fade-enter { opacity: 0; } /* /web/static/src/core/popover/popover.scss */ /*!rtl:begin:ignore*/ @keyframes slide-top { 0% { opacity: 0; transform: translateY(-5%); } } @keyframes slide-end { 0% { opacity: 0; transform: translateX(5%); } } @keyframes slide-bottom { 0% { opacity: 0; transform: translateY(5%); } } @keyframes slide-start { 0% { opacity: 0; transform: translateX(-5%); } } .o_popover.bs-popover-top, .o_popover.bs-popover-auto[data-popper-placement^="top"] { animation: 0.2s slide-top; } .o_popover.bs-popover-end, .o_popover.bs-popover-auto[data-popper-placement^="right"] { animation: 0.2s slide-end; } .o_popover.bs-popover-bottom, .o_popover.bs-popover-auto[data-popper-placement^="bottom"] { animation: 0.2s slide-bottom; } .o_popover.bs-popover-start, .o_popover.bs-popover-auto[data-popper-placement^="left"] { animation: 0.2s slide-start; } .o_popover.o-popover-top, .o_popover.o-popover-auto[x-placement^="top"] { margin-top: -0.5rem; } .o_popover.o-popover-right, .o_popover.o-popover-auto[x-placement^="right"] { margin-left: 0.5rem; } .o_popover.o-popover-bottom, .o_popover.o-popover-auto[x-placement^="bottom"] { margin-top: 0.5rem; } .o_popover.o-popover-left, .o_popover.o-popover-auto[x-placement^="left"] { margin-left: -0.5rem; } .o_popover.o-popover--ts .popover-arrow, .o_popover.o-popover--bs .popover-arrow { left: 0; } .o_popover.o-popover--te .popover-arrow, .o_popover.o-popover--be .popover-arrow { right: 0; } .o_popover.o-popover--ls .popover-arrow, .o_popover.o-popover--rs .popover-arrow { top: 0; } .o_popover.o-popover--le .popover-arrow, .o_popover.o-popover--re .popover-arrow { bottom: 0; } /*!rtl:end:ignore*/ /* /web/static/src/core/tooltip/tooltip.scss */ .o-tooltip { font-size: small; max-width: 400px; } .o-tooltip .o-tooltip--string { background-color: white; font-weight: bold; padding: 5px 8px; } .o-tooltip .o-tooltip--help { font-size: smaller; white-space: pre-line; padding: 8px; margin-bottom: 0px; } .o-tooltip .o-tooltip--technical { font-size: smaller; padding: 8px; margin: 0 0 0 15px; list-style-type: circle; } .o-tooltip .o-tooltip--technical .o-tooltip--technical--title { font-weight: bold; margin-right: 4px; } /* /web/static/src/core/ui/block_ui.scss */ .o_blockUI { cursor: wait; -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); z-index: 1070 !important; } /* /web_tour/static/src/scss/tip.scss */ @keyframes move-left-right { 0% { transform: translate(-3px, 0); } 100% { transform: translate(3px, 0); } } @keyframes move-bottom-top { 0% { transform: translate(0, -3px); } 100% { transform: translate(0, 3px); } } .o_tooltip_parent { position: relative !important; opacity: 0.999 !important; } .o_tooltip { /*rtl:begin:ignore*/ position: absolute !important; top: 50% !important; left: 50% !important; /*rtl:end:ignore*/ z-index: 1080 !important; opacity: 0 !important; width: 28px !important; height: 28px !important; margin: 0 !important; padding: 0 !important; transition: opacity 400ms ease 0ms !important; } .o_tooltip.o_animated { animation: move-bottom-top 500ms ease-in 0ms infinite alternate !important; } .o_tooltip.o_animated.right, .o_tooltip.o_animated.left { animation-name: move-left-right !important; } .o_tooltip.o_tooltip_visible { opacity: 1 !important; } .o_tooltip.o_tooltip_fixed { position: fixed !important; } .o_tooltip::before { content: ""; position: absolute; top: 0; left: auto; bottom: auto; right: 0; width: 28px; height: 28px; border: 3px solid white; border-radius: 0 50% 50% 50%; background: radial-gradient(#86597b, #714B67); box-shadow: 0 0 40px 2px rgba(255, 255, 255, 0.5); } .o_tooltip.top::before { transform: rotate(180deg) translateY(8.25979621px) scaleY(1.12430027) rotate(45deg); } .o_tooltip.right::before { transform: rotate(270deg) translateY(8.25979621px) scaleY(1.12430027) rotate(45deg); } .o_tooltip.bottom::before { transform: rotate(0deg) translateY(8.25979621px) scaleY(1.12430027) rotate(45deg); } .o_tooltip.left::before { transform: rotate(90deg) translateY(8.25979621px) scaleY(1.12430027) rotate(45deg); } .o_tooltip > .o_tooltip_overlay { display: none; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: -1; } .o_tooltip > .o_tooltip_content { overflow: hidden; direction: ltr; position: relative; padding: 7px 14px; background-color: inherit; color: transparent; visibility: hidden; line-height: 1.5; font-size: 1rem; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Ubuntu, "Liberation Sans", Arial, "Odoo Unicode Support Noto", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-weight: normal; } .o_tooltip > .o_tooltip_content .o_skip_tour { display: inline-block; margin-top: 4px; cursor: pointer; color: gray; } .o_tooltip > .o_tooltip_content .o_skip_tour:hover { color: #4d4d4d; } .o_tooltip > .o_tooltip_content > p:last-child { margin-bottom: 0; } .o_tooltip.active { border: 3px solid #714B67 !important; background-color: white !important; transition: width 150ms ease 50ms, height 150ms ease 50ms, margin 150ms ease 50ms !important; } .o_tooltip.active::before { width: 12px; height: 12px; border-color: #714B67; border-radius: 0; background: white; box-shadow: none; } .o_tooltip.active > .o_tooltip_overlay { display: block; } .o_tooltip.active > .o_tooltip_content { color: black; visibility: visible; transition: color 0ms ease 200ms; } .o_tooltip.active.right { transform: translateX(6px) !important; } .o_tooltip.active.right::before { position: absolute; top: 5px; left: -12px; bottom: auto; right: auto; transform: translateX(50%) rotate(45deg); } .o_tooltip.active.top { transform: translateY(-6px) !important; } .o_tooltip.active.top::before { /*rtl:begin:ignore*/ position: absolute; top: auto; left: 5px; bottom: -12px; right: auto; /*rtl:end:ignore*/ transform: translateY(-50%) rotate(45deg); } .o_tooltip.active.left { transform: translateX(-6px) !important; } .o_tooltip.active.left::before { position: absolute; top: 5px; left: auto; bottom: auto; right: -12px; transform: translateX(-50%) rotate(45deg); } .o_tooltip.active.bottom { transform: translateY(6px) !important; } .o_tooltip.active.bottom::before { /*rtl:begin:ignore*/ position: absolute; top: -12px; left: 5px; bottom: auto; right: auto; /*rtl:end:ignore*/ transform: translateY(50%) rotate(45deg); } .o_tooltip.active.inverse.left::before, .o_tooltip.active.inverse.right::before { top: auto; bottom: 5px; } .o_tooltip.active.inverse.top::before, .o_tooltip.active.inverse.bottom::before { left: auto/*rtl:ignore*/; right: 5px/*rtl:ignore*/; } @media print { .o_tooltip { display: none !important; } } .tab-pane.active .o_list_renderer.o_tooltip_parent { z-index: 1000; } /* /web_editor/static/src/components/media_dialog/media_dialog.scss */ .modal:not(.o_legacy_dialog) .o_select_media_dialog .o_we_existing_attachments { min-height: 128px; } .modal:not(.o_legacy_dialog) .o_select_media_dialog .o_we_existing_attachments .o_we_attachment_placeholder { flex-grow: 128; flex-basis: 128px; } .modal:not(.o_legacy_dialog) .o_select_media_dialog .o_we_existing_attachments .o_existing_attachment_cell.o_we_image { transition: opacity 0.5s ease 0.5s; } .modal:not(.o_legacy_dialog) .o_select_media_dialog .o_we_existing_attachments .o_existing_attachment_remove { border-radius: 0 0 0 2px; } .modal:not(.o_legacy_dialog) .o_select_media_dialog .o_we_existing_attachments .o_existing_attachment_remove:hover { color: #e6586c; } .modal:not(.o_legacy_dialog) .o_select_media_dialog .o_we_attachment_selected { box-shadow: 0 0 0 3px #71639e; } .modal:not(.o_legacy_dialog) .o_select_media_dialog .o_we_attachment_selected:not(.fa) { border: 3px solid #71639e; box-shadow: none; } .modal:not(.o_legacy_dialog) .o_select_media_dialog .o_we_attachment_selected:not(.fa):before { content: ""; position: absolute; top: 5px; left: 5px; bottom: auto; right: auto; width: 19px; height: 19px; background-color: #71639e; 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:not(.o_legacy_dialog) .o_select_media_dialog .o_we_load_more { scroll-margin: 1rem; } .modal:not(.o_legacy_dialog) .o_select_media_dialog .font-icons-icons > span { width: 50px; } .modal:not(.o_legacy_dialog) .o_select_media_dialog .o_video_dialog_form textarea { min-height: 95px; } .modal:not(.o_legacy_dialog) .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:not(.o_legacy_dialog) .o_select_media_dialog .o_video_preview .media_iframe_video { width: 100%; } /* /web_editor/static/src/components/upload_progress_toast/upload_progress_toast.scss */ .o_upload_progress_toast { font-size: 16px; } .o_upload_progress_toast .o_we_progressbar:last-child hr { display: none; } /* /web_editor/static/src/js/editor/odoo-editor/src/base_style.scss */ li.oe-nested { display: block; } .o_table tr { border-color: #dee2e6; } .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; } /* /web_editor/static/src/scss/web_editor.common.scss */ :root { --100: #F8F9FA; --200: #E9ECEF; --300: #DEE2E6; --400: #CED4DA; --500: #ADB5BD; --600: #6C757D; --700: #495057; --800: #343A40; --900: #212529; --white-85: rgba(255, 255, 255, 0.85); --white-75: rgba(255, 255, 255, 0.75); --white-50: rgba(255, 255, 255, 0.5); --white-25: rgba(255, 255, 255, 0.25); --black-75: rgba(0, 0, 0, 0.75); --black-50: rgba(0, 0, 0, 0.5); --black-25: rgba(0, 0, 0, 0.25); --black-15: rgba(0, 0, 0, 0.15); --black: #000000; --white: #FFFFFF; --o-cc1-text: #212529; --o-cc1-headings: #212529; --o-cc1-h2: #212529; --o-cc1-h3: #212529; --o-cc1-h4: #212529; --o-cc1-h5: #212529; --o-cc1-h6: #212529; --o-cc1-link: #276e72; --o-cc1-btn-primary: #35979c; --o-cc1-btn-primary-text: #FFFFFF; --o-cc1-btn-primary-border: #35979c; --o-cc1-btn-secondary: #685563; --o-cc1-btn-secondary-text: #FFFFFF; --o-cc1-btn-secondary-border: #685563; --o-cc2-text: #212529; --o-cc2-h2: #35979c; --o-cc2-h3: #35979c; --o-cc2-h4: #35979c; --o-cc2-h5: #35979c; --o-cc2-h6: #35979c; --o-cc2-link: #236366; --o-cc2-btn-primary: #35979c; --o-cc2-btn-primary-text: #FFFFFF; --o-cc2-btn-primary-border: #35979c; --o-cc2-btn-secondary: #685563; --o-cc2-btn-secondary-text: #FFFFFF; --o-cc2-btn-secondary-border: #685563; --o-cc3-text: #FFFFFF; --o-cc3-headings: #FFFFFF; --o-cc3-h2: #FFFFFF; --o-cc3-h3: #FFFFFF; --o-cc3-h4: #FFFFFF; --o-cc3-h5: #FFFFFF; --o-cc3-h6: #FFFFFF; --o-cc3-link: #57c1c6; --o-cc3-btn-primary: #35979c; --o-cc3-btn-primary-text: #FFFFFF; --o-cc3-btn-primary-border: #35979c; --o-cc3-btn-secondary-text: #212529; --o-cc3-btn-secondary-border: #F6F6F6; --o-cc4-text: #FFFFFF; --o-cc4-headings: #FFFFFF; --o-cc4-h2: #FFFFFF; --o-cc4-h3: #FFFFFF; --o-cc4-h4: #FFFFFF; --o-cc4-h5: #FFFFFF; --o-cc4-h6: #FFFFFF; --o-cc4-link: #16181b; --o-cc4-btn-primary-text: #FFFFFF; --o-cc4-btn-primary-border: #383E45; --o-cc4-btn-secondary-text: #212529; --o-cc4-btn-secondary-border: #F6F6F6; --o-cc5-text: #FFFFFF; --o-cc5-h2: #FFFFFF; --o-cc5-h3: #FFFFFF; --o-cc5-h4: #FFFFFF; --o-cc5-h5: #FFFFFF; --o-cc5-h6: #FFFFFF; --o-cc5-link: #57c1c6; --o-cc5-btn-primary: #35979c; --o-cc5-btn-primary-text: #FFFFFF; --o-cc5-btn-primary-border: #35979c; --o-cc5-btn-secondary-text: #212529; --o-cc5-btn-secondary-border: #F6F6F6; --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, "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; } html, body { position: relative; width: 100%; height: 100%; } *[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; } .note-toolbar { margin-left: 0 !important; } .note-popover .popover > .arrow { display: none; } .note-popover .popover .dropdown-menu .dropdown-item > i, .note-popover .popover .o_dropdown_menu .dropdown-item > i, .note-editor .dropdown-menu .dropdown-item > i, .note-editor .o_dropdown_menu .dropdown-item > i { visibility: hidden; } .note-popover .popover .dropdown-menu .dropdown-item.checked > i, .note-popover .popover .o_dropdown_menu .dropdown-item.checked > i, .note-editor .dropdown-menu .dropdown-item.checked > i, .note-editor .o_dropdown_menu .dropdown-item.checked > i { visibility: visible; } /* ----- GENERIC LAYOUTING HELPERS ---- */ /* table */ #wrapwrap table.table.table-bordered, .o_editable table.table.table-bordered { table-layout: fixed; } #wrapwrap table.table.table-bordered td, .o_editable table.table.table-bordered td { min-width: 20px; } @media (max-width: 767.98px) { #wrapwrap .table-responsive > table.table, .o_editable .table-responsive > table.table { table-layout: auto; } } ul.o_checklist { list-style: none; } ul.o_checklist > li { list-style: none; position: relative; margin-left: 20px; margin-right: 20px; } ul.o_checklist > li:not(.oe-nested)::before { content: ''; position: absolute; left: -20px; display: block; height: 13px; width: 13px; top: 4px; border: 1px solid; text-align: center; cursor: pointer; } ul.o_checklist > li.o_checked { text-decoration: line-through; } ul.o_checklist > li.o_checked::before { content: "✓"; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: center; padding-left: 1px /*rtl:ignore*/; padding-top: 1px; } /*rtl:begin:ignore*/ ul.o_checklist[dir="rtl"] li:not(.oe-nested)::before { left: auto; right: -20px; text-align: right; } ul.o_checklist[dir="ltr"] li:not(.oe-nested)::before { right: auto; left: -20px; text-align: left; } /*rtl:end:ignore*/ ol > li.o_indent, ul > li.o_indent { margin-left: 0; list-style: none; } ol > li.o_indent::before, ul > li.o_indent::before { content: none; } .o_stars .fa.fa-star { color: gold; } img.o_we_custom_image { display: inline-block; } img.shadow { box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.2); } img.padding-small, .img.padding-small, span.fa.padding-small, iframe.padding-small { padding: 4px; } img.padding-medium, .img.padding-medium, span.fa.padding-medium, iframe.padding-medium { padding: 8px; } img.padding-large, .img.padding-large, span.fa.padding-large, iframe.padding-large { padding: 16px; } img.padding-xl, .img.padding-xl, span.fa.padding-xl, iframe.padding-xl { padding: 32px; } img.ms-auto, img.mx-auto, img.o_portal_security_body { 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, .fa.o_portal_security_body { display: block; text-align: center; } .fa.card-img, .fa.card-img-top, .s_dynamic.s_blog_post_card .card .s_blog_posts_post_cover .o_record_cover_container .fa.o_record_cover_image, .fa.card-img-bottom { width: auto; } div.media_iframe_video { margin: 0 auto; text-align: center; position: relative; overflow: hidden; min-width: 100px; } div.media_iframe_video iframe { width: 100%; height: 100%; position: absolute; top: 0; left: auto; bottom: auto; right: auto; margin: 0 auto; margin-left: -50%; } div.media_iframe_video.padding-small iframe { padding: 4px; } div.media_iframe_video.padding-medium iframe { padding: 8px; } div.media_iframe_video.padding-large iframe { padding: 16px; } div.media_iframe_video.padding-xl iframe { padding: 32px; } div.media_iframe_video .media_iframe_video_size { padding-bottom: 66.5%; position: relative; width: 100%; height: 0; } div.media_iframe_video .css_editable_mode_display { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; display: none; z-index: 2; } html[data-browser^="msie"] div.media_iframe_video iframe { margin-left: 0; } 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_ace_view_editor { background: #2F3129; color: white; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-flow: column nowrap; flex-flow: column nowrap; opacity: 0.97; } .o_ace_view_editor .o_ace_view_editor_title { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; padding: 7.5px; } .o_ace_view_editor .o_ace_view_editor_title > .o_ace_type_switcher > button::after, .o_ace_view_editor .owl-carousel.dynamic-owl-carousel .owl-nav .o_ace_view_editor_title > .o_ace_type_switcher > button.owl-next::after, .owl-carousel.dynamic-owl-carousel .owl-nav .o_ace_view_editor .o_ace_view_editor_title > .o_ace_type_switcher > button.owl-next::after { content: ""; display: inline-block; width: 0; height: 0; vertical-align: middle; -moz-transform: scale(0.9999); border-bottom: 0; border-left: 0.3em solid transparent; border-right: 0.3em solid transparent; border-top: 0.3em solid var(--o-caret-color, currentColor); margin-left: 4px; } .o_ace_view_editor .o_ace_view_editor_title > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; margin: 0 7.5px; } .o_ace_view_editor .o_ace_view_editor_title > *.o_include_option { display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; font-size: 11px; } .o_ace_view_editor .o_ace_view_editor_title > *.o_include_option > .form-check { margin-right: 7.5px; } .o_ace_view_editor .o_ace_view_editor_title > *.o_res_list { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; flex: 1 1 auto; min-width: 60px; } .o_ace_view_editor #ace-view-id { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; padding: 7.5px 15px; background-color: #4a4d40; } .o_ace_view_editor #ace-view-id .o_ace_editor_resource_info { color: #ebecee; } .o_ace_view_editor #ace-view-editor { height: 70%; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; flex: 1 1 auto; } .o_ace_view_editor #ace-view-editor .ace_gutter { cursor: ew-resize; } .o_ace_view_editor #ace-view-editor .ace_gutter .ace_gutter-cell.o_error { position: relative; } .o_ace_view_editor #ace-view-editor .ace_gutter .ace_gutter-cell.o_error::before { position: absolute; top: -100vh; left: auto; bottom: -100vh; right: 0; content: ""; z-index: 1000; display: -webkit-box; display: -webkit-flex; display: flex; background-color: #e6586c; color: white; font-size: 1.2em; align-items: center; justify-content: center; cursor: help; width: 2px; } .o_ace_view_editor #ace-view-editor .ace_gutter .ace_gutter-cell.o_error::after { position: absolute; top: -100%; left: 0; bottom: -100%; right: 0; content: ""; z-index: 1000; display: -webkit-box; display: -webkit-flex; display: flex; background-color: #e6586c; color: white; font-size: 1.2em; align-items: center; justify-content: center; cursor: help; font-family: FontAwesome; content: "\f071"; } .o_ace_view_editor #ace-view-editor .ace_resize_bar { position: absolute; top: auto; left: auto; bottom: auto; right: 0; width: 25px; height: 100%; cursor: ew-resize; } .o_ace_view_editor_resizing iframe { pointer-events: none; } .o_ace_error_popover { max-width: 40vw; } .o_ace_error_popover .popover-body { background-color: #4a4d40; color: #ebecee; } .o_ace_error_popover.bs-popover-left .arrow::after { border-left-color: #4a4d40; } .o_ace_error_popover.bs-popover-right .arrow::after { border-right-color: #4a4d40; } .o_ace_error_popover code { display: block; max-width: 100%; overflow-x: auto; white-space: pre; color: cyan; } .o_ace_select2_dropdown { width: auto !important; padding-top: 4px; font-family: monospace !important; } .o_ace_select2_dropdown > .select2-results { max-height: none; max-height: 70vh; } .o_ace_select2_dropdown > .select2-results .select2-result-label { padding-top: 1px; padding-bottom: 2px; } .o_ace_select2_dropdown > .select2-results .select2-result-label > .o_ace_select2_result { padding: 0; font-size: 12px; white-space: nowrap; } .o_nocontent_help { pointer-events: auto; max-width: 650px; margin: auto; padding: 15px; z-index: 1000; text-align: center; color: #495057; font-size: 115%; } .o_nocontent_help > p:first-of-type { margin-top: 0; color: #212529; font-weight: bold; font-size: 125%; } .o_nocontent_help a { cursor: pointer; } .o_we_search_prompt { position: relative; min-height: 250px; width: 100%; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; -webkit-box-pack: start; justify-content: flex-start; } .o_we_search_prompt > h2, .o_we_search_prompt > .h2 { max-width: 500px; text-align: center; margin-left: 150px; } .o_we_search_prompt::before { transform: scale(-1, 1); content: ""; position: absolute; top: 0; left: 50px; bottom: auto; right: auto; width: 100px; height: 150px; opacity: .5; filter: var(--WebEditor__SearchPromptArrow-filter, invert(0)); background-image: url("/web_editor/static/src/img/curved_arrow.svg"); background-size: 100%; background-repeat: no-repeat; } @media (max-width: 767.98px) { odoo-wysiwyg-container .panel-heading.note-toolbar { overflow-x: auto; } odoo-wysiwyg-container .btn-group { position: static; } .o_technical_modal.o_web_editor_dialog { z-index: 2001; } .o_technical_modal.o_web_editor_dialog > .o_select_media_dialog { max-width: inherit !important; z-index: 2001; } .o_technical_modal.o_web_editor_dialog > .o_select_media_dialog .modal-dialog, .o_technical_modal.o_web_editor_dialog > .o_select_media_dialog .model-content { height: 100%; } .o_technical_modal.o_web_editor_dialog > .o_select_media_dialog .modal-body .nav .nav-item.search { width: 100%; } .o_technical_modal.o_web_editor_dialog > .o_select_media_dialog .modal-body .nav .nav-item.search .btn-group { display: -webkit-box; display: -webkit-flex; display: flex; justify-content: space-around; padding: 5px; } .o_technical_modal.o_web_editor_dialog > .o_select_media_dialog .modal-body .font-icons-icons { text-align: center; } .o_technical_modal.o_web_editor_dialog > .o_select_media_dialog .modal-body .form-control.o_we_search { height: inherit; } .o_technical_modal.o_web_editor_dialog > .o_select_media_dialog .modal-body .o_we_existing_attachments > .row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; } .o_technical_modal.o_web_editor_dialog > .o_select_media_dialog .modal-body .o_we_existing_attachments > .row > .o_existing_attachment_cell { flex: initial; max-width: 100%; } .o_technical_modal.o_web_editor_dialog > .o_select_media_dialog .modal-body .o_we_existing_attachments > .row > .o_existing_attachment_cell > .o_existing_attachment_remove { opacity: inherit; top: 10px; } } blockquote { padding: 0.5rem 1rem; border-left: 5px solid; border-color: #DEE2E6; font-style: italic; } pre { white-space: pre-wrap; } pre p { margin-bottom: 0px; } .bg-o-color-1 { background-color: #35979c !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, .owl-carousel.dynamic-owl-carousel .owl-nav button.bg-o-color-1.owl-next:hover, button.bg-o-color-1:focus, .owl-carousel.dynamic-owl-carousel .owl-nav button.bg-o-color-1.owl-next:focus { background-color: #287275 !important; color: #FFFFFF; } .text-o-color-1 { color: #35979c !important; } a.text-o-color-1:hover, a.text-o-color-1:focus { color: #1b4d4f !important; } .bg-o-color-2 { background-color: #685563 !important; color: #FFFFFF; } .bg-o-color-2 .text-muted, .o_colored_level .bg-o-color-2 .text-muted { color: rgba(255, 255, 255, 0.7) !important; } a.bg-o-color-2:hover, a.bg-o-color-2:focus, button.bg-o-color-2:hover, .owl-carousel.dynamic-owl-carousel .owl-nav button.bg-o-color-2.owl-next:hover, button.bg-o-color-2:focus, .owl-carousel.dynamic-owl-carousel .owl-nav button.bg-o-color-2.owl-next:focus { background-color: #4b3e48 !important; color: #FFFFFF; } .text-o-color-2 { color: #685563 !important; } a.text-o-color-2:hover, a.text-o-color-2:focus { color: #2f272d !important; } .bg-o-color-3 { background-color: #F6F6F6 !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, .owl-carousel.dynamic-owl-carousel .owl-nav button.bg-o-color-3.owl-next:hover, button.bg-o-color-3:focus, .owl-carousel.dynamic-owl-carousel .owl-nav button.bg-o-color-3.owl-next:focus { background-color: #dddddd !important; color: #212529; } .text-o-color-3 { color: #F6F6F6 !important; } a.text-o-color-3:hover, a.text-o-color-3:focus { color: #c3c3c3 !important; } .bg-o-color-4 { 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, .owl-carousel.dynamic-owl-carousel .owl-nav button.bg-o-color-4.owl-next:hover, button.bg-o-color-4:focus, .owl-carousel.dynamic-owl-carousel .owl-nav button.bg-o-color-4.owl-next:focus { 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: #383E45 !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, .owl-carousel.dynamic-owl-carousel .owl-nav button.bg-o-color-5.owl-next:hover, button.bg-o-color-5:focus, .owl-carousel.dynamic-owl-carousel .owl-nav button.bg-o-color-5.owl-next:focus { background-color: #212529 !important; color: #FFFFFF; } .text-o-color-5 { color: #383E45 !important; } a.text-o-color-5:hover, a.text-o-color-5:focus { color: #0a0b0d !important; } .o_cc .dropdown-menu .dropdown-item, .o_cc .o_dropdown_menu .dropdown-item, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .dropdown-menu .dropdown-item, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .o_dropdown_menu .dropdown-item, .o_footer .dropdown-menu .dropdown-item, .o_footer .o_dropdown_menu .dropdown-item, .navbar-light .dropdown-menu .dropdown-item, .navbar-light .o_dropdown_menu .dropdown-item, .o_cc .dropdown-menu .dropdown-item h6, .o_cc .o_dropdown_menu .dropdown-item h6, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .dropdown-menu .dropdown-item h6, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .o_dropdown_menu .dropdown-item h6, .o_footer .dropdown-menu .dropdown-item h6, .o_footer .o_dropdown_menu .dropdown-item h6, .navbar-light .dropdown-menu .dropdown-item h6, .navbar-light .o_dropdown_menu .dropdown-item h6, .o_cc .dropdown-menu .dropdown-item .h6, .o_cc .o_dropdown_menu .dropdown-item .h6, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .dropdown-menu .dropdown-item .h6, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .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: #777777 !important; } .o_cc .dropdown-menu .dropdown-item:hover, .o_cc .o_dropdown_menu .dropdown-item:hover, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .dropdown-menu .dropdown-item:hover, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .o_dropdown_menu .dropdown-item:hover, .o_footer .dropdown-menu .dropdown-item:hover, .o_footer .o_dropdown_menu .dropdown-item:hover, .navbar-light .dropdown-menu .dropdown-item:hover, .navbar-light .o_dropdown_menu .dropdown-item:hover, .o_cc .dropdown-menu .dropdown-item:focus, .o_cc .o_dropdown_menu .dropdown-item:focus, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .dropdown-menu .dropdown-item:focus, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .o_dropdown_menu .dropdown-item:focus, .o_footer .dropdown-menu .dropdown-item:focus, .o_footer .o_dropdown_menu .dropdown-item:focus, .navbar-light .dropdown-menu .dropdown-item:focus, .navbar-light .o_dropdown_menu .dropdown-item:focus, .o_cc .dropdown-menu .dropdown-item h6:hover, .o_cc .o_dropdown_menu .dropdown-item h6:hover, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .dropdown-menu .dropdown-item h6:hover, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .o_dropdown_menu .dropdown-item h6:hover, .o_footer .dropdown-menu .dropdown-item h6:hover, .o_footer .o_dropdown_menu .dropdown-item h6:hover, .navbar-light .dropdown-menu .dropdown-item h6:hover, .navbar-light .o_dropdown_menu .dropdown-item h6:hover, .o_cc .dropdown-menu .dropdown-item .h6:hover, .o_cc .o_dropdown_menu .dropdown-item .h6:hover, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .dropdown-menu .dropdown-item .h6:hover, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .o_dropdown_menu .dropdown-item .h6:hover, .o_footer .dropdown-menu .dropdown-item .h6:hover, .o_footer .o_dropdown_menu .dropdown-item .h6:hover, .navbar-light .dropdown-menu .dropdown-item .h6:hover, .navbar-light .o_dropdown_menu .dropdown-item .h6:hover, .o_cc .dropdown-menu .dropdown-item h6:focus, .o_cc .o_dropdown_menu .dropdown-item h6:focus, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .dropdown-menu .dropdown-item h6:focus, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .o_dropdown_menu .dropdown-item h6:focus, .o_footer .dropdown-menu .dropdown-item h6:focus, .o_footer .o_dropdown_menu .dropdown-item h6:focus, .navbar-light .dropdown-menu .dropdown-item h6:focus, .navbar-light .o_dropdown_menu .dropdown-item h6:focus, .o_cc .dropdown-menu .dropdown-item .h6:focus, .o_cc .o_dropdown_menu .dropdown-item .h6:focus, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .dropdown-menu .dropdown-item .h6:focus, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .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: #35979c !important; } .o_cc .dropdown-menu .dropdown-item.disabled, .o_cc .o_dropdown_menu .dropdown-item.disabled, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .dropdown-menu .dropdown-item.disabled, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .o_dropdown_menu .dropdown-item.disabled, .o_footer .dropdown-menu .dropdown-item.disabled, .o_footer .o_dropdown_menu .dropdown-item.disabled, .navbar-light .dropdown-menu .dropdown-item.disabled, .navbar-light .o_dropdown_menu .dropdown-item.disabled, .o_cc .dropdown-menu .dropdown-item.disabled h6, .o_cc .o_dropdown_menu .dropdown-item.disabled h6, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .dropdown-menu .dropdown-item.disabled h6, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .o_dropdown_menu .dropdown-item.disabled h6, .o_footer .dropdown-menu .dropdown-item.disabled h6, .o_footer .o_dropdown_menu .dropdown-item.disabled h6, .navbar-light .dropdown-menu .dropdown-item.disabled h6, .navbar-light .o_dropdown_menu .dropdown-item.disabled h6, .o_cc .dropdown-menu .dropdown-item.disabled .h6, .o_cc .o_dropdown_menu .dropdown-item.disabled .h6, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .dropdown-menu .dropdown-item.disabled .h6, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .o_dropdown_menu .dropdown-item.disabled .h6, .o_footer .dropdown-menu .dropdown-item.disabled .h6, .o_footer .o_dropdown_menu .dropdown-item.disabled .h6, .navbar-light .dropdown-menu .dropdown-item.disabled .h6, .navbar-light .o_dropdown_menu .dropdown-item.disabled .h6, .o_cc .dropdown-menu .dropdown-item:disabled, .o_cc .o_dropdown_menu .dropdown-item:disabled, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .dropdown-menu .dropdown-item:disabled, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .o_dropdown_menu .dropdown-item:disabled, .o_footer .dropdown-menu .dropdown-item:disabled, .o_footer .o_dropdown_menu .dropdown-item:disabled, .navbar-light .dropdown-menu .dropdown-item:disabled, .navbar-light .o_dropdown_menu .dropdown-item:disabled, .o_cc .dropdown-menu .dropdown-item.o_wysiwyg_loader, .o_cc .o_dropdown_menu .dropdown-item.o_wysiwyg_loader, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .dropdown-menu .dropdown-item.o_wysiwyg_loader, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .o_dropdown_menu .dropdown-item.o_wysiwyg_loader, .o_footer .dropdown-menu .dropdown-item.o_wysiwyg_loader, .o_footer .o_dropdown_menu .dropdown-item.o_wysiwyg_loader, .navbar-light .dropdown-menu .dropdown-item.o_wysiwyg_loader, .navbar-light .o_dropdown_menu .dropdown-item.o_wysiwyg_loader, .o_cc .dropdown-menu .dropdown-item:disabled h6, .o_cc .o_dropdown_menu .dropdown-item:disabled h6, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .dropdown-menu .dropdown-item:disabled h6, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .o_dropdown_menu .dropdown-item:disabled h6, .o_footer .dropdown-menu .dropdown-item:disabled h6, .o_footer .o_dropdown_menu .dropdown-item:disabled h6, .navbar-light .dropdown-menu .dropdown-item:disabled h6, .navbar-light .o_dropdown_menu .dropdown-item:disabled h6, .o_cc .dropdown-menu .dropdown-item.o_wysiwyg_loader h6, .o_cc .o_dropdown_menu .dropdown-item.o_wysiwyg_loader h6, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .dropdown-menu .dropdown-item.o_wysiwyg_loader h6, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .o_dropdown_menu .dropdown-item.o_wysiwyg_loader h6, .o_footer .dropdown-menu .dropdown-item.o_wysiwyg_loader h6, .o_footer .o_dropdown_menu .dropdown-item.o_wysiwyg_loader h6, .navbar-light .dropdown-menu .dropdown-item.o_wysiwyg_loader h6, .navbar-light .o_dropdown_menu .dropdown-item.o_wysiwyg_loader h6, .o_cc .dropdown-menu .dropdown-item:disabled .h6, .o_cc .o_dropdown_menu .dropdown-item:disabled .h6, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .dropdown-menu .dropdown-item:disabled .h6, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .o_dropdown_menu .dropdown-item:disabled .h6, .o_footer .dropdown-menu .dropdown-item:disabled .h6, .o_footer .o_dropdown_menu .dropdown-item:disabled .h6, .navbar-light .dropdown-menu .dropdown-item:disabled .h6, .navbar-light .o_dropdown_menu .dropdown-item:disabled .h6, .o_cc .dropdown-menu .dropdown-item.o_wysiwyg_loader .h6, .o_cc .o_dropdown_menu .dropdown-item.o_wysiwyg_loader .h6, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .dropdown-menu .dropdown-item.o_wysiwyg_loader .h6, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .o_dropdown_menu .dropdown-item.o_wysiwyg_loader .h6, .o_footer .dropdown-menu .dropdown-item.o_wysiwyg_loader .h6, .o_footer .o_dropdown_menu .dropdown-item.o_wysiwyg_loader .h6, .navbar-light .dropdown-menu .dropdown-item.o_wysiwyg_loader .h6, .navbar-light .o_dropdown_menu .dropdown-item.o_wysiwyg_loader .h6, .o_colored_level .o_cc .dropdown-menu .dropdown-item.disabled, .o_colored_level .o_cc .dropdown-menu .dropdown-item.disabled h6, .o_colored_level .o_cc .dropdown-menu .dropdown-item:disabled, .o_colored_level .o_cc .dropdown-menu .dropdown-item:disabled h6 { color: #ADB5BD !important; } .o_cc .dropdown-menu .dropdown-item .btn-link, .o_cc .o_dropdown_menu .dropdown-item .btn-link, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .dropdown-menu .dropdown-item .btn-link, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .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: #276e72; } .o_cc .dropdown-menu .dropdown-item .btn-link:hover, .o_cc .o_dropdown_menu .dropdown-item .btn-link:hover, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .dropdown-menu .dropdown-item .btn-link:hover, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .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: #133739; } .o_cc .dropdown-menu .dropdown-item .btn-link:disabled, .o_cc .o_dropdown_menu .dropdown-item .btn-link:disabled, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .dropdown-menu .dropdown-item .btn-link:disabled, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .o_dropdown_menu .dropdown-item .btn-link:disabled, .o_footer .dropdown-menu .dropdown-item .btn-link:disabled, .o_footer .o_dropdown_menu .dropdown-item .btn-link:disabled, .navbar-light .dropdown-menu .dropdown-item .btn-link:disabled, .navbar-light .o_dropdown_menu .dropdown-item .btn-link:disabled, .o_cc .dropdown-menu .dropdown-item .btn-link.o_wysiwyg_loader, .o_cc .o_dropdown_menu .dropdown-item .btn-link.o_wysiwyg_loader, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .dropdown-menu .dropdown-item .btn-link.o_wysiwyg_loader, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .o_dropdown_menu .dropdown-item .btn-link.o_wysiwyg_loader, .o_footer .dropdown-menu .dropdown-item .btn-link.o_wysiwyg_loader, .o_footer .o_dropdown_menu .dropdown-item .btn-link.o_wysiwyg_loader, .navbar-light .dropdown-menu .dropdown-item .btn-link.o_wysiwyg_loader, .navbar-light .o_dropdown_menu .dropdown-item .btn-link.o_wysiwyg_loader, .o_colored_level .o_cc .dropdown-menu .dropdown-item .btn-link:disabled { color: #6C757D; } .o_cc .dropdown-menu .dropdown-item-text .text-muted a, .o_cc .o_dropdown_menu .dropdown-item-text .text-muted a, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .dropdown-menu .dropdown-item-text .text-muted a, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .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: #276e72; } .o_cc .dropdown-menu .dropdown-item-text .text-muted a:hover, .o_cc .o_dropdown_menu .dropdown-item-text .text-muted a:hover, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .dropdown-menu .dropdown-item-text .text-muted a:hover, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .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: #133739; } .o_cc1, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar, .o_footer .s_popup, .navbar-light { background-color: #FFFFFF; color: #212529; } .o_cc1 .text-muted, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .text-muted, .o_footer .s_popup .text-muted, .navbar-light .text-muted, .o_colored_level .o_cc1 .text-muted { color: rgba(33, 37, 41, 0.7) !important; } .o_cc1 a:not(.btn), #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar a:not(.btn), .o_footer .s_popup a:not(.btn), .navbar-light a:not(.btn), .o_cc1 .btn-link, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-link, .o_footer .s_popup .btn-link, .navbar-light .btn-link, .o_colored_level .o_cc1 a:not(.btn), .o_colored_level .o_cc1 .btn-link { color: #276e72; } .o_cc1 a:not(.btn):hover, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar a:not(.btn):hover, .o_footer .s_popup a:not(.btn):hover, .navbar-light a:not(.btn):hover, .o_cc1 .btn-link:hover, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-link:hover, .o_footer .s_popup .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: #215f62; } .o_cc1 .btn-fill-primary, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-fill-primary, .o_footer .s_popup .btn-fill-primary, .navbar-light .btn-fill-primary, .o_cc1 .btn-primary, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-primary, .o_footer .s_popup .btn-primary, .navbar-light .btn-primary, .o_colored_level .o_cc1 .btn-fill-primary { color: #FFFFFF; background-color: #35979c; border-color: #35979c; } .o_cc1 .btn-fill-primary:hover, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-fill-primary:hover, .o_footer .s_popup .btn-fill-primary:hover, .navbar-light .btn-fill-primary:hover, .o_cc1 .btn-primary:hover, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-primary:hover, .o_footer .s_popup .btn-primary:hover, .navbar-light .btn-primary:hover, .o_colored_level .o_cc1 .btn-fill-primary:hover { color: #FFFFFF; background-color: #2d8084; border-color: #2a797c; } .btn-check:focus + .o_cc1 .btn-fill-primary, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .btn-check:focus + .navbar .btn-fill-primary, .o_footer .btn-check:focus + .s_popup .btn-fill-primary, .btn-check:focus + .navbar-light .btn-fill-primary, .btn-check:focus + .o_cc1 .btn-primary, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .btn-check:focus + .navbar .btn-primary, .o_footer .btn-check:focus + .s_popup .btn-primary, .btn-check:focus + .navbar-light .btn-primary, .o_cc1 .btn-fill-primary:focus, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-fill-primary:focus, .o_footer .s_popup .btn-fill-primary:focus, .navbar-light .btn-fill-primary:focus, .o_cc1 .btn-primary:focus, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-primary:focus, .o_footer .s_popup .btn-primary:focus, .navbar-light .btn-primary:focus, .btn-check:focus + .o_colored_level .o_cc1 .btn-fill-primary, .btn-check:focus + .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-fill-primary, .btn-check:focus + .o_colored_level .o_footer .s_popup .btn-fill-primary, .o_colored_level .o_cc1 .btn-fill-primary:focus { color: #FFFFFF; background-color: #2d8084; border-color: #2a797c; box-shadow: 0 0 0 0.25rem rgba(83, 166, 170, 0.5); } .btn-check:checked + .o_cc1 .btn-fill-primary, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .btn-check:checked + .navbar .btn-fill-primary, .o_footer .btn-check:checked + .s_popup .btn-fill-primary, .btn-check:checked + .navbar-light .btn-fill-primary, .btn-check:checked + .o_cc1 .btn-primary, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .btn-check:checked + .navbar .btn-primary, .o_footer .btn-check:checked + .s_popup .btn-primary, .btn-check:checked + .navbar-light .btn-primary, .btn-check:active + .o_cc1 .btn-fill-primary, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .btn-check:active + .navbar .btn-fill-primary, .o_footer .btn-check:active + .s_popup .btn-fill-primary, .btn-check:active + .navbar-light .btn-fill-primary, .btn-check:active + .o_cc1 .btn-primary, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .btn-check:active + .navbar .btn-primary, .o_footer .btn-check:active + .s_popup .btn-primary, .btn-check:active + .navbar-light .btn-primary, .o_cc1 .btn-fill-primary:active, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-fill-primary:active, .o_footer .s_popup .btn-fill-primary:active, .navbar-light .btn-fill-primary:active, .o_cc1 .btn-primary:active, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-primary:active, .o_footer .s_popup .btn-primary:active, .navbar-light .btn-primary:active, .o_cc1 .btn-fill-primary.active, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-fill-primary.active, .o_footer .s_popup .btn-fill-primary.active, .navbar-light .btn-fill-primary.active, .o_cc1 .active.btn-primary, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .active.btn-primary, .o_footer .s_popup .active.btn-primary, .navbar-light .active.btn-primary, .show > .o_cc1 .btn-fill-primary.dropdown-toggle, #wrapwrap.o_header_overlay > header.show:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-fill-primary.dropdown-toggle, .o_footer .show > .s_popup .btn-fill-primary.dropdown-toggle, .show > .navbar-light .btn-fill-primary.dropdown-toggle, .show > .o_cc1 .dropdown-toggle.btn-primary, #wrapwrap.o_header_overlay > header.show:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .dropdown-toggle.btn-primary, .o_footer .show > .s_popup .dropdown-toggle.btn-primary, .show > .navbar-light .dropdown-toggle.btn-primary, .btn-check:checked + .o_colored_level .o_cc1 .btn-fill-primary, .btn-check:checked + .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-fill-primary, .btn-check:checked + .o_colored_level .o_footer .s_popup .btn-fill-primary, .btn-check:active + .o_colored_level .o_cc1 .btn-fill-primary, .btn-check:active + .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-fill-primary, .btn-check:active + .o_colored_level .o_footer .s_popup .btn-fill-primary, .o_colored_level .o_cc1 .btn-fill-primary:active, .o_colored_level .o_cc1 .btn-fill-primary.active, .show > .o_colored_level .o_cc1 .btn-fill-primary.dropdown-toggle, .show > .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-fill-primary.dropdown-toggle, .show > .o_colored_level .o_footer .s_popup .btn-fill-primary.dropdown-toggle { color: #FFFFFF; background-color: #2a797c; border-color: #287175; } .btn-check:checked + .o_cc1 .btn-fill-primary:focus, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .btn-check:checked + .navbar .btn-fill-primary:focus, .o_footer .btn-check:checked + .s_popup .btn-fill-primary:focus, .btn-check:checked + .navbar-light .btn-fill-primary:focus, .btn-check:checked + .o_cc1 .btn-primary:focus, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .btn-check:checked + .navbar .btn-primary:focus, .o_footer .btn-check:checked + .s_popup .btn-primary:focus, .btn-check:checked + .navbar-light .btn-primary:focus, .btn-check:active + .o_cc1 .btn-fill-primary:focus, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .btn-check:active + .navbar .btn-fill-primary:focus, .o_footer .btn-check:active + .s_popup .btn-fill-primary:focus, .btn-check:active + .navbar-light .btn-fill-primary:focus, .btn-check:active + .o_cc1 .btn-primary:focus, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .btn-check:active + .navbar .btn-primary:focus, .o_footer .btn-check:active + .s_popup .btn-primary:focus, .btn-check:active + .navbar-light .btn-primary:focus, .o_cc1 .btn-fill-primary:active:focus, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-fill-primary:active:focus, .o_footer .s_popup .btn-fill-primary:active:focus, .navbar-light .btn-fill-primary:active:focus, .o_cc1 .btn-primary:active:focus, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-primary:active:focus, .o_footer .s_popup .btn-primary:active:focus, .navbar-light .btn-primary:active:focus, .o_cc1 .btn-fill-primary.active:focus, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-fill-primary.active:focus, .o_footer .s_popup .btn-fill-primary.active:focus, .navbar-light .btn-fill-primary.active:focus, .o_cc1 .active.btn-primary:focus, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .active.btn-primary:focus, .o_footer .s_popup .active.btn-primary:focus, .navbar-light .active.btn-primary:focus, .show > .o_cc1 .btn-fill-primary.dropdown-toggle:focus, #wrapwrap.o_header_overlay > header.show:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-fill-primary.dropdown-toggle:focus, .o_footer .show > .s_popup .btn-fill-primary.dropdown-toggle:focus, .show > .navbar-light .btn-fill-primary.dropdown-toggle:focus, .show > .o_cc1 .dropdown-toggle.btn-primary:focus, #wrapwrap.o_header_overlay > header.show:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .dropdown-toggle.btn-primary:focus, .o_footer .show > .s_popup .dropdown-toggle.btn-primary:focus, .show > .navbar-light .dropdown-toggle.btn-primary:focus, .btn-check:checked + .o_colored_level .o_cc1 .btn-fill-primary:focus, .btn-check:checked + .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-fill-primary:focus, .btn-check:checked + .o_colored_level .o_footer .s_popup .btn-fill-primary:focus, .btn-check:active + .o_colored_level .o_cc1 .btn-fill-primary:focus, .btn-check:active + .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-fill-primary:focus, .btn-check:active + .o_colored_level .o_footer .s_popup .btn-fill-primary:focus, .o_colored_level .o_cc1 .btn-fill-primary:active:focus, .o_colored_level .o_cc1 .btn-fill-primary.active:focus, .show > .o_colored_level .o_cc1 .btn-fill-primary.dropdown-toggle:focus, .show > .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-fill-primary.dropdown-toggle:focus, .show > .o_colored_level .o_footer .s_popup .btn-fill-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.25rem rgba(83, 166, 170, 0.5); } .o_cc1 .btn-fill-primary:disabled, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-fill-primary:disabled, .o_footer .s_popup .btn-fill-primary:disabled, .navbar-light .btn-fill-primary:disabled, .o_cc1 .btn-fill-primary.o_wysiwyg_loader, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-fill-primary.o_wysiwyg_loader, .o_footer .s_popup .btn-fill-primary.o_wysiwyg_loader, .navbar-light .btn-fill-primary.o_wysiwyg_loader, .o_cc1 .btn-primary:disabled, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-primary:disabled, .o_footer .s_popup .btn-primary:disabled, .navbar-light .btn-primary:disabled, .o_cc1 .btn-primary.o_wysiwyg_loader, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-primary.o_wysiwyg_loader, .o_footer .s_popup .btn-primary.o_wysiwyg_loader, .navbar-light .btn-primary.o_wysiwyg_loader, .o_cc1 .btn-fill-primary.disabled, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-fill-primary.disabled, .o_footer .s_popup .btn-fill-primary.disabled, .navbar-light .btn-fill-primary.disabled, .o_cc1 .disabled.btn-primary, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .disabled.btn-primary, .o_footer .s_popup .disabled.btn-primary, .navbar-light .disabled.btn-primary, .o_colored_level .o_cc1 .btn-fill-primary:disabled, .o_colored_level .o_cc1 .btn-fill-primary.disabled { color: #FFFFFF; background-color: #35979c; border-color: #35979c; } .o_cc1 .btn-outline-primary, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-outline-primary, .o_footer .s_popup .btn-outline-primary, .navbar-light .btn-outline-primary, .o_colored_level .o_cc1 .btn-outline-primary { color: #35979c; border-color: #35979c; } .o_cc1 .btn-outline-primary:hover, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-outline-primary:hover, .o_footer .s_popup .btn-outline-primary:hover, .navbar-light .btn-outline-primary:hover, .o_colored_level .o_cc1 .btn-outline-primary:hover { color: #FFFFFF; background-color: #35979c; border-color: #35979c; } .btn-check:focus + .o_cc1 .btn-outline-primary, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .btn-check:focus + .navbar .btn-outline-primary, .o_footer .btn-check:focus + .s_popup .btn-outline-primary, .btn-check:focus + .navbar-light .btn-outline-primary, .o_cc1 .btn-outline-primary:focus, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-outline-primary:focus, .o_footer .s_popup .btn-outline-primary:focus, .navbar-light .btn-outline-primary:focus, .btn-check:focus + .o_colored_level .o_cc1 .btn-outline-primary, .btn-check:focus + .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-outline-primary, .btn-check:focus + .o_colored_level .o_footer .s_popup .btn-outline-primary, .o_colored_level .o_cc1 .btn-outline-primary:focus { box-shadow: 0 0 0 0.25rem rgba(53, 151, 156, 0.5); } .btn-check:checked + .o_cc1 .btn-outline-primary, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .btn-check:checked + .navbar .btn-outline-primary, .o_footer .btn-check:checked + .s_popup .btn-outline-primary, .btn-check:checked + .navbar-light .btn-outline-primary, .btn-check:active + .o_cc1 .btn-outline-primary, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .btn-check:active + .navbar .btn-outline-primary, .o_footer .btn-check:active + .s_popup .btn-outline-primary, .btn-check:active + .navbar-light .btn-outline-primary, .o_cc1 .btn-outline-primary:active, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-outline-primary:active, .o_footer .s_popup .btn-outline-primary:active, .navbar-light .btn-outline-primary:active, .o_cc1 .btn-outline-primary.active, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-outline-primary.active, .o_footer .s_popup .btn-outline-primary.active, .navbar-light .btn-outline-primary.active, .o_cc1 .btn-outline-primary.dropdown-toggle.show, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-outline-primary.dropdown-toggle.show, .o_footer .s_popup .btn-outline-primary.dropdown-toggle.show, .navbar-light .btn-outline-primary.dropdown-toggle.show, .btn-check:checked + .o_colored_level .o_cc1 .btn-outline-primary, .btn-check:checked + .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-outline-primary, .btn-check:checked + .o_colored_level .o_footer .s_popup .btn-outline-primary, .btn-check:active + .o_colored_level .o_cc1 .btn-outline-primary, .btn-check:active + .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-outline-primary, .btn-check:active + .o_colored_level .o_footer .s_popup .btn-outline-primary, .o_colored_level .o_cc1 .btn-outline-primary:active, .o_colored_level .o_cc1 .btn-outline-primary.active, .o_colored_level .o_cc1 .btn-outline-primary.dropdown-toggle.show { color: #FFFFFF; background-color: #35979c; border-color: #35979c; } .btn-check:checked + .o_cc1 .btn-outline-primary:focus, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .btn-check:checked + .navbar .btn-outline-primary:focus, .o_footer .btn-check:checked + .s_popup .btn-outline-primary:focus, .btn-check:checked + .navbar-light .btn-outline-primary:focus, .btn-check:active + .o_cc1 .btn-outline-primary:focus, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .btn-check:active + .navbar .btn-outline-primary:focus, .o_footer .btn-check:active + .s_popup .btn-outline-primary:focus, .btn-check:active + .navbar-light .btn-outline-primary:focus, .o_cc1 .btn-outline-primary:active:focus, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-outline-primary:active:focus, .o_footer .s_popup .btn-outline-primary:active:focus, .navbar-light .btn-outline-primary:active:focus, .o_cc1 .btn-outline-primary.active:focus, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-outline-primary.active:focus, .o_footer .s_popup .btn-outline-primary.active:focus, .navbar-light .btn-outline-primary.active:focus, .o_cc1 .btn-outline-primary.dropdown-toggle.show:focus, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-outline-primary.dropdown-toggle.show:focus, .o_footer .s_popup .btn-outline-primary.dropdown-toggle.show:focus, .navbar-light .btn-outline-primary.dropdown-toggle.show:focus, .btn-check:checked + .o_colored_level .o_cc1 .btn-outline-primary:focus, .btn-check:checked + .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-outline-primary:focus, .btn-check:checked + .o_colored_level .o_footer .s_popup .btn-outline-primary:focus, .btn-check:active + .o_colored_level .o_cc1 .btn-outline-primary:focus, .btn-check:active + .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-outline-primary:focus, .btn-check:active + .o_colored_level .o_footer .s_popup .btn-outline-primary:focus, .o_colored_level .o_cc1 .btn-outline-primary:active:focus, .o_colored_level .o_cc1 .btn-outline-primary.active:focus, .o_colored_level .o_cc1 .btn-outline-primary.dropdown-toggle.show:focus { box-shadow: 0 0 0 0.25rem rgba(53, 151, 156, 0.5); } .o_cc1 .btn-outline-primary:disabled, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-outline-primary:disabled, .o_footer .s_popup .btn-outline-primary:disabled, .navbar-light .btn-outline-primary:disabled, .o_cc1 .btn-outline-primary.o_wysiwyg_loader, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-outline-primary.o_wysiwyg_loader, .o_footer .s_popup .btn-outline-primary.o_wysiwyg_loader, .navbar-light .btn-outline-primary.o_wysiwyg_loader, .o_cc1 .btn-outline-primary.disabled, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-outline-primary.disabled, .o_footer .s_popup .btn-outline-primary.disabled, .navbar-light .btn-outline-primary.disabled, .o_colored_level .o_cc1 .btn-outline-primary:disabled, .o_colored_level .o_cc1 .btn-outline-primary.disabled { color: #35979c; background-color: transparent; } .o_cc1 .btn-fill-secondary, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-fill-secondary, .o_footer .s_popup .btn-fill-secondary, .navbar-light .btn-fill-secondary, .o_cc1 .btn-secondary, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-secondary, .o_footer .s_popup .btn-secondary, .navbar-light .btn-secondary, .o_colored_level .o_cc1 .btn-fill-secondary { color: #FFFFFF; background-color: #685563; border-color: #685563; } .o_cc1 .btn-fill-secondary:hover, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-fill-secondary:hover, .o_footer .s_popup .btn-fill-secondary:hover, .navbar-light .btn-fill-secondary:hover, .o_cc1 .btn-secondary:hover, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-secondary:hover, .o_footer .s_popup .btn-secondary:hover, .navbar-light .btn-secondary:hover, .o_colored_level .o_cc1 .btn-fill-secondary:hover { color: #FFFFFF; background-color: #584854; border-color: #53444f; } .btn-check:focus + .o_cc1 .btn-fill-secondary, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .btn-check:focus + .navbar .btn-fill-secondary, .o_footer .btn-check:focus + .s_popup .btn-fill-secondary, .btn-check:focus + .navbar-light .btn-fill-secondary, .btn-check:focus + .o_cc1 .btn-secondary, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .btn-check:focus + .navbar .btn-secondary, .o_footer .btn-check:focus + .s_popup .btn-secondary, .btn-check:focus + .navbar-light .btn-secondary, .o_cc1 .btn-fill-secondary:focus, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-fill-secondary:focus, .o_footer .s_popup .btn-fill-secondary:focus, .navbar-light .btn-fill-secondary:focus, .o_cc1 .btn-secondary:focus, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-secondary:focus, .o_footer .s_popup .btn-secondary:focus, .navbar-light .btn-secondary:focus, .btn-check:focus + .o_colored_level .o_cc1 .btn-fill-secondary, .btn-check:focus + .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-fill-secondary, .btn-check:focus + .o_colored_level .o_footer .s_popup .btn-fill-secondary, .o_colored_level .o_cc1 .btn-fill-secondary:focus { color: #FFFFFF; background-color: #584854; border-color: #53444f; box-shadow: 0 0 0 0.25rem rgba(126, 110, 122, 0.5); } .btn-check:checked + .o_cc1 .btn-fill-secondary, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .btn-check:checked + .navbar .btn-fill-secondary, .o_footer .btn-check:checked + .s_popup .btn-fill-secondary, .btn-check:checked + .navbar-light .btn-fill-secondary, .btn-check:checked + .o_cc1 .btn-secondary, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .btn-check:checked + .navbar .btn-secondary, .o_footer .btn-check:checked + .s_popup .btn-secondary, .btn-check:checked + .navbar-light .btn-secondary, .btn-check:active + .o_cc1 .btn-fill-secondary, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .btn-check:active + .navbar .btn-fill-secondary, .o_footer .btn-check:active + .s_popup .btn-fill-secondary, .btn-check:active + .navbar-light .btn-fill-secondary, .btn-check:active + .o_cc1 .btn-secondary, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .btn-check:active + .navbar .btn-secondary, .o_footer .btn-check:active + .s_popup .btn-secondary, .btn-check:active + .navbar-light .btn-secondary, .o_cc1 .btn-fill-secondary:active, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-fill-secondary:active, .o_footer .s_popup .btn-fill-secondary:active, .navbar-light .btn-fill-secondary:active, .o_cc1 .btn-secondary:active, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-secondary:active, .o_footer .s_popup .btn-secondary:active, .navbar-light .btn-secondary:active, .o_cc1 .btn-fill-secondary.active, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-fill-secondary.active, .o_footer .s_popup .btn-fill-secondary.active, .navbar-light .btn-fill-secondary.active, .o_cc1 .active.btn-secondary, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .active.btn-secondary, .o_footer .s_popup .active.btn-secondary, .navbar-light .active.btn-secondary, .show > .o_cc1 .btn-fill-secondary.dropdown-toggle, #wrapwrap.o_header_overlay > header.show:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-fill-secondary.dropdown-toggle, .o_footer .show > .s_popup .btn-fill-secondary.dropdown-toggle, .show > .navbar-light .btn-fill-secondary.dropdown-toggle, .show > .o_cc1 .dropdown-toggle.btn-secondary, #wrapwrap.o_header_overlay > header.show:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .dropdown-toggle.btn-secondary, .o_footer .show > .s_popup .dropdown-toggle.btn-secondary, .show > .navbar-light .dropdown-toggle.btn-secondary, .btn-check:checked + .o_colored_level .o_cc1 .btn-fill-secondary, .btn-check:checked + .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-fill-secondary, .btn-check:checked + .o_colored_level .o_footer .s_popup .btn-fill-secondary, .btn-check:active + .o_colored_level .o_cc1 .btn-fill-secondary, .btn-check:active + .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-fill-secondary, .btn-check:active + .o_colored_level .o_footer .s_popup .btn-fill-secondary, .o_colored_level .o_cc1 .btn-fill-secondary:active, .o_colored_level .o_cc1 .btn-fill-secondary.active, .show > .o_colored_level .o_cc1 .btn-fill-secondary.dropdown-toggle, .show > .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-fill-secondary.dropdown-toggle, .show > .o_colored_level .o_footer .s_popup .btn-fill-secondary.dropdown-toggle { color: #FFFFFF; background-color: #53444f; border-color: #4e3f4a; } .btn-check:checked + .o_cc1 .btn-fill-secondary:focus, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .btn-check:checked + .navbar .btn-fill-secondary:focus, .o_footer .btn-check:checked + .s_popup .btn-fill-secondary:focus, .btn-check:checked + .navbar-light .btn-fill-secondary:focus, .btn-check:checked + .o_cc1 .btn-secondary:focus, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .btn-check:checked + .navbar .btn-secondary:focus, .o_footer .btn-check:checked + .s_popup .btn-secondary:focus, .btn-check:checked + .navbar-light .btn-secondary:focus, .btn-check:active + .o_cc1 .btn-fill-secondary:focus, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .btn-check:active + .navbar .btn-fill-secondary:focus, .o_footer .btn-check:active + .s_popup .btn-fill-secondary:focus, .btn-check:active + .navbar-light .btn-fill-secondary:focus, .btn-check:active + .o_cc1 .btn-secondary:focus, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .btn-check:active + .navbar .btn-secondary:focus, .o_footer .btn-check:active + .s_popup .btn-secondary:focus, .btn-check:active + .navbar-light .btn-secondary:focus, .o_cc1 .btn-fill-secondary:active:focus, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-fill-secondary:active:focus, .o_footer .s_popup .btn-fill-secondary:active:focus, .navbar-light .btn-fill-secondary:active:focus, .o_cc1 .btn-secondary:active:focus, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-secondary:active:focus, .o_footer .s_popup .btn-secondary:active:focus, .navbar-light .btn-secondary:active:focus, .o_cc1 .btn-fill-secondary.active:focus, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-fill-secondary.active:focus, .o_footer .s_popup .btn-fill-secondary.active:focus, .navbar-light .btn-fill-secondary.active:focus, .o_cc1 .active.btn-secondary:focus, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .active.btn-secondary:focus, .o_footer .s_popup .active.btn-secondary:focus, .navbar-light .active.btn-secondary:focus, .show > .o_cc1 .btn-fill-secondary.dropdown-toggle:focus, #wrapwrap.o_header_overlay > header.show:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-fill-secondary.dropdown-toggle:focus, .o_footer .show > .s_popup .btn-fill-secondary.dropdown-toggle:focus, .show > .navbar-light .btn-fill-secondary.dropdown-toggle:focus, .show > .o_cc1 .dropdown-toggle.btn-secondary:focus, #wrapwrap.o_header_overlay > header.show:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .dropdown-toggle.btn-secondary:focus, .o_footer .show > .s_popup .dropdown-toggle.btn-secondary:focus, .show > .navbar-light .dropdown-toggle.btn-secondary:focus, .btn-check:checked + .o_colored_level .o_cc1 .btn-fill-secondary:focus, .btn-check:checked + .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-fill-secondary:focus, .btn-check:checked + .o_colored_level .o_footer .s_popup .btn-fill-secondary:focus, .btn-check:active + .o_colored_level .o_cc1 .btn-fill-secondary:focus, .btn-check:active + .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-fill-secondary:focus, .btn-check:active + .o_colored_level .o_footer .s_popup .btn-fill-secondary:focus, .o_colored_level .o_cc1 .btn-fill-secondary:active:focus, .o_colored_level .o_cc1 .btn-fill-secondary.active:focus, .show > .o_colored_level .o_cc1 .btn-fill-secondary.dropdown-toggle:focus, .show > .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-fill-secondary.dropdown-toggle:focus, .show > .o_colored_level .o_footer .s_popup .btn-fill-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0.25rem rgba(126, 110, 122, 0.5); } .o_cc1 .btn-fill-secondary:disabled, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-fill-secondary:disabled, .o_footer .s_popup .btn-fill-secondary:disabled, .navbar-light .btn-fill-secondary:disabled, .o_cc1 .btn-fill-secondary.o_wysiwyg_loader, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-fill-secondary.o_wysiwyg_loader, .o_footer .s_popup .btn-fill-secondary.o_wysiwyg_loader, .navbar-light .btn-fill-secondary.o_wysiwyg_loader, .o_cc1 .btn-secondary:disabled, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-secondary:disabled, .o_footer .s_popup .btn-secondary:disabled, .navbar-light .btn-secondary:disabled, .o_cc1 .btn-secondary.o_wysiwyg_loader, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-secondary.o_wysiwyg_loader, .o_footer .s_popup .btn-secondary.o_wysiwyg_loader, .navbar-light .btn-secondary.o_wysiwyg_loader, .o_cc1 .btn-fill-secondary.disabled, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-fill-secondary.disabled, .o_footer .s_popup .btn-fill-secondary.disabled, .navbar-light .btn-fill-secondary.disabled, .o_cc1 .disabled.btn-secondary, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .disabled.btn-secondary, .o_footer .s_popup .disabled.btn-secondary, .navbar-light .disabled.btn-secondary, .o_colored_level .o_cc1 .btn-fill-secondary:disabled, .o_colored_level .o_cc1 .btn-fill-secondary.disabled { color: #FFFFFF; background-color: #685563; border-color: #685563; } .o_cc1 .btn-outline-secondary, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-outline-secondary, .o_footer .s_popup .btn-outline-secondary, .navbar-light .btn-outline-secondary, .o_colored_level .o_cc1 .btn-outline-secondary { color: #685563; border-color: #685563; } .o_cc1 .btn-outline-secondary:hover, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-outline-secondary:hover, .o_footer .s_popup .btn-outline-secondary:hover, .navbar-light .btn-outline-secondary:hover, .o_colored_level .o_cc1 .btn-outline-secondary:hover { color: #FFFFFF; background-color: #685563; border-color: #685563; } .btn-check:focus + .o_cc1 .btn-outline-secondary, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .btn-check:focus + .navbar .btn-outline-secondary, .o_footer .btn-check:focus + .s_popup .btn-outline-secondary, .btn-check:focus + .navbar-light .btn-outline-secondary, .o_cc1 .btn-outline-secondary:focus, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-outline-secondary:focus, .o_footer .s_popup .btn-outline-secondary:focus, .navbar-light .btn-outline-secondary:focus, .btn-check:focus + .o_colored_level .o_cc1 .btn-outline-secondary, .btn-check:focus + .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-outline-secondary, .btn-check:focus + .o_colored_level .o_footer .s_popup .btn-outline-secondary, .o_colored_level .o_cc1 .btn-outline-secondary:focus { box-shadow: 0 0 0 0.25rem rgba(104, 85, 99, 0.5); } .btn-check:checked + .o_cc1 .btn-outline-secondary, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .btn-check:checked + .navbar .btn-outline-secondary, .o_footer .btn-check:checked + .s_popup .btn-outline-secondary, .btn-check:checked + .navbar-light .btn-outline-secondary, .btn-check:active + .o_cc1 .btn-outline-secondary, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .btn-check:active + .navbar .btn-outline-secondary, .o_footer .btn-check:active + .s_popup .btn-outline-secondary, .btn-check:active + .navbar-light .btn-outline-secondary, .o_cc1 .btn-outline-secondary:active, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-outline-secondary:active, .o_footer .s_popup .btn-outline-secondary:active, .navbar-light .btn-outline-secondary:active, .o_cc1 .btn-outline-secondary.active, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-outline-secondary.active, .o_footer .s_popup .btn-outline-secondary.active, .navbar-light .btn-outline-secondary.active, .o_cc1 .btn-outline-secondary.dropdown-toggle.show, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-outline-secondary.dropdown-toggle.show, .o_footer .s_popup .btn-outline-secondary.dropdown-toggle.show, .navbar-light .btn-outline-secondary.dropdown-toggle.show, .btn-check:checked + .o_colored_level .o_cc1 .btn-outline-secondary, .btn-check:checked + .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-outline-secondary, .btn-check:checked + .o_colored_level .o_footer .s_popup .btn-outline-secondary, .btn-check:active + .o_colored_level .o_cc1 .btn-outline-secondary, .btn-check:active + .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-outline-secondary, .btn-check:active + .o_colored_level .o_footer .s_popup .btn-outline-secondary, .o_colored_level .o_cc1 .btn-outline-secondary:active, .o_colored_level .o_cc1 .btn-outline-secondary.active, .o_colored_level .o_cc1 .btn-outline-secondary.dropdown-toggle.show { color: #FFFFFF; background-color: #685563; border-color: #685563; } .btn-check:checked + .o_cc1 .btn-outline-secondary:focus, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .btn-check:checked + .navbar .btn-outline-secondary:focus, .o_footer .btn-check:checked + .s_popup .btn-outline-secondary:focus, .btn-check:checked + .navbar-light .btn-outline-secondary:focus, .btn-check:active + .o_cc1 .btn-outline-secondary:focus, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .btn-check:active + .navbar .btn-outline-secondary:focus, .o_footer .btn-check:active + .s_popup .btn-outline-secondary:focus, .btn-check:active + .navbar-light .btn-outline-secondary:focus, .o_cc1 .btn-outline-secondary:active:focus, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-outline-secondary:active:focus, .o_footer .s_popup .btn-outline-secondary:active:focus, .navbar-light .btn-outline-secondary:active:focus, .o_cc1 .btn-outline-secondary.active:focus, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-outline-secondary.active:focus, .o_footer .s_popup .btn-outline-secondary.active:focus, .navbar-light .btn-outline-secondary.active:focus, .o_cc1 .btn-outline-secondary.dropdown-toggle.show:focus, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-outline-secondary.dropdown-toggle.show:focus, .o_footer .s_popup .btn-outline-secondary.dropdown-toggle.show:focus, .navbar-light .btn-outline-secondary.dropdown-toggle.show:focus, .btn-check:checked + .o_colored_level .o_cc1 .btn-outline-secondary:focus, .btn-check:checked + .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-outline-secondary:focus, .btn-check:checked + .o_colored_level .o_footer .s_popup .btn-outline-secondary:focus, .btn-check:active + .o_colored_level .o_cc1 .btn-outline-secondary:focus, .btn-check:active + .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-outline-secondary:focus, .btn-check:active + .o_colored_level .o_footer .s_popup .btn-outline-secondary:focus, .o_colored_level .o_cc1 .btn-outline-secondary:active:focus, .o_colored_level .o_cc1 .btn-outline-secondary.active:focus, .o_colored_level .o_cc1 .btn-outline-secondary.dropdown-toggle.show:focus { box-shadow: 0 0 0 0.25rem rgba(104, 85, 99, 0.5); } .o_cc1 .btn-outline-secondary:disabled, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-outline-secondary:disabled, .o_footer .s_popup .btn-outline-secondary:disabled, .navbar-light .btn-outline-secondary:disabled, .o_cc1 .btn-outline-secondary.o_wysiwyg_loader, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-outline-secondary.o_wysiwyg_loader, .o_footer .s_popup .btn-outline-secondary.o_wysiwyg_loader, .navbar-light .btn-outline-secondary.o_wysiwyg_loader, .o_cc1 .btn-outline-secondary.disabled, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-outline-secondary.disabled, .o_footer .s_popup .btn-outline-secondary.disabled, .navbar-light .btn-outline-secondary.disabled, .o_colored_level .o_cc1 .btn-outline-secondary:disabled, .o_colored_level .o_cc1 .btn-outline-secondary.disabled { color: #685563; background-color: transparent; } .o_cc1 .nav-pills .nav-link.active, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .nav-pills .nav-link.active, .o_footer .s_popup .nav-pills .nav-link.active, .navbar-light .nav-pills .nav-link.active, .o_cc1 .nav-pills .show > .nav-link, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .nav-pills .show > .nav-link, .o_footer .s_popup .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: #35979c; color: #FFFFFF; } .o_cc1 .dropdown-menu .dropdown-item.active, .o_cc1 .o_dropdown_menu .dropdown-item.active, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .dropdown-menu .dropdown-item.active, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .o_dropdown_menu .dropdown-item.active, .o_footer .s_popup .dropdown-menu .dropdown-item.active, .o_footer .s_popup .o_dropdown_menu .dropdown-item.active, .navbar-light .dropdown-menu .dropdown-item.active, .navbar-light .o_dropdown_menu .dropdown-item.active, .o_cc1 .dropdown-menu .dropdown-item.active h6, .o_cc1 .o_dropdown_menu .dropdown-item.active h6, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .dropdown-menu .dropdown-item.active h6, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .o_dropdown_menu .dropdown-item.active h6, .o_footer .s_popup .dropdown-menu .dropdown-item.active h6, .o_footer .s_popup .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_cc1 .dropdown-menu .dropdown-item.active .h6, .o_cc1 .o_dropdown_menu .dropdown-item.active .h6, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .dropdown-menu .dropdown-item.active .h6, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .o_dropdown_menu .dropdown-item.active .h6, .o_footer .s_popup .dropdown-menu .dropdown-item.active .h6, .o_footer .s_popup .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_cc1 .dropdown-menu .dropdown-item:active, .o_cc1 .o_dropdown_menu .dropdown-item:active, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .dropdown-menu .dropdown-item:active, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .o_dropdown_menu .dropdown-item:active, .o_footer .s_popup .dropdown-menu .dropdown-item:active, .o_footer .s_popup .o_dropdown_menu .dropdown-item:active, .navbar-light .dropdown-menu .dropdown-item:active, .navbar-light .o_dropdown_menu .dropdown-item:active, .o_cc1 .dropdown-menu .dropdown-item:active h6, .o_cc1 .o_dropdown_menu .dropdown-item:active h6, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .dropdown-menu .dropdown-item:active h6, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .o_dropdown_menu .dropdown-item:active h6, .o_footer .s_popup .dropdown-menu .dropdown-item:active h6, .o_footer .s_popup .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_cc1 .dropdown-menu .dropdown-item:active .h6, .o_cc1 .o_dropdown_menu .dropdown-item:active .h6, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .dropdown-menu .dropdown-item:active .h6, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .o_dropdown_menu .dropdown-item:active .h6, .o_footer .s_popup .dropdown-menu .dropdown-item:active .h6, .o_footer .s_popup .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_colored_level .o_cc1 .dropdown-menu .dropdown-item.active, .o_colored_level .o_cc1 .dropdown-menu .dropdown-item.active h6, .o_colored_level .o_cc1 .dropdown-menu .dropdown-item:active, .o_colored_level .o_cc1 .dropdown-menu .dropdown-item:active h6 { background-color: #35979c; color: #FFFFFF !important; } .o_cc1 .dropdown-menu .dropdown-item.active:hover, .o_cc1 .o_dropdown_menu .dropdown-item.active:hover, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .dropdown-menu .dropdown-item.active:hover, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .o_dropdown_menu .dropdown-item.active:hover, .o_footer .s_popup .dropdown-menu .dropdown-item.active:hover, .o_footer .s_popup .o_dropdown_menu .dropdown-item.active:hover, .navbar-light .dropdown-menu .dropdown-item.active:hover, .navbar-light .o_dropdown_menu .dropdown-item.active:hover, .o_cc1 .dropdown-menu .dropdown-item.active:focus, .o_cc1 .o_dropdown_menu .dropdown-item.active:focus, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .dropdown-menu .dropdown-item.active:focus, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .o_dropdown_menu .dropdown-item.active:focus, .o_footer .s_popup .dropdown-menu .dropdown-item.active:focus, .o_footer .s_popup .o_dropdown_menu .dropdown-item.active:focus, .navbar-light .dropdown-menu .dropdown-item.active:focus, .navbar-light .o_dropdown_menu .dropdown-item.active:focus, .o_cc1 .dropdown-menu .dropdown-item.active h6:hover, .o_cc1 .o_dropdown_menu .dropdown-item.active h6:hover, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .dropdown-menu .dropdown-item.active h6:hover, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .o_dropdown_menu .dropdown-item.active h6:hover, .o_footer .s_popup .dropdown-menu .dropdown-item.active h6:hover, .o_footer .s_popup .o_dropdown_menu .dropdown-item.active h6:hover, .navbar-light .dropdown-menu .dropdown-item.active h6:hover, .navbar-light .o_dropdown_menu .dropdown-item.active h6:hover, .o_cc1 .dropdown-menu .dropdown-item.active .h6:hover, .o_cc1 .o_dropdown_menu .dropdown-item.active .h6:hover, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .dropdown-menu .dropdown-item.active .h6:hover, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .o_dropdown_menu .dropdown-item.active .h6:hover, .o_footer .s_popup .dropdown-menu .dropdown-item.active .h6:hover, .o_footer .s_popup .o_dropdown_menu .dropdown-item.active .h6:hover, .navbar-light .dropdown-menu .dropdown-item.active .h6:hover, .navbar-light .o_dropdown_menu .dropdown-item.active .h6:hover, .o_cc1 .dropdown-menu .dropdown-item.active h6:focus, .o_cc1 .o_dropdown_menu .dropdown-item.active h6:focus, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .dropdown-menu .dropdown-item.active h6:focus, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .o_dropdown_menu .dropdown-item.active h6:focus, .o_footer .s_popup .dropdown-menu .dropdown-item.active h6:focus, .o_footer .s_popup .o_dropdown_menu .dropdown-item.active h6:focus, .navbar-light .dropdown-menu .dropdown-item.active h6:focus, .navbar-light .o_dropdown_menu .dropdown-item.active h6:focus, .o_cc1 .dropdown-menu .dropdown-item.active .h6:focus, .o_cc1 .o_dropdown_menu .dropdown-item.active .h6:focus, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .dropdown-menu .dropdown-item.active .h6:focus, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .o_dropdown_menu .dropdown-item.active .h6:focus, .o_footer .s_popup .dropdown-menu .dropdown-item.active .h6:focus, .o_footer .s_popup .o_dropdown_menu .dropdown-item.active .h6:focus, .navbar-light .dropdown-menu .dropdown-item.active .h6:focus, .navbar-light .o_dropdown_menu .dropdown-item.active .h6:focus, .o_cc1 .dropdown-menu .dropdown-item:active:hover, .o_cc1 .o_dropdown_menu .dropdown-item:active:hover, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .dropdown-menu .dropdown-item:active:hover, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .o_dropdown_menu .dropdown-item:active:hover, .o_footer .s_popup .dropdown-menu .dropdown-item:active:hover, .o_footer .s_popup .o_dropdown_menu .dropdown-item:active:hover, .navbar-light .dropdown-menu .dropdown-item:active:hover, .navbar-light .o_dropdown_menu .dropdown-item:active:hover, .o_cc1 .dropdown-menu .dropdown-item:active:focus, .o_cc1 .o_dropdown_menu .dropdown-item:active:focus, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .dropdown-menu .dropdown-item:active:focus, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .o_dropdown_menu .dropdown-item:active:focus, .o_footer .s_popup .dropdown-menu .dropdown-item:active:focus, .o_footer .s_popup .o_dropdown_menu .dropdown-item:active:focus, .navbar-light .dropdown-menu .dropdown-item:active:focus, .navbar-light .o_dropdown_menu .dropdown-item:active:focus, .o_cc1 .dropdown-menu .dropdown-item:active h6:hover, .o_cc1 .o_dropdown_menu .dropdown-item:active h6:hover, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .dropdown-menu .dropdown-item:active h6:hover, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .o_dropdown_menu .dropdown-item:active h6:hover, .o_footer .s_popup .dropdown-menu .dropdown-item:active h6:hover, .o_footer .s_popup .o_dropdown_menu .dropdown-item:active h6:hover, .navbar-light .dropdown-menu .dropdown-item:active h6:hover, .navbar-light .o_dropdown_menu .dropdown-item:active h6:hover, .o_cc1 .dropdown-menu .dropdown-item:active .h6:hover, .o_cc1 .o_dropdown_menu .dropdown-item:active .h6:hover, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .dropdown-menu .dropdown-item:active .h6:hover, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .o_dropdown_menu .dropdown-item:active .h6:hover, .o_footer .s_popup .dropdown-menu .dropdown-item:active .h6:hover, .o_footer .s_popup .o_dropdown_menu .dropdown-item:active .h6:hover, .navbar-light .dropdown-menu .dropdown-item:active .h6:hover, .navbar-light .o_dropdown_menu .dropdown-item:active .h6:hover, .o_cc1 .dropdown-menu .dropdown-item:active h6:focus, .o_cc1 .o_dropdown_menu .dropdown-item:active h6:focus, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .dropdown-menu .dropdown-item:active h6:focus, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .o_dropdown_menu .dropdown-item:active h6:focus, .o_footer .s_popup .dropdown-menu .dropdown-item:active h6:focus, .o_footer .s_popup .o_dropdown_menu .dropdown-item:active h6:focus, .navbar-light .dropdown-menu .dropdown-item:active h6:focus, .navbar-light .o_dropdown_menu .dropdown-item:active h6:focus, .o_cc1 .dropdown-menu .dropdown-item:active .h6:focus, .o_cc1 .o_dropdown_menu .dropdown-item:active .h6:focus, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .dropdown-menu .dropdown-item:active .h6:focus, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .o_dropdown_menu .dropdown-item:active .h6:focus, .o_footer .s_popup .dropdown-menu .dropdown-item:active .h6:focus, .o_footer .s_popup .o_dropdown_menu .dropdown-item:active .h6:focus, .navbar-light .dropdown-menu .dropdown-item:active .h6:focus, .navbar-light .o_dropdown_menu .dropdown-item:active .h6:focus, .o_colored_level .o_cc1 .dropdown-menu .dropdown-item.active:hover, .o_colored_level .o_cc1 .o_dropdown_menu .dropdown-item.active:hover, .o_colored_level .o_cc1 .dropdown-menu .dropdown-item.active:focus, .o_colored_level .o_cc1 .o_dropdown_menu .dropdown-item.active:focus, .o_colored_level .o_cc1 .dropdown-menu .dropdown-item.active h6:hover, .o_colored_level .o_cc1 .o_dropdown_menu .dropdown-item.active h6:hover, .o_colored_level .o_cc1 .dropdown-menu .dropdown-item.active h6:focus, .o_colored_level .o_cc1 .o_dropdown_menu .dropdown-item.active h6:focus, .o_colored_level .o_cc1 .dropdown-menu .dropdown-item:active:hover, .o_colored_level .o_cc1 .o_dropdown_menu .dropdown-item:active:hover, .o_colored_level .o_cc1 .dropdown-menu .dropdown-item:active:focus, .o_colored_level .o_cc1 .o_dropdown_menu .dropdown-item:active:focus, .o_colored_level .o_cc1 .dropdown-menu .dropdown-item:active h6:hover, .o_colored_level .o_cc1 .o_dropdown_menu .dropdown-item:active h6:hover, .o_colored_level .o_cc1 .dropdown-menu .dropdown-item:active h6:focus, .o_colored_level .o_cc1 .o_dropdown_menu .dropdown-item:active h6:focus { color: #FFFFFF !important; } .o_cc1 a.list-group-item, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar a.list-group-item, .o_footer .s_popup a.list-group-item, .navbar-light a.list-group-item, .o_colored_level .o_cc1 a.list-group-item { color: #35979c; } .o_cc1 a.list-group-item.active, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar a.list-group-item.active, .o_footer .s_popup a.list-group-item.active, .navbar-light a.list-group-item.active, .o_colored_level .o_cc1 a.list-group-item.active { background-color: #35979c; color: #FFFFFF; border-color: #35979c; } .o_cc2 { background-color: #F6F6F6; color: #212529; } .o_cc2 .text-muted, .o_colored_level .o_cc2 .text-muted { color: rgba(33, 37, 41, 0.7) !important; } .o_cc2 h1, .o_cc2 .h1, .o_cc2 h2, .o_cc2 .h2, .o_cc2 h3, .o_cc2 .h3, .o_cc2 h4, .o_cc2 .h4, .o_cc2 h5, .o_cc2 .h5, .o_cc2 h6, .o_cc2 .h6, .o_colored_level .o_cc2 h1, .o_colored_level .o_cc2 h2, .o_colored_level .o_cc2 h3, .o_colored_level .o_cc2 h4, .o_colored_level .o_cc2 h5, .o_colored_level .o_cc2 h6 { color: #35979c; } .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: #236366; } .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: #215f62; } .o_cc2 .btn-fill-primary, .o_cc2 .btn-primary, .o_colored_level .o_cc2 .btn-fill-primary { color: #FFFFFF; background-color: #35979c; border-color: #35979c; } .o_cc2 .btn-fill-primary:hover, .o_cc2 .btn-primary:hover, .o_colored_level .o_cc2 .btn-fill-primary:hover { color: #FFFFFF; background-color: #2d8084; border-color: #2a797c; } .btn-check:focus + .o_cc2 .btn-fill-primary, .btn-check:focus + .o_cc2 .btn-primary, .o_cc2 .btn-fill-primary:focus, .o_cc2 .btn-primary:focus, .btn-check:focus + .o_colored_level .o_cc2 .btn-fill-primary, .o_colored_level .o_cc2 .btn-fill-primary:focus { color: #FFFFFF; background-color: #2d8084; border-color: #2a797c; box-shadow: 0 0 0 0.25rem rgba(83, 166, 170, 0.5); } .btn-check:checked + .o_cc2 .btn-fill-primary, .btn-check:checked + .o_cc2 .btn-primary, .btn-check:active + .o_cc2 .btn-fill-primary, .btn-check:active + .o_cc2 .btn-primary, .o_cc2 .btn-fill-primary:active, .o_cc2 .btn-primary:active, .o_cc2 .btn-fill-primary.active, .o_cc2 .active.btn-primary, .show > .o_cc2 .btn-fill-primary.dropdown-toggle, .show > .o_cc2 .dropdown-toggle.btn-primary, .btn-check:checked + .o_colored_level .o_cc2 .btn-fill-primary, .btn-check:active + .o_colored_level .o_cc2 .btn-fill-primary, .o_colored_level .o_cc2 .btn-fill-primary:active, .o_colored_level .o_cc2 .btn-fill-primary.active, .show > .o_colored_level .o_cc2 .btn-fill-primary.dropdown-toggle { color: #FFFFFF; background-color: #2a797c; border-color: #287175; } .btn-check:checked + .o_cc2 .btn-fill-primary:focus, .btn-check:checked + .o_cc2 .btn-primary:focus, .btn-check:active + .o_cc2 .btn-fill-primary:focus, .btn-check:active + .o_cc2 .btn-primary:focus, .o_cc2 .btn-fill-primary:active:focus, .o_cc2 .btn-primary:active:focus, .o_cc2 .btn-fill-primary.active:focus, .o_cc2 .active.btn-primary:focus, .show > .o_cc2 .btn-fill-primary.dropdown-toggle:focus, .show > .o_cc2 .dropdown-toggle.btn-primary:focus, .btn-check:checked + .o_colored_level .o_cc2 .btn-fill-primary:focus, .btn-check:active + .o_colored_level .o_cc2 .btn-fill-primary:focus, .o_colored_level .o_cc2 .btn-fill-primary:active:focus, .o_colored_level .o_cc2 .btn-fill-primary.active:focus, .show > .o_colored_level .o_cc2 .btn-fill-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.25rem rgba(83, 166, 170, 0.5); } .o_cc2 .btn-fill-primary:disabled, .o_cc2 .btn-fill-primary.o_wysiwyg_loader, .o_cc2 .btn-primary:disabled, .o_cc2 .btn-primary.o_wysiwyg_loader, .o_cc2 .btn-fill-primary.disabled, .o_cc2 .disabled.btn-primary, .o_colored_level .o_cc2 .btn-fill-primary:disabled, .o_colored_level .o_cc2 .btn-fill-primary.disabled { color: #FFFFFF; background-color: #35979c; border-color: #35979c; } .o_cc2 .btn-outline-primary, .o_colored_level .o_cc2 .btn-outline-primary { color: #35979c; border-color: #35979c; } .o_cc2 .btn-outline-primary:hover, .o_colored_level .o_cc2 .btn-outline-primary:hover { color: #FFFFFF; background-color: #35979c; border-color: #35979c; } .btn-check:focus + .o_cc2 .btn-outline-primary, .o_cc2 .btn-outline-primary:focus, .btn-check:focus + .o_colored_level .o_cc2 .btn-outline-primary, .o_colored_level .o_cc2 .btn-outline-primary:focus { box-shadow: 0 0 0 0.25rem rgba(53, 151, 156, 0.5); } .btn-check:checked + .o_cc2 .btn-outline-primary, .btn-check:active + .o_cc2 .btn-outline-primary, .o_cc2 .btn-outline-primary:active, .o_cc2 .btn-outline-primary.active, .o_cc2 .btn-outline-primary.dropdown-toggle.show, .btn-check:checked + .o_colored_level .o_cc2 .btn-outline-primary, .btn-check:active + .o_colored_level .o_cc2 .btn-outline-primary, .o_colored_level .o_cc2 .btn-outline-primary:active, .o_colored_level .o_cc2 .btn-outline-primary.active, .o_colored_level .o_cc2 .btn-outline-primary.dropdown-toggle.show { color: #FFFFFF; background-color: #35979c; border-color: #35979c; } .btn-check:checked + .o_cc2 .btn-outline-primary:focus, .btn-check:active + .o_cc2 .btn-outline-primary:focus, .o_cc2 .btn-outline-primary:active:focus, .o_cc2 .btn-outline-primary.active:focus, .o_cc2 .btn-outline-primary.dropdown-toggle.show:focus, .btn-check:checked + .o_colored_level .o_cc2 .btn-outline-primary:focus, .btn-check:active + .o_colored_level .o_cc2 .btn-outline-primary:focus, .o_colored_level .o_cc2 .btn-outline-primary:active:focus, .o_colored_level .o_cc2 .btn-outline-primary.active:focus, .o_colored_level .o_cc2 .btn-outline-primary.dropdown-toggle.show:focus { box-shadow: 0 0 0 0.25rem rgba(53, 151, 156, 0.5); } .o_cc2 .btn-outline-primary:disabled, .o_cc2 .btn-outline-primary.o_wysiwyg_loader, .o_cc2 .btn-outline-primary.disabled, .o_colored_level .o_cc2 .btn-outline-primary:disabled, .o_colored_level .o_cc2 .btn-outline-primary.disabled { color: #35979c; background-color: transparent; } .o_cc2 .btn-fill-secondary, .o_cc2 .btn-secondary, .o_colored_level .o_cc2 .btn-fill-secondary { color: #FFFFFF; background-color: #685563; border-color: #685563; } .o_cc2 .btn-fill-secondary:hover, .o_cc2 .btn-secondary:hover, .o_colored_level .o_cc2 .btn-fill-secondary:hover { color: #FFFFFF; background-color: #584854; border-color: #53444f; } .btn-check:focus + .o_cc2 .btn-fill-secondary, .btn-check:focus + .o_cc2 .btn-secondary, .o_cc2 .btn-fill-secondary:focus, .o_cc2 .btn-secondary:focus, .btn-check:focus + .o_colored_level .o_cc2 .btn-fill-secondary, .o_colored_level .o_cc2 .btn-fill-secondary:focus { color: #FFFFFF; background-color: #584854; border-color: #53444f; box-shadow: 0 0 0 0.25rem rgba(126, 110, 122, 0.5); } .btn-check:checked + .o_cc2 .btn-fill-secondary, .btn-check:checked + .o_cc2 .btn-secondary, .btn-check:active + .o_cc2 .btn-fill-secondary, .btn-check:active + .o_cc2 .btn-secondary, .o_cc2 .btn-fill-secondary:active, .o_cc2 .btn-secondary:active, .o_cc2 .btn-fill-secondary.active, .o_cc2 .active.btn-secondary, .show > .o_cc2 .btn-fill-secondary.dropdown-toggle, .show > .o_cc2 .dropdown-toggle.btn-secondary, .btn-check:checked + .o_colored_level .o_cc2 .btn-fill-secondary, .btn-check:active + .o_colored_level .o_cc2 .btn-fill-secondary, .o_colored_level .o_cc2 .btn-fill-secondary:active, .o_colored_level .o_cc2 .btn-fill-secondary.active, .show > .o_colored_level .o_cc2 .btn-fill-secondary.dropdown-toggle { color: #FFFFFF; background-color: #53444f; border-color: #4e3f4a; } .btn-check:checked + .o_cc2 .btn-fill-secondary:focus, .btn-check:checked + .o_cc2 .btn-secondary:focus, .btn-check:active + .o_cc2 .btn-fill-secondary:focus, .btn-check:active + .o_cc2 .btn-secondary:focus, .o_cc2 .btn-fill-secondary:active:focus, .o_cc2 .btn-secondary:active:focus, .o_cc2 .btn-fill-secondary.active:focus, .o_cc2 .active.btn-secondary:focus, .show > .o_cc2 .btn-fill-secondary.dropdown-toggle:focus, .show > .o_cc2 .dropdown-toggle.btn-secondary:focus, .btn-check:checked + .o_colored_level .o_cc2 .btn-fill-secondary:focus, .btn-check:active + .o_colored_level .o_cc2 .btn-fill-secondary:focus, .o_colored_level .o_cc2 .btn-fill-secondary:active:focus, .o_colored_level .o_cc2 .btn-fill-secondary.active:focus, .show > .o_colored_level .o_cc2 .btn-fill-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0.25rem rgba(126, 110, 122, 0.5); } .o_cc2 .btn-fill-secondary:disabled, .o_cc2 .btn-fill-secondary.o_wysiwyg_loader, .o_cc2 .btn-secondary:disabled, .o_cc2 .btn-secondary.o_wysiwyg_loader, .o_cc2 .btn-fill-secondary.disabled, .o_cc2 .disabled.btn-secondary, .o_colored_level .o_cc2 .btn-fill-secondary:disabled, .o_colored_level .o_cc2 .btn-fill-secondary.disabled { color: #FFFFFF; background-color: #685563; border-color: #685563; } .o_cc2 .btn-outline-secondary, .o_colored_level .o_cc2 .btn-outline-secondary { color: #685563; border-color: #685563; } .o_cc2 .btn-outline-secondary:hover, .o_colored_level .o_cc2 .btn-outline-secondary:hover { color: #FFFFFF; background-color: #685563; border-color: #685563; } .btn-check:focus + .o_cc2 .btn-outline-secondary, .o_cc2 .btn-outline-secondary:focus, .btn-check:focus + .o_colored_level .o_cc2 .btn-outline-secondary, .o_colored_level .o_cc2 .btn-outline-secondary:focus { box-shadow: 0 0 0 0.25rem rgba(104, 85, 99, 0.5); } .btn-check:checked + .o_cc2 .btn-outline-secondary, .btn-check:active + .o_cc2 .btn-outline-secondary, .o_cc2 .btn-outline-secondary:active, .o_cc2 .btn-outline-secondary.active, .o_cc2 .btn-outline-secondary.dropdown-toggle.show, .btn-check:checked + .o_colored_level .o_cc2 .btn-outline-secondary, .btn-check:active + .o_colored_level .o_cc2 .btn-outline-secondary, .o_colored_level .o_cc2 .btn-outline-secondary:active, .o_colored_level .o_cc2 .btn-outline-secondary.active, .o_colored_level .o_cc2 .btn-outline-secondary.dropdown-toggle.show { color: #FFFFFF; background-color: #685563; border-color: #685563; } .btn-check:checked + .o_cc2 .btn-outline-secondary:focus, .btn-check:active + .o_cc2 .btn-outline-secondary:focus, .o_cc2 .btn-outline-secondary:active:focus, .o_cc2 .btn-outline-secondary.active:focus, .o_cc2 .btn-outline-secondary.dropdown-toggle.show:focus, .btn-check:checked + .o_colored_level .o_cc2 .btn-outline-secondary:focus, .btn-check:active + .o_colored_level .o_cc2 .btn-outline-secondary:focus, .o_colored_level .o_cc2 .btn-outline-secondary:active:focus, .o_colored_level .o_cc2 .btn-outline-secondary.active:focus, .o_colored_level .o_cc2 .btn-outline-secondary.dropdown-toggle.show:focus { box-shadow: 0 0 0 0.25rem rgba(104, 85, 99, 0.5); } .o_cc2 .btn-outline-secondary:disabled, .o_cc2 .btn-outline-secondary.o_wysiwyg_loader, .o_cc2 .btn-outline-secondary.disabled, .o_colored_level .o_cc2 .btn-outline-secondary:disabled, .o_colored_level .o_cc2 .btn-outline-secondary.disabled { color: #685563; background-color: transparent; } .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: #35979c; color: #FFFFFF; } .o_cc2 .dropdown-menu .dropdown-item.active, .o_cc2 .o_dropdown_menu .dropdown-item.active, .o_cc2 .dropdown-menu .dropdown-item.active h6, .o_cc2 .o_dropdown_menu .dropdown-item.active h6, .o_cc2 .dropdown-menu .dropdown-item.active .h6, .o_cc2 .o_dropdown_menu .dropdown-item.active .h6, .o_cc2 .dropdown-menu .dropdown-item:active, .o_cc2 .o_dropdown_menu .dropdown-item:active, .o_cc2 .dropdown-menu .dropdown-item:active h6, .o_cc2 .o_dropdown_menu .dropdown-item:active h6, .o_cc2 .dropdown-menu .dropdown-item:active .h6, .o_cc2 .o_dropdown_menu .dropdown-item:active .h6, .o_colored_level .o_cc2 .dropdown-menu .dropdown-item.active, .o_colored_level .o_cc2 .dropdown-menu .dropdown-item.active h6, .o_colored_level .o_cc2 .dropdown-menu .dropdown-item:active, .o_colored_level .o_cc2 .dropdown-menu .dropdown-item:active h6 { background-color: #35979c; color: #FFFFFF !important; } .o_cc2 .dropdown-menu .dropdown-item.active:hover, .o_cc2 .o_dropdown_menu .dropdown-item.active:hover, .o_cc2 .dropdown-menu .dropdown-item.active:focus, .o_cc2 .o_dropdown_menu .dropdown-item.active:focus, .o_cc2 .dropdown-menu .dropdown-item.active h6:hover, .o_cc2 .o_dropdown_menu .dropdown-item.active h6:hover, .o_cc2 .dropdown-menu .dropdown-item.active .h6:hover, .o_cc2 .o_dropdown_menu .dropdown-item.active .h6:hover, .o_cc2 .dropdown-menu .dropdown-item.active h6:focus, .o_cc2 .o_dropdown_menu .dropdown-item.active h6:focus, .o_cc2 .dropdown-menu .dropdown-item.active .h6:focus, .o_cc2 .o_dropdown_menu .dropdown-item.active .h6:focus, .o_cc2 .dropdown-menu .dropdown-item:active:hover, .o_cc2 .o_dropdown_menu .dropdown-item:active:hover, .o_cc2 .dropdown-menu .dropdown-item:active:focus, .o_cc2 .o_dropdown_menu .dropdown-item:active:focus, .o_cc2 .dropdown-menu .dropdown-item:active h6:hover, .o_cc2 .o_dropdown_menu .dropdown-item:active h6:hover, .o_cc2 .dropdown-menu .dropdown-item:active .h6:hover, .o_cc2 .o_dropdown_menu .dropdown-item:active .h6:hover, .o_cc2 .dropdown-menu .dropdown-item:active h6:focus, .o_cc2 .o_dropdown_menu .dropdown-item:active h6:focus, .o_cc2 .dropdown-menu .dropdown-item:active .h6:focus, .o_cc2 .o_dropdown_menu .dropdown-item:active .h6:focus, .o_colored_level .o_cc2 .dropdown-menu .dropdown-item.active:hover, .o_colored_level .o_cc2 .dropdown-menu .dropdown-item.active:focus, .o_colored_level .o_cc2 .dropdown-menu .dropdown-item.active h6:hover, .o_colored_level .o_cc2 .dropdown-menu .dropdown-item.active h6:focus, .o_colored_level .o_cc2 .dropdown-menu .dropdown-item:active:hover, .o_colored_level .o_cc2 .dropdown-menu .dropdown-item:active:focus, .o_colored_level .o_cc2 .dropdown-menu .dropdown-item:active h6:hover, .o_colored_level .o_cc2 .dropdown-menu .dropdown-item:active h6:focus { color: #FFFFFF !important; } .o_cc2 a.list-group-item, .o_colored_level .o_cc2 a.list-group-item { color: #35979c; } .o_cc2 a.list-group-item.active, .o_colored_level .o_cc2 a.list-group-item.active { background-color: #35979c; color: #FFFFFF; border-color: #35979c; } .o_cc3 { background-color: #685563; color: #FFFFFF; } .o_cc3 .text-muted, .o_colored_level .o_cc3 .text-muted { color: rgba(255, 255, 255, 0.7) !important; } .o_cc3 a:not(.btn), .o_cc3 .btn-link, .o_colored_level .o_cc3 a:not(.btn), .o_colored_level .o_cc3 .btn-link { color: #57c1c6; } .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: #0e2829; } .o_cc3 .btn-fill-primary, .o_cc3 .btn-primary, .o_colored_level .o_cc3 .btn-fill-primary { color: #FFFFFF; background-color: #35979c; border-color: #35979c; } .o_cc3 .btn-fill-primary:hover, .o_cc3 .btn-primary:hover, .o_colored_level .o_cc3 .btn-fill-primary:hover { color: #FFFFFF; background-color: #2d8084; border-color: #2a797c; } .btn-check:focus + .o_cc3 .btn-fill-primary, .btn-check:focus + .o_cc3 .btn-primary, .o_cc3 .btn-fill-primary:focus, .o_cc3 .btn-primary:focus, .btn-check:focus + .o_colored_level .o_cc3 .btn-fill-primary, .o_colored_level .o_cc3 .btn-fill-primary:focus { color: #FFFFFF; background-color: #2d8084; border-color: #2a797c; box-shadow: 0 0 0 0.25rem rgba(83, 166, 170, 0.5); } .btn-check:checked + .o_cc3 .btn-fill-primary, .btn-check:checked + .o_cc3 .btn-primary, .btn-check:active + .o_cc3 .btn-fill-primary, .btn-check:active + .o_cc3 .btn-primary, .o_cc3 .btn-fill-primary:active, .o_cc3 .btn-primary:active, .o_cc3 .btn-fill-primary.active, .o_cc3 .active.btn-primary, .show > .o_cc3 .btn-fill-primary.dropdown-toggle, .show > .o_cc3 .dropdown-toggle.btn-primary, .btn-check:checked + .o_colored_level .o_cc3 .btn-fill-primary, .btn-check:active + .o_colored_level .o_cc3 .btn-fill-primary, .o_colored_level .o_cc3 .btn-fill-primary:active, .o_colored_level .o_cc3 .btn-fill-primary.active, .show > .o_colored_level .o_cc3 .btn-fill-primary.dropdown-toggle { color: #FFFFFF; background-color: #2a797c; border-color: #287175; } .btn-check:checked + .o_cc3 .btn-fill-primary:focus, .btn-check:checked + .o_cc3 .btn-primary:focus, .btn-check:active + .o_cc3 .btn-fill-primary:focus, .btn-check:active + .o_cc3 .btn-primary:focus, .o_cc3 .btn-fill-primary:active:focus, .o_cc3 .btn-primary:active:focus, .o_cc3 .btn-fill-primary.active:focus, .o_cc3 .active.btn-primary:focus, .show > .o_cc3 .btn-fill-primary.dropdown-toggle:focus, .show > .o_cc3 .dropdown-toggle.btn-primary:focus, .btn-check:checked + .o_colored_level .o_cc3 .btn-fill-primary:focus, .btn-check:active + .o_colored_level .o_cc3 .btn-fill-primary:focus, .o_colored_level .o_cc3 .btn-fill-primary:active:focus, .o_colored_level .o_cc3 .btn-fill-primary.active:focus, .show > .o_colored_level .o_cc3 .btn-fill-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.25rem rgba(83, 166, 170, 0.5); } .o_cc3 .btn-fill-primary:disabled, .o_cc3 .btn-fill-primary.o_wysiwyg_loader, .o_cc3 .btn-primary:disabled, .o_cc3 .btn-primary.o_wysiwyg_loader, .o_cc3 .btn-fill-primary.disabled, .o_cc3 .disabled.btn-primary, .o_colored_level .o_cc3 .btn-fill-primary:disabled, .o_colored_level .o_cc3 .btn-fill-primary.disabled { color: #FFFFFF; background-color: #35979c; border-color: #35979c; } .o_cc3 .btn-outline-primary, .o_colored_level .o_cc3 .btn-outline-primary { color: #35979c; border-color: #35979c; } .o_cc3 .btn-outline-primary:hover, .o_colored_level .o_cc3 .btn-outline-primary:hover { color: #FFFFFF; background-color: #35979c; border-color: #35979c; } .btn-check:focus + .o_cc3 .btn-outline-primary, .o_cc3 .btn-outline-primary:focus, .btn-check:focus + .o_colored_level .o_cc3 .btn-outline-primary, .o_colored_level .o_cc3 .btn-outline-primary:focus { box-shadow: 0 0 0 0.25rem rgba(53, 151, 156, 0.5); } .btn-check:checked + .o_cc3 .btn-outline-primary, .btn-check:active + .o_cc3 .btn-outline-primary, .o_cc3 .btn-outline-primary:active, .o_cc3 .btn-outline-primary.active, .o_cc3 .btn-outline-primary.dropdown-toggle.show, .btn-check:checked + .o_colored_level .o_cc3 .btn-outline-primary, .btn-check:active + .o_colored_level .o_cc3 .btn-outline-primary, .o_colored_level .o_cc3 .btn-outline-primary:active, .o_colored_level .o_cc3 .btn-outline-primary.active, .o_colored_level .o_cc3 .btn-outline-primary.dropdown-toggle.show { color: #FFFFFF; background-color: #35979c; border-color: #35979c; } .btn-check:checked + .o_cc3 .btn-outline-primary:focus, .btn-check:active + .o_cc3 .btn-outline-primary:focus, .o_cc3 .btn-outline-primary:active:focus, .o_cc3 .btn-outline-primary.active:focus, .o_cc3 .btn-outline-primary.dropdown-toggle.show:focus, .btn-check:checked + .o_colored_level .o_cc3 .btn-outline-primary:focus, .btn-check:active + .o_colored_level .o_cc3 .btn-outline-primary:focus, .o_colored_level .o_cc3 .btn-outline-primary:active:focus, .o_colored_level .o_cc3 .btn-outline-primary.active:focus, .o_colored_level .o_cc3 .btn-outline-primary.dropdown-toggle.show:focus { box-shadow: 0 0 0 0.25rem rgba(53, 151, 156, 0.5); } .o_cc3 .btn-outline-primary:disabled, .o_cc3 .btn-outline-primary.o_wysiwyg_loader, .o_cc3 .btn-outline-primary.disabled, .o_colored_level .o_cc3 .btn-outline-primary:disabled, .o_colored_level .o_cc3 .btn-outline-primary.disabled { color: #35979c; background-color: transparent; } .o_cc3 .btn-fill-secondary, .o_cc3 .btn-secondary, .o_colored_level .o_cc3 .btn-fill-secondary { color: #212529; background-color: #F6F6F6; border-color: #F6F6F6; } .o_cc3 .btn-fill-secondary:hover, .o_cc3 .btn-secondary:hover, .o_colored_level .o_cc3 .btn-fill-secondary:hover { color: #212529; background-color: #f7f7f7; border-color: #f7f7f7; } .btn-check:focus + .o_cc3 .btn-fill-secondary, .btn-check:focus + .o_cc3 .btn-secondary, .o_cc3 .btn-fill-secondary:focus, .o_cc3 .btn-secondary:focus, .btn-check:focus + .o_colored_level .o_cc3 .btn-fill-secondary, .o_colored_level .o_cc3 .btn-fill-secondary:focus { color: #212529; background-color: #f7f7f7; border-color: #f7f7f7; box-shadow: 0 0 0 0.25rem rgba(214, 215, 215, 0.5); } .btn-check:checked + .o_cc3 .btn-fill-secondary, .btn-check:checked + .o_cc3 .btn-secondary, .btn-check:active + .o_cc3 .btn-fill-secondary, .btn-check:active + .o_cc3 .btn-secondary, .o_cc3 .btn-fill-secondary:active, .o_cc3 .btn-secondary:active, .o_cc3 .btn-fill-secondary.active, .o_cc3 .active.btn-secondary, .show > .o_cc3 .btn-fill-secondary.dropdown-toggle, .show > .o_cc3 .dropdown-toggle.btn-secondary, .btn-check:checked + .o_colored_level .o_cc3 .btn-fill-secondary, .btn-check:active + .o_colored_level .o_cc3 .btn-fill-secondary, .o_colored_level .o_cc3 .btn-fill-secondary:active, .o_colored_level .o_cc3 .btn-fill-secondary.active, .show > .o_colored_level .o_cc3 .btn-fill-secondary.dropdown-toggle { color: #212529; background-color: #f8f8f8; border-color: #f7f7f7; } .btn-check:checked + .o_cc3 .btn-fill-secondary:focus, .btn-check:checked + .o_cc3 .btn-secondary:focus, .btn-check:active + .o_cc3 .btn-fill-secondary:focus, .btn-check:active + .o_cc3 .btn-secondary:focus, .o_cc3 .btn-fill-secondary:active:focus, .o_cc3 .btn-secondary:active:focus, .o_cc3 .btn-fill-secondary.active:focus, .o_cc3 .active.btn-secondary:focus, .show > .o_cc3 .btn-fill-secondary.dropdown-toggle:focus, .show > .o_cc3 .dropdown-toggle.btn-secondary:focus, .btn-check:checked + .o_colored_level .o_cc3 .btn-fill-secondary:focus, .btn-check:active + .o_colored_level .o_cc3 .btn-fill-secondary:focus, .o_colored_level .o_cc3 .btn-fill-secondary:active:focus, .o_colored_level .o_cc3 .btn-fill-secondary.active:focus, .show > .o_colored_level .o_cc3 .btn-fill-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0.25rem rgba(214, 215, 215, 0.5); } .o_cc3 .btn-fill-secondary:disabled, .o_cc3 .btn-fill-secondary.o_wysiwyg_loader, .o_cc3 .btn-secondary:disabled, .o_cc3 .btn-secondary.o_wysiwyg_loader, .o_cc3 .btn-fill-secondary.disabled, .o_cc3 .disabled.btn-secondary, .o_colored_level .o_cc3 .btn-fill-secondary:disabled, .o_colored_level .o_cc3 .btn-fill-secondary.disabled { color: #212529; background-color: #F6F6F6; border-color: #F6F6F6; } .o_cc3 .btn-outline-secondary, .o_colored_level .o_cc3 .btn-outline-secondary { color: #F6F6F6; border-color: #F6F6F6; } .o_cc3 .btn-outline-secondary:hover, .o_colored_level .o_cc3 .btn-outline-secondary:hover { color: #212529; background-color: #F6F6F6; border-color: #F6F6F6; } .btn-check:focus + .o_cc3 .btn-outline-secondary, .o_cc3 .btn-outline-secondary:focus, .btn-check:focus + .o_colored_level .o_cc3 .btn-outline-secondary, .o_colored_level .o_cc3 .btn-outline-secondary:focus { box-shadow: 0 0 0 0.25rem rgba(246, 246, 246, 0.5); } .btn-check:checked + .o_cc3 .btn-outline-secondary, .btn-check:active + .o_cc3 .btn-outline-secondary, .o_cc3 .btn-outline-secondary:active, .o_cc3 .btn-outline-secondary.active, .o_cc3 .btn-outline-secondary.dropdown-toggle.show, .btn-check:checked + .o_colored_level .o_cc3 .btn-outline-secondary, .btn-check:active + .o_colored_level .o_cc3 .btn-outline-secondary, .o_colored_level .o_cc3 .btn-outline-secondary:active, .o_colored_level .o_cc3 .btn-outline-secondary.active, .o_colored_level .o_cc3 .btn-outline-secondary.dropdown-toggle.show { color: #212529; background-color: #F6F6F6; border-color: #F6F6F6; } .btn-check:checked + .o_cc3 .btn-outline-secondary:focus, .btn-check:active + .o_cc3 .btn-outline-secondary:focus, .o_cc3 .btn-outline-secondary:active:focus, .o_cc3 .btn-outline-secondary.active:focus, .o_cc3 .btn-outline-secondary.dropdown-toggle.show:focus, .btn-check:checked + .o_colored_level .o_cc3 .btn-outline-secondary:focus, .btn-check:active + .o_colored_level .o_cc3 .btn-outline-secondary:focus, .o_colored_level .o_cc3 .btn-outline-secondary:active:focus, .o_colored_level .o_cc3 .btn-outline-secondary.active:focus, .o_colored_level .o_cc3 .btn-outline-secondary.dropdown-toggle.show:focus { box-shadow: 0 0 0 0.25rem rgba(246, 246, 246, 0.5); } .o_cc3 .btn-outline-secondary:disabled, .o_cc3 .btn-outline-secondary.o_wysiwyg_loader, .o_cc3 .btn-outline-secondary.disabled, .o_colored_level .o_cc3 .btn-outline-secondary:disabled, .o_colored_level .o_cc3 .btn-outline-secondary.disabled { color: #F6F6F6; background-color: transparent; } .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: #35979c; color: #FFFFFF; } .o_cc3 .dropdown-menu .dropdown-item.active, .o_cc3 .o_dropdown_menu .dropdown-item.active, .o_cc3 .dropdown-menu .dropdown-item.active h6, .o_cc3 .o_dropdown_menu .dropdown-item.active h6, .o_cc3 .dropdown-menu .dropdown-item.active .h6, .o_cc3 .o_dropdown_menu .dropdown-item.active .h6, .o_cc3 .dropdown-menu .dropdown-item:active, .o_cc3 .o_dropdown_menu .dropdown-item:active, .o_cc3 .dropdown-menu .dropdown-item:active h6, .o_cc3 .o_dropdown_menu .dropdown-item:active h6, .o_cc3 .dropdown-menu .dropdown-item:active .h6, .o_cc3 .o_dropdown_menu .dropdown-item:active .h6, .o_colored_level .o_cc3 .dropdown-menu .dropdown-item.active, .o_colored_level .o_cc3 .dropdown-menu .dropdown-item.active h6, .o_colored_level .o_cc3 .dropdown-menu .dropdown-item:active, .o_colored_level .o_cc3 .dropdown-menu .dropdown-item:active h6 { background-color: #35979c; color: #FFFFFF !important; } .o_cc3 .dropdown-menu .dropdown-item.active:hover, .o_cc3 .o_dropdown_menu .dropdown-item.active:hover, .o_cc3 .dropdown-menu .dropdown-item.active:focus, .o_cc3 .o_dropdown_menu .dropdown-item.active:focus, .o_cc3 .dropdown-menu .dropdown-item.active h6:hover, .o_cc3 .o_dropdown_menu .dropdown-item.active h6:hover, .o_cc3 .dropdown-menu .dropdown-item.active .h6:hover, .o_cc3 .o_dropdown_menu .dropdown-item.active .h6:hover, .o_cc3 .dropdown-menu .dropdown-item.active h6:focus, .o_cc3 .o_dropdown_menu .dropdown-item.active h6:focus, .o_cc3 .dropdown-menu .dropdown-item.active .h6:focus, .o_cc3 .o_dropdown_menu .dropdown-item.active .h6:focus, .o_cc3 .dropdown-menu .dropdown-item:active:hover, .o_cc3 .o_dropdown_menu .dropdown-item:active:hover, .o_cc3 .dropdown-menu .dropdown-item:active:focus, .o_cc3 .o_dropdown_menu .dropdown-item:active:focus, .o_cc3 .dropdown-menu .dropdown-item:active h6:hover, .o_cc3 .o_dropdown_menu .dropdown-item:active h6:hover, .o_cc3 .dropdown-menu .dropdown-item:active .h6:hover, .o_cc3 .o_dropdown_menu .dropdown-item:active .h6:hover, .o_cc3 .dropdown-menu .dropdown-item:active h6:focus, .o_cc3 .o_dropdown_menu .dropdown-item:active h6:focus, .o_cc3 .dropdown-menu .dropdown-item:active .h6:focus, .o_cc3 .o_dropdown_menu .dropdown-item:active .h6:focus, .o_colored_level .o_cc3 .dropdown-menu .dropdown-item.active:hover, .o_colored_level .o_cc3 .dropdown-menu .dropdown-item.active:focus, .o_colored_level .o_cc3 .dropdown-menu .dropdown-item.active h6:hover, .o_colored_level .o_cc3 .dropdown-menu .dropdown-item.active h6:focus, .o_colored_level .o_cc3 .dropdown-menu .dropdown-item:active:hover, .o_colored_level .o_cc3 .dropdown-menu .dropdown-item:active:focus, .o_colored_level .o_cc3 .dropdown-menu .dropdown-item:active h6:hover, .o_colored_level .o_cc3 .dropdown-menu .dropdown-item:active h6:focus { color: #FFFFFF !important; } .o_cc3 a.list-group-item, .o_colored_level .o_cc3 a.list-group-item { color: #35979c; } .o_cc3 a.list-group-item.active, .o_colored_level .o_cc3 a.list-group-item.active { background-color: #35979c; color: #FFFFFF; border-color: #35979c; } .o_cc4 { background-color: #35979c; color: #FFFFFF; } .o_cc4 .text-muted, .o_colored_level .o_cc4 .text-muted { color: rgba(255, 255, 255, 0.7) !important; } .o_cc4 a:not(.btn), .o_cc4 .btn-link, .o_colored_level .o_cc4 a:not(.btn), .o_colored_level .o_cc4 .btn-link { color: #16181b; } .o_cc4 a:not(.btn):hover, .o_cc4 .btn-link:hover, .o_colored_level .o_cc4 a:not(.btn):hover, .o_colored_level .o_cc4 .btn-link:hover { color: black; } .o_cc4 .btn-fill-primary, .o_cc4 .btn-primary, .o_colored_level .o_cc4 .btn-fill-primary { color: #FFFFFF; background-color: #383E45; border-color: #383E45; } .o_cc4 .btn-fill-primary:hover, .o_cc4 .btn-primary:hover, .o_colored_level .o_cc4 .btn-fill-primary:hover { color: #FFFFFF; background-color: #30353b; border-color: #2d3237; } .btn-check:focus + .o_cc4 .btn-fill-primary, .btn-check:focus + .o_cc4 .btn-primary, .o_cc4 .btn-fill-primary:focus, .o_cc4 .btn-primary:focus, .btn-check:focus + .o_colored_level .o_cc4 .btn-fill-primary, .o_colored_level .o_cc4 .btn-fill-primary:focus { color: #FFFFFF; background-color: #30353b; border-color: #2d3237; box-shadow: 0 0 0 0.25rem rgba(86, 91, 97, 0.5); } .btn-check:checked + .o_cc4 .btn-fill-primary, .btn-check:checked + .o_cc4 .btn-primary, .btn-check:active + .o_cc4 .btn-fill-primary, .btn-check:active + .o_cc4 .btn-primary, .o_cc4 .btn-fill-primary:active, .o_cc4 .btn-primary:active, .o_cc4 .btn-fill-primary.active, .o_cc4 .active.btn-primary, .show > .o_cc4 .btn-fill-primary.dropdown-toggle, .show > .o_cc4 .dropdown-toggle.btn-primary, .btn-check:checked + .o_colored_level .o_cc4 .btn-fill-primary, .btn-check:active + .o_colored_level .o_cc4 .btn-fill-primary, .o_colored_level .o_cc4 .btn-fill-primary:active, .o_colored_level .o_cc4 .btn-fill-primary.active, .show > .o_colored_level .o_cc4 .btn-fill-primary.dropdown-toggle { color: #FFFFFF; background-color: #2d3237; border-color: #2a2f34; } .btn-check:checked + .o_cc4 .btn-fill-primary:focus, .btn-check:checked + .o_cc4 .btn-primary:focus, .btn-check:active + .o_cc4 .btn-fill-primary:focus, .btn-check:active + .o_cc4 .btn-primary:focus, .o_cc4 .btn-fill-primary:active:focus, .o_cc4 .btn-primary:active:focus, .o_cc4 .btn-fill-primary.active:focus, .o_cc4 .active.btn-primary:focus, .show > .o_cc4 .btn-fill-primary.dropdown-toggle:focus, .show > .o_cc4 .dropdown-toggle.btn-primary:focus, .btn-check:checked + .o_colored_level .o_cc4 .btn-fill-primary:focus, .btn-check:active + .o_colored_level .o_cc4 .btn-fill-primary:focus, .o_colored_level .o_cc4 .btn-fill-primary:active:focus, .o_colored_level .o_cc4 .btn-fill-primary.active:focus, .show > .o_colored_level .o_cc4 .btn-fill-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.25rem rgba(86, 91, 97, 0.5); } .o_cc4 .btn-fill-primary:disabled, .o_cc4 .btn-fill-primary.o_wysiwyg_loader, .o_cc4 .btn-primary:disabled, .o_cc4 .btn-primary.o_wysiwyg_loader, .o_cc4 .btn-fill-primary.disabled, .o_cc4 .disabled.btn-primary, .o_colored_level .o_cc4 .btn-fill-primary:disabled, .o_colored_level .o_cc4 .btn-fill-primary.disabled { color: #FFFFFF; background-color: #383E45; border-color: #383E45; } .o_cc4 .btn-outline-primary, .o_colored_level .o_cc4 .btn-outline-primary { color: #383E45; border-color: #383E45; } .o_cc4 .btn-outline-primary:hover, .o_colored_level .o_cc4 .btn-outline-primary:hover { color: #FFFFFF; background-color: #383E45; border-color: #383E45; } .btn-check:focus + .o_cc4 .btn-outline-primary, .o_cc4 .btn-outline-primary:focus, .btn-check:focus + .o_colored_level .o_cc4 .btn-outline-primary, .o_colored_level .o_cc4 .btn-outline-primary:focus { box-shadow: 0 0 0 0.25rem rgba(56, 62, 69, 0.5); } .btn-check:checked + .o_cc4 .btn-outline-primary, .btn-check:active + .o_cc4 .btn-outline-primary, .o_cc4 .btn-outline-primary:active, .o_cc4 .btn-outline-primary.active, .o_cc4 .btn-outline-primary.dropdown-toggle.show, .btn-check:checked + .o_colored_level .o_cc4 .btn-outline-primary, .btn-check:active + .o_colored_level .o_cc4 .btn-outline-primary, .o_colored_level .o_cc4 .btn-outline-primary:active, .o_colored_level .o_cc4 .btn-outline-primary.active, .o_colored_level .o_cc4 .btn-outline-primary.dropdown-toggle.show { color: #FFFFFF; background-color: #383E45; border-color: #383E45; } .btn-check:checked + .o_cc4 .btn-outline-primary:focus, .btn-check:active + .o_cc4 .btn-outline-primary:focus, .o_cc4 .btn-outline-primary:active:focus, .o_cc4 .btn-outline-primary.active:focus, .o_cc4 .btn-outline-primary.dropdown-toggle.show:focus, .btn-check:checked + .o_colored_level .o_cc4 .btn-outline-primary:focus, .btn-check:active + .o_colored_level .o_cc4 .btn-outline-primary:focus, .o_colored_level .o_cc4 .btn-outline-primary:active:focus, .o_colored_level .o_cc4 .btn-outline-primary.active:focus, .o_colored_level .o_cc4 .btn-outline-primary.dropdown-toggle.show:focus { box-shadow: 0 0 0 0.25rem rgba(56, 62, 69, 0.5); } .o_cc4 .btn-outline-primary:disabled, .o_cc4 .btn-outline-primary.o_wysiwyg_loader, .o_cc4 .btn-outline-primary.disabled, .o_colored_level .o_cc4 .btn-outline-primary:disabled, .o_colored_level .o_cc4 .btn-outline-primary.disabled { color: #383E45; background-color: transparent; } .o_cc4 .btn-fill-secondary, .o_cc4 .btn-secondary, .o_colored_level .o_cc4 .btn-fill-secondary { color: #212529; background-color: #F6F6F6; border-color: #F6F6F6; } .o_cc4 .btn-fill-secondary:hover, .o_cc4 .btn-secondary:hover, .o_colored_level .o_cc4 .btn-fill-secondary:hover { color: #212529; background-color: #f7f7f7; border-color: #f7f7f7; } .btn-check:focus + .o_cc4 .btn-fill-secondary, .btn-check:focus + .o_cc4 .btn-secondary, .o_cc4 .btn-fill-secondary:focus, .o_cc4 .btn-secondary:focus, .btn-check:focus + .o_colored_level .o_cc4 .btn-fill-secondary, .o_colored_level .o_cc4 .btn-fill-secondary:focus { color: #212529; background-color: #f7f7f7; border-color: #f7f7f7; box-shadow: 0 0 0 0.25rem rgba(214, 215, 215, 0.5); } .btn-check:checked + .o_cc4 .btn-fill-secondary, .btn-check:checked + .o_cc4 .btn-secondary, .btn-check:active + .o_cc4 .btn-fill-secondary, .btn-check:active + .o_cc4 .btn-secondary, .o_cc4 .btn-fill-secondary:active, .o_cc4 .btn-secondary:active, .o_cc4 .btn-fill-secondary.active, .o_cc4 .active.btn-secondary, .show > .o_cc4 .btn-fill-secondary.dropdown-toggle, .show > .o_cc4 .dropdown-toggle.btn-secondary, .btn-check:checked + .o_colored_level .o_cc4 .btn-fill-secondary, .btn-check:active + .o_colored_level .o_cc4 .btn-fill-secondary, .o_colored_level .o_cc4 .btn-fill-secondary:active, .o_colored_level .o_cc4 .btn-fill-secondary.active, .show > .o_colored_level .o_cc4 .btn-fill-secondary.dropdown-toggle { color: #212529; background-color: #f8f8f8; border-color: #f7f7f7; } .btn-check:checked + .o_cc4 .btn-fill-secondary:focus, .btn-check:checked + .o_cc4 .btn-secondary:focus, .btn-check:active + .o_cc4 .btn-fill-secondary:focus, .btn-check:active + .o_cc4 .btn-secondary:focus, .o_cc4 .btn-fill-secondary:active:focus, .o_cc4 .btn-secondary:active:focus, .o_cc4 .btn-fill-secondary.active:focus, .o_cc4 .active.btn-secondary:focus, .show > .o_cc4 .btn-fill-secondary.dropdown-toggle:focus, .show > .o_cc4 .dropdown-toggle.btn-secondary:focus, .btn-check:checked + .o_colored_level .o_cc4 .btn-fill-secondary:focus, .btn-check:active + .o_colored_level .o_cc4 .btn-fill-secondary:focus, .o_colored_level .o_cc4 .btn-fill-secondary:active:focus, .o_colored_level .o_cc4 .btn-fill-secondary.active:focus, .show > .o_colored_level .o_cc4 .btn-fill-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0.25rem rgba(214, 215, 215, 0.5); } .o_cc4 .btn-fill-secondary:disabled, .o_cc4 .btn-fill-secondary.o_wysiwyg_loader, .o_cc4 .btn-secondary:disabled, .o_cc4 .btn-secondary.o_wysiwyg_loader, .o_cc4 .btn-fill-secondary.disabled, .o_cc4 .disabled.btn-secondary, .o_colored_level .o_cc4 .btn-fill-secondary:disabled, .o_colored_level .o_cc4 .btn-fill-secondary.disabled { color: #212529; background-color: #F6F6F6; border-color: #F6F6F6; } .o_cc4 .btn-outline-secondary, .o_colored_level .o_cc4 .btn-outline-secondary { color: #F6F6F6; border-color: #F6F6F6; } .o_cc4 .btn-outline-secondary:hover, .o_colored_level .o_cc4 .btn-outline-secondary:hover { color: #212529; background-color: #F6F6F6; border-color: #F6F6F6; } .btn-check:focus + .o_cc4 .btn-outline-secondary, .o_cc4 .btn-outline-secondary:focus, .btn-check:focus + .o_colored_level .o_cc4 .btn-outline-secondary, .o_colored_level .o_cc4 .btn-outline-secondary:focus { box-shadow: 0 0 0 0.25rem rgba(246, 246, 246, 0.5); } .btn-check:checked + .o_cc4 .btn-outline-secondary, .btn-check:active + .o_cc4 .btn-outline-secondary, .o_cc4 .btn-outline-secondary:active, .o_cc4 .btn-outline-secondary.active, .o_cc4 .btn-outline-secondary.dropdown-toggle.show, .btn-check:checked + .o_colored_level .o_cc4 .btn-outline-secondary, .btn-check:active + .o_colored_level .o_cc4 .btn-outline-secondary, .o_colored_level .o_cc4 .btn-outline-secondary:active, .o_colored_level .o_cc4 .btn-outline-secondary.active, .o_colored_level .o_cc4 .btn-outline-secondary.dropdown-toggle.show { color: #212529; background-color: #F6F6F6; border-color: #F6F6F6; } .btn-check:checked + .o_cc4 .btn-outline-secondary:focus, .btn-check:active + .o_cc4 .btn-outline-secondary:focus, .o_cc4 .btn-outline-secondary:active:focus, .o_cc4 .btn-outline-secondary.active:focus, .o_cc4 .btn-outline-secondary.dropdown-toggle.show:focus, .btn-check:checked + .o_colored_level .o_cc4 .btn-outline-secondary:focus, .btn-check:active + .o_colored_level .o_cc4 .btn-outline-secondary:focus, .o_colored_level .o_cc4 .btn-outline-secondary:active:focus, .o_colored_level .o_cc4 .btn-outline-secondary.active:focus, .o_colored_level .o_cc4 .btn-outline-secondary.dropdown-toggle.show:focus { box-shadow: 0 0 0 0.25rem rgba(246, 246, 246, 0.5); } .o_cc4 .btn-outline-secondary:disabled, .o_cc4 .btn-outline-secondary.o_wysiwyg_loader, .o_cc4 .btn-outline-secondary.disabled, .o_colored_level .o_cc4 .btn-outline-secondary:disabled, .o_colored_level .o_cc4 .btn-outline-secondary.disabled { color: #F6F6F6; background-color: transparent; } .o_cc4 .nav-pills .nav-link.active, .o_cc4 .nav-pills .show > .nav-link, .o_colored_level .o_cc4 .nav-pills .nav-link.active, .o_colored_level .o_cc4 .nav-pills .show > .nav-link { background-color: #383E45; color: #FFFFFF; } .o_cc4 .dropdown-menu .dropdown-item.active, .o_cc4 .o_dropdown_menu .dropdown-item.active, .o_cc4 .dropdown-menu .dropdown-item.active h6, .o_cc4 .o_dropdown_menu .dropdown-item.active h6, .o_cc4 .dropdown-menu .dropdown-item.active .h6, .o_cc4 .o_dropdown_menu .dropdown-item.active .h6, .o_cc4 .dropdown-menu .dropdown-item:active, .o_cc4 .o_dropdown_menu .dropdown-item:active, .o_cc4 .dropdown-menu .dropdown-item:active h6, .o_cc4 .o_dropdown_menu .dropdown-item:active h6, .o_cc4 .dropdown-menu .dropdown-item:active .h6, .o_cc4 .o_dropdown_menu .dropdown-item:active .h6, .o_colored_level .o_cc4 .dropdown-menu .dropdown-item.active, .o_colored_level .o_cc4 .dropdown-menu .dropdown-item.active h6, .o_colored_level .o_cc4 .dropdown-menu .dropdown-item:active, .o_colored_level .o_cc4 .dropdown-menu .dropdown-item:active h6 { background-color: #383E45; color: #FFFFFF !important; } .o_cc4 .dropdown-menu .dropdown-item.active:hover, .o_cc4 .o_dropdown_menu .dropdown-item.active:hover, .o_cc4 .dropdown-menu .dropdown-item.active:focus, .o_cc4 .o_dropdown_menu .dropdown-item.active:focus, .o_cc4 .dropdown-menu .dropdown-item.active h6:hover, .o_cc4 .o_dropdown_menu .dropdown-item.active h6:hover, .o_cc4 .dropdown-menu .dropdown-item.active .h6:hover, .o_cc4 .o_dropdown_menu .dropdown-item.active .h6:hover, .o_cc4 .dropdown-menu .dropdown-item.active h6:focus, .o_cc4 .o_dropdown_menu .dropdown-item.active h6:focus, .o_cc4 .dropdown-menu .dropdown-item.active .h6:focus, .o_cc4 .o_dropdown_menu .dropdown-item.active .h6:focus, .o_cc4 .dropdown-menu .dropdown-item:active:hover, .o_cc4 .o_dropdown_menu .dropdown-item:active:hover, .o_cc4 .dropdown-menu .dropdown-item:active:focus, .o_cc4 .o_dropdown_menu .dropdown-item:active:focus, .o_cc4 .dropdown-menu .dropdown-item:active h6:hover, .o_cc4 .o_dropdown_menu .dropdown-item:active h6:hover, .o_cc4 .dropdown-menu .dropdown-item:active .h6:hover, .o_cc4 .o_dropdown_menu .dropdown-item:active .h6:hover, .o_cc4 .dropdown-menu .dropdown-item:active h6:focus, .o_cc4 .o_dropdown_menu .dropdown-item:active h6:focus, .o_cc4 .dropdown-menu .dropdown-item:active .h6:focus, .o_cc4 .o_dropdown_menu .dropdown-item:active .h6:focus, .o_colored_level .o_cc4 .dropdown-menu .dropdown-item.active:hover, .o_colored_level .o_cc4 .dropdown-menu .dropdown-item.active:focus, .o_colored_level .o_cc4 .dropdown-menu .dropdown-item.active h6:hover, .o_colored_level .o_cc4 .dropdown-menu .dropdown-item.active h6:focus, .o_colored_level .o_cc4 .dropdown-menu .dropdown-item:active:hover, .o_colored_level .o_cc4 .dropdown-menu .dropdown-item:active:focus, .o_colored_level .o_cc4 .dropdown-menu .dropdown-item:active h6:hover, .o_colored_level .o_cc4 .dropdown-menu .dropdown-item:active h6:focus { color: #FFFFFF !important; } .o_cc4 a.list-group-item, .o_colored_level .o_cc4 a.list-group-item { color: #383E45; } .o_cc4 a.list-group-item.active, .o_colored_level .o_cc4 a.list-group-item.active { background-color: #383E45; color: #FFFFFF; border-color: #383E45; } .o_cc5, .o_footer { background-color: #383E45; color: #FFFFFF; } .o_cc5 .text-muted, .o_footer .text-muted, .o_colored_level .o_cc5 .text-muted { color: rgba(255, 255, 255, 0.7) !important; } .o_cc5 h1, .o_footer h1, .o_cc5 .h1, .o_footer .h1, .o_cc5 h2, .o_footer h2, .o_cc5 .h2, .o_footer .h2, .o_cc5 h3, .o_footer h3, .o_cc5 .h3, .o_footer .h3, .o_cc5 h4, .o_footer h4, .o_cc5 .h4, .o_footer .h4, .o_cc5 h5, .o_footer h5, .o_cc5 .h5, .o_footer .h5, .o_cc5 h6, .o_footer h6, .o_cc5 .h6, .o_footer .h6, .o_colored_level .o_cc5 h1, .o_colored_level .o_cc5 h2, .o_colored_level .o_cc5 h3, .o_colored_level .o_cc5 h4, .o_colored_level .o_cc5 h5, .o_colored_level .o_cc5 h6 { color: #FFFFFF; } .o_cc5 a:not(.btn), .o_footer a:not(.btn), .o_cc5 .btn-link, .o_footer .btn-link, .o_colored_level .o_cc5 a:not(.btn), .o_colored_level .o_cc5 .btn-link { color: #57c1c6; } .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: #35979c; } .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 { color: #FFFFFF; background-color: #35979c; border-color: #35979c; } .o_cc5 .btn-fill-primary:hover, .o_footer .btn-fill-primary:hover, .o_cc5 .btn-primary:hover, .o_footer .btn-primary:hover, .o_colored_level .o_cc5 .btn-fill-primary:hover { color: #FFFFFF; background-color: #2d8084; border-color: #2a797c; } .btn-check:focus + .o_cc5 .btn-fill-primary, .btn-check:focus + .o_footer .btn-fill-primary, .btn-check:focus + .o_cc5 .btn-primary, .btn-check:focus + .o_footer .btn-primary, .o_cc5 .btn-fill-primary:focus, .o_footer .btn-fill-primary:focus, .o_cc5 .btn-primary:focus, .o_footer .btn-primary:focus, .btn-check:focus + .o_colored_level .o_cc5 .btn-fill-primary, .o_colored_level .o_cc5 .btn-fill-primary:focus { color: #FFFFFF; background-color: #2d8084; border-color: #2a797c; box-shadow: 0 0 0 0.25rem rgba(83, 166, 170, 0.5); } .btn-check:checked + .o_cc5 .btn-fill-primary, .btn-check:checked + .o_footer .btn-fill-primary, .btn-check:checked + .o_cc5 .btn-primary, .btn-check:checked + .o_footer .btn-primary, .btn-check:active + .o_cc5 .btn-fill-primary, .btn-check:active + .o_footer .btn-fill-primary, .btn-check:active + .o_cc5 .btn-primary, .btn-check:active + .o_footer .btn-primary, .o_cc5 .btn-fill-primary:active, .o_footer .btn-fill-primary:active, .o_cc5 .btn-primary:active, .o_footer .btn-primary:active, .o_cc5 .btn-fill-primary.active, .o_footer .btn-fill-primary.active, .o_cc5 .active.btn-primary, .o_footer .active.btn-primary, .show > .o_cc5 .btn-fill-primary.dropdown-toggle, .show > .o_footer .btn-fill-primary.dropdown-toggle, .show > .o_cc5 .dropdown-toggle.btn-primary, .show > .o_footer .dropdown-toggle.btn-primary, .btn-check:checked + .o_colored_level .o_cc5 .btn-fill-primary, .btn-check:active + .o_colored_level .o_cc5 .btn-fill-primary, .o_colored_level .o_cc5 .btn-fill-primary:active, .o_colored_level .o_cc5 .btn-fill-primary.active, .show > .o_colored_level .o_cc5 .btn-fill-primary.dropdown-toggle { color: #FFFFFF; background-color: #2a797c; border-color: #287175; } .btn-check:checked + .o_cc5 .btn-fill-primary:focus, .btn-check:checked + .o_footer .btn-fill-primary:focus, .btn-check:checked + .o_cc5 .btn-primary:focus, .btn-check:checked + .o_footer .btn-primary:focus, .btn-check:active + .o_cc5 .btn-fill-primary:focus, .btn-check:active + .o_footer .btn-fill-primary:focus, .btn-check:active + .o_cc5 .btn-primary:focus, .btn-check:active + .o_footer .btn-primary:focus, .o_cc5 .btn-fill-primary:active:focus, .o_footer .btn-fill-primary:active:focus, .o_cc5 .btn-primary:active:focus, .o_footer .btn-primary:active:focus, .o_cc5 .btn-fill-primary.active:focus, .o_footer .btn-fill-primary.active:focus, .o_cc5 .active.btn-primary:focus, .o_footer .active.btn-primary:focus, .show > .o_cc5 .btn-fill-primary.dropdown-toggle:focus, .show > .o_footer .btn-fill-primary.dropdown-toggle:focus, .show > .o_cc5 .dropdown-toggle.btn-primary:focus, .show > .o_footer .dropdown-toggle.btn-primary:focus, .btn-check:checked + .o_colored_level .o_cc5 .btn-fill-primary:focus, .btn-check:active + .o_colored_level .o_cc5 .btn-fill-primary:focus, .o_colored_level .o_cc5 .btn-fill-primary:active:focus, .o_colored_level .o_cc5 .btn-fill-primary.active:focus, .show > .o_colored_level .o_cc5 .btn-fill-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.25rem rgba(83, 166, 170, 0.5); } .o_cc5 .btn-fill-primary:disabled, .o_footer .btn-fill-primary:disabled, .o_cc5 .btn-fill-primary.o_wysiwyg_loader, .o_footer .btn-fill-primary.o_wysiwyg_loader, .o_cc5 .btn-primary:disabled, .o_footer .btn-primary:disabled, .o_cc5 .btn-primary.o_wysiwyg_loader, .o_footer .btn-primary.o_wysiwyg_loader, .o_cc5 .btn-fill-primary.disabled, .o_footer .btn-fill-primary.disabled, .o_cc5 .disabled.btn-primary, .o_footer .disabled.btn-primary, .o_colored_level .o_cc5 .btn-fill-primary:disabled, .o_colored_level .o_cc5 .btn-fill-primary.disabled { color: #FFFFFF; background-color: #35979c; border-color: #35979c; } .o_cc5 .btn-outline-primary, .o_footer .btn-outline-primary, .o_colored_level .o_cc5 .btn-outline-primary { color: #35979c; border-color: #35979c; } .o_cc5 .btn-outline-primary:hover, .o_footer .btn-outline-primary:hover, .o_colored_level .o_cc5 .btn-outline-primary:hover { color: #FFFFFF; background-color: #35979c; border-color: #35979c; } .btn-check:focus + .o_cc5 .btn-outline-primary, .btn-check:focus + .o_footer .btn-outline-primary, .o_cc5 .btn-outline-primary:focus, .o_footer .btn-outline-primary:focus, .btn-check:focus + .o_colored_level .o_cc5 .btn-outline-primary, .o_colored_level .o_cc5 .btn-outline-primary:focus { box-shadow: 0 0 0 0.25rem rgba(53, 151, 156, 0.5); } .btn-check:checked + .o_cc5 .btn-outline-primary, .btn-check:checked + .o_footer .btn-outline-primary, .btn-check:active + .o_cc5 .btn-outline-primary, .btn-check:active + .o_footer .btn-outline-primary, .o_cc5 .btn-outline-primary:active, .o_footer .btn-outline-primary:active, .o_cc5 .btn-outline-primary.active, .o_footer .btn-outline-primary.active, .o_cc5 .btn-outline-primary.dropdown-toggle.show, .o_footer .btn-outline-primary.dropdown-toggle.show, .btn-check:checked + .o_colored_level .o_cc5 .btn-outline-primary, .btn-check:active + .o_colored_level .o_cc5 .btn-outline-primary, .o_colored_level .o_cc5 .btn-outline-primary:active, .o_colored_level .o_cc5 .btn-outline-primary.active, .o_colored_level .o_cc5 .btn-outline-primary.dropdown-toggle.show { color: #FFFFFF; background-color: #35979c; border-color: #35979c; } .btn-check:checked + .o_cc5 .btn-outline-primary:focus, .btn-check:checked + .o_footer .btn-outline-primary:focus, .btn-check:active + .o_cc5 .btn-outline-primary:focus, .btn-check:active + .o_footer .btn-outline-primary:focus, .o_cc5 .btn-outline-primary:active:focus, .o_footer .btn-outline-primary:active:focus, .o_cc5 .btn-outline-primary.active:focus, .o_footer .btn-outline-primary.active:focus, .o_cc5 .btn-outline-primary.dropdown-toggle.show:focus, .o_footer .btn-outline-primary.dropdown-toggle.show:focus, .btn-check:checked + .o_colored_level .o_cc5 .btn-outline-primary:focus, .btn-check:active + .o_colored_level .o_cc5 .btn-outline-primary:focus, .o_colored_level .o_cc5 .btn-outline-primary:active:focus, .o_colored_level .o_cc5 .btn-outline-primary.active:focus, .o_colored_level .o_cc5 .btn-outline-primary.dropdown-toggle.show:focus { box-shadow: 0 0 0 0.25rem rgba(53, 151, 156, 0.5); } .o_cc5 .btn-outline-primary:disabled, .o_footer .btn-outline-primary:disabled, .o_cc5 .btn-outline-primary.o_wysiwyg_loader, .o_footer .btn-outline-primary.o_wysiwyg_loader, .o_cc5 .btn-outline-primary.disabled, .o_footer .btn-outline-primary.disabled, .o_colored_level .o_cc5 .btn-outline-primary:disabled, .o_colored_level .o_cc5 .btn-outline-primary.disabled { color: #35979c; background-color: transparent; } .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 { color: #212529; background-color: #F6F6F6; border-color: #F6F6F6; } .o_cc5 .btn-fill-secondary:hover, .o_footer .btn-fill-secondary:hover, .o_cc5 .btn-secondary:hover, .o_footer .btn-secondary:hover, .o_colored_level .o_cc5 .btn-fill-secondary:hover { color: #212529; background-color: #f7f7f7; border-color: #f7f7f7; } .btn-check:focus + .o_cc5 .btn-fill-secondary, .btn-check:focus + .o_footer .btn-fill-secondary, .btn-check:focus + .o_cc5 .btn-secondary, .btn-check:focus + .o_footer .btn-secondary, .o_cc5 .btn-fill-secondary:focus, .o_footer .btn-fill-secondary:focus, .o_cc5 .btn-secondary:focus, .o_footer .btn-secondary:focus, .btn-check:focus + .o_colored_level .o_cc5 .btn-fill-secondary, .o_colored_level .o_cc5 .btn-fill-secondary:focus { color: #212529; background-color: #f7f7f7; border-color: #f7f7f7; box-shadow: 0 0 0 0.25rem rgba(214, 215, 215, 0.5); } .btn-check:checked + .o_cc5 .btn-fill-secondary, .btn-check:checked + .o_footer .btn-fill-secondary, .btn-check:checked + .o_cc5 .btn-secondary, .btn-check:checked + .o_footer .btn-secondary, .btn-check:active + .o_cc5 .btn-fill-secondary, .btn-check:active + .o_footer .btn-fill-secondary, .btn-check:active + .o_cc5 .btn-secondary, .btn-check:active + .o_footer .btn-secondary, .o_cc5 .btn-fill-secondary:active, .o_footer .btn-fill-secondary:active, .o_cc5 .btn-secondary:active, .o_footer .btn-secondary:active, .o_cc5 .btn-fill-secondary.active, .o_footer .btn-fill-secondary.active, .o_cc5 .active.btn-secondary, .o_footer .active.btn-secondary, .show > .o_cc5 .btn-fill-secondary.dropdown-toggle, .show > .o_footer .btn-fill-secondary.dropdown-toggle, .show > .o_cc5 .dropdown-toggle.btn-secondary, .show > .o_footer .dropdown-toggle.btn-secondary, .btn-check:checked + .o_colored_level .o_cc5 .btn-fill-secondary, .btn-check:active + .o_colored_level .o_cc5 .btn-fill-secondary, .o_colored_level .o_cc5 .btn-fill-secondary:active, .o_colored_level .o_cc5 .btn-fill-secondary.active, .show > .o_colored_level .o_cc5 .btn-fill-secondary.dropdown-toggle { color: #212529; background-color: #f8f8f8; border-color: #f7f7f7; } .btn-check:checked + .o_cc5 .btn-fill-secondary:focus, .btn-check:checked + .o_footer .btn-fill-secondary:focus, .btn-check:checked + .o_cc5 .btn-secondary:focus, .btn-check:checked + .o_footer .btn-secondary:focus, .btn-check:active + .o_cc5 .btn-fill-secondary:focus, .btn-check:active + .o_footer .btn-fill-secondary:focus, .btn-check:active + .o_cc5 .btn-secondary:focus, .btn-check:active + .o_footer .btn-secondary:focus, .o_cc5 .btn-fill-secondary:active:focus, .o_footer .btn-fill-secondary:active:focus, .o_cc5 .btn-secondary:active:focus, .o_footer .btn-secondary:active:focus, .o_cc5 .btn-fill-secondary.active:focus, .o_footer .btn-fill-secondary.active:focus, .o_cc5 .active.btn-secondary:focus, .o_footer .active.btn-secondary:focus, .show > .o_cc5 .btn-fill-secondary.dropdown-toggle:focus, .show > .o_footer .btn-fill-secondary.dropdown-toggle:focus, .show > .o_cc5 .dropdown-toggle.btn-secondary:focus, .show > .o_footer .dropdown-toggle.btn-secondary:focus, .btn-check:checked + .o_colored_level .o_cc5 .btn-fill-secondary:focus, .btn-check:active + .o_colored_level .o_cc5 .btn-fill-secondary:focus, .o_colored_level .o_cc5 .btn-fill-secondary:active:focus, .o_colored_level .o_cc5 .btn-fill-secondary.active:focus, .show > .o_colored_level .o_cc5 .btn-fill-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0.25rem rgba(214, 215, 215, 0.5); } .o_cc5 .btn-fill-secondary:disabled, .o_footer .btn-fill-secondary:disabled, .o_cc5 .btn-fill-secondary.o_wysiwyg_loader, .o_footer .btn-fill-secondary.o_wysiwyg_loader, .o_cc5 .btn-secondary:disabled, .o_footer .btn-secondary:disabled, .o_cc5 .btn-secondary.o_wysiwyg_loader, .o_footer .btn-secondary.o_wysiwyg_loader, .o_cc5 .btn-fill-secondary.disabled, .o_footer .btn-fill-secondary.disabled, .o_cc5 .disabled.btn-secondary, .o_footer .disabled.btn-secondary, .o_colored_level .o_cc5 .btn-fill-secondary:disabled, .o_colored_level .o_cc5 .btn-fill-secondary.disabled { color: #212529; background-color: #F6F6F6; border-color: #F6F6F6; } .o_cc5 .btn-outline-secondary, .o_footer .btn-outline-secondary, .o_colored_level .o_cc5 .btn-outline-secondary { color: #F6F6F6; border-color: #F6F6F6; } .o_cc5 .btn-outline-secondary:hover, .o_footer .btn-outline-secondary:hover, .o_colored_level .o_cc5 .btn-outline-secondary:hover { color: #212529; background-color: #F6F6F6; border-color: #F6F6F6; } .btn-check:focus + .o_cc5 .btn-outline-secondary, .btn-check:focus + .o_footer .btn-outline-secondary, .o_cc5 .btn-outline-secondary:focus, .o_footer .btn-outline-secondary:focus, .btn-check:focus + .o_colored_level .o_cc5 .btn-outline-secondary, .o_colored_level .o_cc5 .btn-outline-secondary:focus { box-shadow: 0 0 0 0.25rem rgba(246, 246, 246, 0.5); } .btn-check:checked + .o_cc5 .btn-outline-secondary, .btn-check:checked + .o_footer .btn-outline-secondary, .btn-check:active + .o_cc5 .btn-outline-secondary, .btn-check:active + .o_footer .btn-outline-secondary, .o_cc5 .btn-outline-secondary:active, .o_footer .btn-outline-secondary:active, .o_cc5 .btn-outline-secondary.active, .o_footer .btn-outline-secondary.active, .o_cc5 .btn-outline-secondary.dropdown-toggle.show, .o_footer .btn-outline-secondary.dropdown-toggle.show, .btn-check:checked + .o_colored_level .o_cc5 .btn-outline-secondary, .btn-check:active + .o_colored_level .o_cc5 .btn-outline-secondary, .o_colored_level .o_cc5 .btn-outline-secondary:active, .o_colored_level .o_cc5 .btn-outline-secondary.active, .o_colored_level .o_cc5 .btn-outline-secondary.dropdown-toggle.show { color: #212529; background-color: #F6F6F6; border-color: #F6F6F6; } .btn-check:checked + .o_cc5 .btn-outline-secondary:focus, .btn-check:checked + .o_footer .btn-outline-secondary:focus, .btn-check:active + .o_cc5 .btn-outline-secondary:focus, .btn-check:active + .o_footer .btn-outline-secondary:focus, .o_cc5 .btn-outline-secondary:active:focus, .o_footer .btn-outline-secondary:active:focus, .o_cc5 .btn-outline-secondary.active:focus, .o_footer .btn-outline-secondary.active:focus, .o_cc5 .btn-outline-secondary.dropdown-toggle.show:focus, .o_footer .btn-outline-secondary.dropdown-toggle.show:focus, .btn-check:checked + .o_colored_level .o_cc5 .btn-outline-secondary:focus, .btn-check:active + .o_colored_level .o_cc5 .btn-outline-secondary:focus, .o_colored_level .o_cc5 .btn-outline-secondary:active:focus, .o_colored_level .o_cc5 .btn-outline-secondary.active:focus, .o_colored_level .o_cc5 .btn-outline-secondary.dropdown-toggle.show:focus { box-shadow: 0 0 0 0.25rem rgba(246, 246, 246, 0.5); } .o_cc5 .btn-outline-secondary:disabled, .o_footer .btn-outline-secondary:disabled, .o_cc5 .btn-outline-secondary.o_wysiwyg_loader, .o_footer .btn-outline-secondary.o_wysiwyg_loader, .o_cc5 .btn-outline-secondary.disabled, .o_footer .btn-outline-secondary.disabled, .o_colored_level .o_cc5 .btn-outline-secondary:disabled, .o_colored_level .o_cc5 .btn-outline-secondary.disabled { color: #F6F6F6; background-color: transparent; } .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: #35979c; color: #FFFFFF; } .o_cc5 .dropdown-menu .dropdown-item.active, .o_cc5 .o_dropdown_menu .dropdown-item.active, .o_footer .dropdown-menu .dropdown-item.active, .o_footer .o_dropdown_menu .dropdown-item.active, .o_cc5 .dropdown-menu .dropdown-item.active h6, .o_cc5 .o_dropdown_menu .dropdown-item.active h6, .o_footer .dropdown-menu .dropdown-item.active h6, .o_footer .o_dropdown_menu .dropdown-item.active h6, .o_cc5 .dropdown-menu .dropdown-item.active .h6, .o_cc5 .o_dropdown_menu .dropdown-item.active .h6, .o_footer .dropdown-menu .dropdown-item.active .h6, .o_footer .o_dropdown_menu .dropdown-item.active .h6, .o_cc5 .dropdown-menu .dropdown-item:active, .o_cc5 .o_dropdown_menu .dropdown-item:active, .o_footer .dropdown-menu .dropdown-item:active, .o_footer .o_dropdown_menu .dropdown-item:active, .o_cc5 .dropdown-menu .dropdown-item:active h6, .o_cc5 .o_dropdown_menu .dropdown-item:active h6, .o_footer .dropdown-menu .dropdown-item:active h6, .o_footer .o_dropdown_menu .dropdown-item:active h6, .o_cc5 .dropdown-menu .dropdown-item:active .h6, .o_cc5 .o_dropdown_menu .dropdown-item:active .h6, .o_footer .dropdown-menu .dropdown-item:active .h6, .o_footer .o_dropdown_menu .dropdown-item:active .h6, .o_colored_level .o_cc5 .dropdown-menu .dropdown-item.active, .o_colored_level .o_cc5 .dropdown-menu .dropdown-item.active h6, .o_colored_level .o_cc5 .dropdown-menu .dropdown-item:active, .o_colored_level .o_cc5 .dropdown-menu .dropdown-item:active h6 { background-color: #35979c; color: #FFFFFF !important; } .o_cc5 .dropdown-menu .dropdown-item.active:hover, .o_cc5 .o_dropdown_menu .dropdown-item.active:hover, .o_footer .dropdown-menu .dropdown-item.active:hover, .o_footer .o_dropdown_menu .dropdown-item.active:hover, .o_cc5 .dropdown-menu .dropdown-item.active:focus, .o_cc5 .o_dropdown_menu .dropdown-item.active:focus, .o_footer .dropdown-menu .dropdown-item.active:focus, .o_footer .o_dropdown_menu .dropdown-item.active:focus, .o_cc5 .dropdown-menu .dropdown-item.active h6:hover, .o_cc5 .o_dropdown_menu .dropdown-item.active h6:hover, .o_footer .dropdown-menu .dropdown-item.active h6:hover, .o_footer .o_dropdown_menu .dropdown-item.active h6:hover, .o_cc5 .dropdown-menu .dropdown-item.active .h6:hover, .o_cc5 .o_dropdown_menu .dropdown-item.active .h6:hover, .o_footer .dropdown-menu .dropdown-item.active .h6:hover, .o_footer .o_dropdown_menu .dropdown-item.active .h6:hover, .o_cc5 .dropdown-menu .dropdown-item.active h6:focus, .o_cc5 .o_dropdown_menu .dropdown-item.active h6:focus, .o_footer .dropdown-menu .dropdown-item.active h6:focus, .o_footer .o_dropdown_menu .dropdown-item.active h6:focus, .o_cc5 .dropdown-menu .dropdown-item.active .h6:focus, .o_cc5 .o_dropdown_menu .dropdown-item.active .h6:focus, .o_footer .dropdown-menu .dropdown-item.active .h6:focus, .o_footer .o_dropdown_menu .dropdown-item.active .h6:focus, .o_cc5 .dropdown-menu .dropdown-item:active:hover, .o_cc5 .o_dropdown_menu .dropdown-item:active:hover, .o_footer .dropdown-menu .dropdown-item:active:hover, .o_footer .o_dropdown_menu .dropdown-item:active:hover, .o_cc5 .dropdown-menu .dropdown-item:active:focus, .o_cc5 .o_dropdown_menu .dropdown-item:active:focus, .o_footer .dropdown-menu .dropdown-item:active:focus, .o_footer .o_dropdown_menu .dropdown-item:active:focus, .o_cc5 .dropdown-menu .dropdown-item:active h6:hover, .o_cc5 .o_dropdown_menu .dropdown-item:active h6:hover, .o_footer .dropdown-menu .dropdown-item:active h6:hover, .o_footer .o_dropdown_menu .dropdown-item:active h6:hover, .o_cc5 .dropdown-menu .dropdown-item:active .h6:hover, .o_cc5 .o_dropdown_menu .dropdown-item:active .h6:hover, .o_footer .dropdown-menu .dropdown-item:active .h6:hover, .o_footer .o_dropdown_menu .dropdown-item:active .h6:hover, .o_cc5 .dropdown-menu .dropdown-item:active h6:focus, .o_cc5 .o_dropdown_menu .dropdown-item:active h6:focus, .o_footer .dropdown-menu .dropdown-item:active h6:focus, .o_footer .o_dropdown_menu .dropdown-item:active h6:focus, .o_cc5 .dropdown-menu .dropdown-item:active .h6:focus, .o_cc5 .o_dropdown_menu .dropdown-item:active .h6:focus, .o_footer .dropdown-menu .dropdown-item:active .h6:focus, .o_footer .o_dropdown_menu .dropdown-item:active .h6:focus, .o_colored_level .o_cc5 .dropdown-menu .dropdown-item.active:hover, .o_colored_level .o_cc5 .dropdown-menu .dropdown-item.active:focus, .o_colored_level .o_cc5 .dropdown-menu .dropdown-item.active h6:hover, .o_colored_level .o_cc5 .dropdown-menu .dropdown-item.active h6:focus, .o_colored_level .o_cc5 .dropdown-menu .dropdown-item:active:hover, .o_colored_level .o_cc5 .dropdown-menu .dropdown-item:active:focus, .o_colored_level .o_cc5 .dropdown-menu .dropdown-item:active h6:hover, .o_colored_level .o_cc5 .dropdown-menu .dropdown-item:active h6:focus { color: #FFFFFF !important; } .o_cc5 a.list-group-item, .o_footer a.list-group-item, .o_colored_level .o_cc5 a.list-group-item { color: #35979c; } .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: #35979c; color: #FFFFFF; border-color: #35979c; } .btn-custom:hover, .btn-fill-custom:hover { filter: invert(0.2); } .btn-outline-custom:not(:hover) { background-color: transparent !important; background-image: none !important; } .o_background_video, .parallax, section, .oe_img_bg, [data-oe-shape-data], .o_background_video > *, .parallax > *, section > *, .oe_img_bg > *, [data-oe-shape-data] > * { position: relative; } .parallax > .s_parallax_bg, .o_bg_video_container, .o_we_shape, .o_we_bg_filter { position: absolute; top: 0; left: 0; bottom: 0; right: 0; position: absolute !important; display: block; overflow: hidden; background-repeat: no-repeat; pointer-events: none; } .o_full_screen_height, .cover_full, .o_half_screen_height, .cover_mid { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; justify-content: space-around; min-height: 100vh !important; } .o_half_screen_height, .cover_mid { min-height: 55vh !important; } @media (min-width: 992px) { .o_container_small { max-width: 720px; } } .oe_img_bg { background-size: cover; background-repeat: no-repeat; } .oe_img_bg.o_bg_img_opt_repeat { background-size: auto; background-repeat: repeat; } .oe_img_bg.o_bg_img_center { background-position: center; } .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 * { background-image: inherit; -webkit-background-clip: inherit; -webkit-text-fill-color: inherit; } .text-gradient .fa { display: inherit; } /* QWEB */ .odoo-editor-editable t, .odoo-editor-editable [t-if], .odoo-editor-editable [t-elif], .odoo-editor-editable [t-else], .odoo-editor-editable [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 t, .odoo-editor-editable [t-esc], .odoo-editor-editable [t-out], .odoo-editor-editable [t-raw], .o_readonly t, .o_readonly [t-esc], .o_readonly [t-out], .o_readonly [t-raw] { border-radius: 2px; } .odoo-editor-editable [t-esc], .odoo-editor-editable [t-out], .odoo-editor-editable [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 [t-esc]:empty::before, .o_readonly [t-esc]:empty::before { content: attr(t-esc); } .odoo-editor-editable [t-raw]:empty::before, .o_readonly [t-raw]:empty::before { content: attr(t-raw); } .odoo-editor-editable [t-out]:empty::before, .o_readonly [t-out]:empty::before { content: attr(t-out); } .odoo-editor-editable t[t-set], .o_readonly t[t-set] { display: none; } .odoo-editor-editable t[data-oe-t-inline], .o_readonly t[data-oe-t-inline] { display: inline; } .odoo-editor-editable t:not([data-oe-t-inline]), .o_readonly t:not([data-oe-t-inline]) { display: block; } .odoo-editor-editable 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 [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 [data-oe-t-group][data-oe-t-selectable], .o_readonly [data-oe-t-group][data-oe-t-selectable] { outline: 1px dashed rgba(0, 0, 102, 0.4) !important; } .oe-qweb-select { position: absolute; z-index: 1056; background-color: white; } .o_we_shape.o_we_animated { will-change: transform; } .o_we_shape.o_web_editor_Airy_01 { background-image: url("/web_editor/shape/web_editor/Airy/01.svg?c1=%2335979c"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Airy_02 { background-image: url("/web_editor/shape/web_editor/Airy/02.svg?c1=%2335979c"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Airy_03 { background-image: url("/web_editor/shape/web_editor/Airy/03.svg?c5=%23383E45"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Airy_03_001 { background-image: url("/web_editor/shape/web_editor/Airy/03_001.svg?c5=%23383E45"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Airy_04 { background-image: url("/web_editor/shape/web_editor/Airy/04.svg?c1=%2335979c"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Airy_04_001 { background-image: url("/web_editor/shape/web_editor/Airy/04_001.svg?c1=%2335979c"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Airy_05 { background-image: url("/web_editor/shape/web_editor/Airy/05.svg?c1=%2335979c"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Airy_05_001 { background-image: url("/web_editor/shape/web_editor/Airy/05_001.svg?c1=%2335979c"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Airy_06 { background-image: url("/web_editor/shape/web_editor/Airy/06.svg?c2=%23685563"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Airy_07 { background-image: url("/web_editor/shape/web_editor/Airy/07.svg?c2=%23685563"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Airy_08 { background-image: url("/web_editor/shape/web_editor/Airy/08.svg?c1=%2335979c"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Airy_09 { background-image: url("/web_editor/shape/web_editor/Airy/09.svg?c1=%2335979c"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Airy_10 { background-image: url("/web_editor/shape/web_editor/Airy/10.svg?c5=%23383E45"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Airy_11 { background-image: url("/web_editor/shape/web_editor/Airy/11.svg?c5=%23383E45"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Airy_12 { background-image: url("/web_editor/shape/web_editor/Airy/12.svg?c1=%2335979c&c3=%23F6F6F6"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Airy_12_001 { background-image: url("/web_editor/shape/web_editor/Airy/12_001.svg?c1=%2335979c&c3=%23F6F6F6"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Airy_13 { background-image: url("/web_editor/shape/web_editor/Airy/13.svg?c1=%2335979c&c4=%23FFFFFF"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Airy_13_001 { background-image: url("/web_editor/shape/web_editor/Airy/13_001.svg?c1=%2335979c&c4=%23FFFFFF"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Airy_14 { background-image: url("/web_editor/shape/web_editor/Airy/14.svg?c1=%2335979c&c4=%23FFFFFF"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Blobs_01 { background-image: url("/web_editor/shape/web_editor/Blobs/01.svg?c2=%23685563"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Blobs_01_001 { background-image: url("/web_editor/shape/web_editor/Blobs/01_001.svg?c2=%23685563"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Blobs_02 { background-image: url("/web_editor/shape/web_editor/Blobs/02.svg?c1=%2335979c&c2=%23685563"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Blobs_03 { background-image: url("/web_editor/shape/web_editor/Blobs/03.svg?c2=%23685563"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Blobs_04 { background-image: url("/web_editor/shape/web_editor/Blobs/04.svg?c5=%23383E45"); background-position: center; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Blobs_05 { background-image: url("/web_editor/shape/web_editor/Blobs/05.svg?c1=%2335979c"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Blobs_06 { background-image: url("/web_editor/shape/web_editor/Blobs/06.svg?c1=%2335979c"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Blobs_07 { background-image: url("/web_editor/shape/web_editor/Blobs/07.svg?c5=%23383E45"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Blobs_08 { background-image: url("/web_editor/shape/web_editor/Blobs/08.svg?c1=%2335979c"); background-position: right; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Blobs_09 { background-image: url("/web_editor/shape/web_editor/Blobs/09.svg?c3=%23F6F6F6"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Blobs_10 { background-image: url("/web_editor/shape/web_editor/Blobs/10.svg?c1=%2335979c&c5=%23383E45"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Blobs_10_001 { background-image: url("/web_editor/shape/web_editor/Blobs/10_001.svg?c1=%2335979c"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Blobs_11 { background-image: url("/web_editor/shape/web_editor/Blobs/11.svg?c1=%2335979c"); background-position: center; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Blobs_12 { background-image: url("/web_editor/shape/web_editor/Blobs/12.svg?c1=%2335979c"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Blocks_01 { background-image: url("/web_editor/shape/web_editor/Blocks/01.svg?c1=%2335979c&c3=%23F6F6F6&c5=%23383E45"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Blocks_01_001 { background-image: url("/web_editor/shape/web_editor/Blocks/01_001.svg?c1=%2335979c&c3=%23F6F6F6&c5=%23383E45"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Blocks_02 { background-image: url("/web_editor/shape/web_editor/Blocks/02.svg?c1=%2335979c&c3=%23F6F6F6&c5=%23383E45"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Blocks_02_001 { background-image: url("/web_editor/shape/web_editor/Blocks/02_001.svg?c1=%2335979c&c3=%23F6F6F6&c5=%23383E45"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Blocks_03 { background-image: url("/web_editor/shape/web_editor/Blocks/03.svg?c1=%2335979c&c4=%23FFFFFF"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Blocks_04 { background-image: url("/web_editor/shape/web_editor/Blocks/04.svg?c1=%2335979c&c2=%23685563&c3=%23F6F6F6&c5=%23383E45"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Bold_01 { background-image: url("/web_editor/shape/web_editor/Bold/01.svg?c2=%23685563"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Bold_02 { background-image: url("/web_editor/shape/web_editor/Bold/02.svg?c1=%2335979c&c2=%23685563&c3=%23F6F6F6"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Bold_03 { background-image: url("/web_editor/shape/web_editor/Bold/03.svg?c1=%2335979c&c3=%23F6F6F6&c5=%23383E45"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Bold_04 { background-image: url("/web_editor/shape/web_editor/Bold/04.svg?c2=%23685563&c3=%23F6F6F6"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Bold_05 { background-image: url("/web_editor/shape/web_editor/Bold/05.svg?c5=%23383E45"); background-position: center; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Bold_05_001 { background-image: url("/web_editor/shape/web_editor/Bold/05_001.svg?c3=%23F6F6F6"); background-position: center; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Bold_06 { background-image: url("/web_editor/shape/web_editor/Bold/06.svg?c5=%23383E45"); background-position: center; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Bold_06_001 { background-image: url("/web_editor/shape/web_editor/Bold/06_001.svg?c3=%23F6F6F6"); background-position: center; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Bold_07 { background-image: url("/web_editor/shape/web_editor/Bold/07.svg?c1=%2335979c&c2=%23685563"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Bold_07_001 { background-image: url("/web_editor/shape/web_editor/Bold/07_001.svg?c1=%2335979c&c2=%23685563"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Bold_08 { background-image: url("/web_editor/shape/web_editor/Bold/08.svg?c1=%2335979c"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Bold_09 { background-image: url("/web_editor/shape/web_editor/Bold/09.svg?c2=%23685563&c3=%23F6F6F6"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Bold_10 { background-image: url("/web_editor/shape/web_editor/Bold/10.svg?c1=%2335979c&c3=%23F6F6F6&c4=%23FFFFFF&c5=%23383E45"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Bold_10_001 { background-image: url("/web_editor/shape/web_editor/Bold/10_001.svg?c1=%2335979c&c4=%23FFFFFF&c5=%23383E45"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Bold_11 { background-image: url("/web_editor/shape/web_editor/Bold/11.svg?c1=%2335979c&c2=%23685563&c3=%23F6F6F6"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Bold_11_001 { background-image: url("/web_editor/shape/web_editor/Bold/11_001.svg?c1=%2335979c&c2=%23685563"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Bold_12 { background-image: url("/web_editor/shape/web_editor/Bold/12.svg?c1=%2335979c&c2=%23685563&c5=%23383E45"); background-position: center; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Bold_12_001 { background-image: url("/web_editor/shape/web_editor/Bold/12_001.svg?c1=%2335979c&c2=%23685563&c5=%23383E45"); background-position: center; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Floats_01 { background-image: url("/web_editor/shape/web_editor/Floats/01.svg?c1=%2335979c&c2=%23685563&c3=%23F6F6F6&c4=%23FFFFFF&c5=%23383E45"); background-position: center right; background-size: auto 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Floats_02 { background-image: url("/web_editor/shape/web_editor/Floats/02.svg?c1=%2335979c&c2=%23685563&c3=%23F6F6F6&c5=%23383E45"); background-position: center; background-size: 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Floats_03 { background-image: url("/web_editor/shape/web_editor/Floats/03.svg?c1=%2335979c&c2=%23685563&c3=%23F6F6F6&c5=%23383E45"); background-position: center; background-size: 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Floats_04 { background-image: url("/web_editor/shape/web_editor/Floats/04.svg?c1=%2335979c&c2=%23685563&c4=%23FFFFFF&c5=%23383E45"); background-position: center; background-size: 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Floats_05 { background-image: url("/web_editor/shape/web_editor/Floats/05.svg?c1=%2335979c&c2=%23685563&c3=%23F6F6F6&c5=%23383E45"); background-position: center; background-size: 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Floats_06 { background-image: url("/web_editor/shape/web_editor/Floats/06.svg?c1=%2335979c&c2=%23685563&c3=%23F6F6F6&c5=%23383E45"); background-position: center; background-size: auto 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Floats_07 { background-image: url("/web_editor/shape/web_editor/Floats/07.svg?c1=%2335979c&c2=%23685563&c3=%23F6F6F6&c5=%23383E45"); background-position: right bottom; background-size: auto 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Floats_08 { background-image: url("/web_editor/shape/web_editor/Floats/08.svg?c1=%2335979c&c2=%23685563&c3=%23F6F6F6&c5=%23383E45"); background-position: top left; background-size: auto 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Floats_09 { background-image: url("/web_editor/shape/web_editor/Floats/09.svg?c1=%2335979c&c2=%23685563&c3=%23F6F6F6"); background-position: center right; background-size: auto 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Floats_10 { background-image: url("/web_editor/shape/web_editor/Floats/10.svg?c1=%2335979c&c2=%23685563&c3=%23F6F6F6&c5=%23383E45"); background-position: center; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Floats_11 { background-image: url("/web_editor/shape/web_editor/Floats/11.svg?c1=%2335979c&c3=%23F6F6F6"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Floats_12 { background-image: url("/web_editor/shape/web_editor/Floats/12.svg?c1=%2335979c&c2=%23685563&c3=%23F6F6F6&c5=%23383E45"); background-position: top; background-size: 100% auto; background-repeat: no-repeat repeat; } .o_we_shape.o_web_editor_Floats_13 { background-image: url("/web_editor/shape/web_editor/Floats/13.svg?c1=%2335979c&c2=%23685563&c5=%23383E45"); background-position: center; background-size: auto 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Floats_14 { background-image: url("/web_editor/shape/web_editor/Floats/14.svg?c1=%2335979c&c2=%23685563&c3=%23F6F6F6&c5=%23383E45"); background-position: center; background-size: 100%; background-repeat: no-repeat repeat; } .o_we_shape.o_web_editor_Origins_01 { background-image: url("/web_editor/shape/web_editor/Origins/01.svg?c2=%23685563&c5=%23383E45"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Origins_02 { background-image: url("/web_editor/shape/web_editor/Origins/02.svg?c3=%23F6F6F6"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Origins_02_001 { background-image: url("/web_editor/shape/web_editor/Origins/02_001.svg?c4=%23FFFFFF&c5=%23383E45"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Origins_03 { background-image: url("/web_editor/shape/web_editor/Origins/03.svg?c3=%23F6F6F6"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Origins_04 { background-image: url("/web_editor/shape/web_editor/Origins/04.svg?c3=%23F6F6F6"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Origins_04_001 { background-image: url("/web_editor/shape/web_editor/Origins/04_001.svg?c3=%23F6F6F6"); background-position: top; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Origins_05 { background-image: url("/web_editor/shape/web_editor/Origins/05.svg?c3=%23F6F6F6"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Origins_06 { background-image: url("/web_editor/shape/web_editor/Origins/06.svg?c3=%23F6F6F6"); background-position: center; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Origins_06_001 { background-image: url("/web_editor/shape/web_editor/Origins/06_001.svg?c3=%23F6F6F6&c4=%23FFFFFF"); background-position: center; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Origins_07 { background-image: url("/web_editor/shape/web_editor/Origins/07.svg?c3=%23F6F6F6"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Origins_07_001 { background-image: url("/web_editor/shape/web_editor/Origins/07_001.svg?c3=%23F6F6F6&c5=%23383E45"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Origins_07_002 { background-image: url("/web_editor/shape/web_editor/Origins/07_002.svg?c3=%23F6F6F6&c4=%23FFFFFF&c5=%23383E45"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Origins_08 { background-image: url("/web_editor/shape/web_editor/Origins/08.svg?c3=%23F6F6F6"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Origins_09 { background-image: url("/web_editor/shape/web_editor/Origins/09.svg?c1=%2335979c&c5=%23383E45"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Origins_09_001 { background-image: url("/web_editor/shape/web_editor/Origins/09_001.svg?c3=%23F6F6F6"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Origins_10 { background-image: url("/web_editor/shape/web_editor/Origins/10.svg?c2=%23685563&c5=%23383E45"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Origins_11 { background-image: url("/web_editor/shape/web_editor/Origins/11.svg?c3=%23F6F6F6&c5=%23383E45"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Origins_11_001 { background-image: url("/web_editor/shape/web_editor/Origins/11_001.svg?c3=%23F6F6F6&c4=%23FFFFFF"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Origins_12 { background-image: url("/web_editor/shape/web_editor/Origins/12.svg?c3=%23F6F6F6&c5=%23383E45"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Origins_13 { background-image: url("/web_editor/shape/web_editor/Origins/13.svg?c3=%23F6F6F6&c5=%23383E45"); background-position: center; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Origins_14 { background-image: url("/web_editor/shape/web_editor/Origins/14.svg?c4=%23FFFFFF"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Origins_14_001 { background-image: url("/web_editor/shape/web_editor/Origins/14_001.svg?c3=%23F6F6F6&c4=%23FFFFFF"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Origins_15 { background-image: url("/web_editor/shape/web_editor/Origins/15.svg?c4=%23FFFFFF"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Origins_16 { background-image: url("/web_editor/shape/web_editor/Origins/16.svg?c3=%23F6F6F6"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Origins_17 { background-image: url("/web_editor/shape/web_editor/Origins/17.svg?c3=%23F6F6F6"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Origins_18 { background-image: url("/web_editor/shape/web_editor/Origins/18.svg?c1=%2335979c"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Rainy_01 { background-image: url("/web_editor/shape/web_editor/Rainy/01.svg?c1=%2335979c&c5=%23383E45"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Rainy_01_001 { background-image: url("/web_editor/shape/web_editor/Rainy/01_001.svg?c1=%2335979c&c5=%23383E45"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Rainy_02 { background-image: url("/web_editor/shape/web_editor/Rainy/02.svg?c1=%2335979c&c4=%23FFFFFF&c5=%23383E45"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Rainy_02_001 { background-image: url("/web_editor/shape/web_editor/Rainy/02_001.svg?c1=%2335979c&c4=%23FFFFFF&c5=%23383E45"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Rainy_03 { background-image: url("/web_editor/shape/web_editor/Rainy/03.svg?c2=%23685563&c4=%23FFFFFF&c5=%23383E45"); background-position: top; background-size: 100% auto; background-repeat: no-repeat repeat; } .o_we_shape.o_web_editor_Rainy_03_001 { background-image: url("/web_editor/shape/web_editor/Rainy/03_001.svg?c2=%23685563&c5=%23383E45"); background-position: top; background-size: 100% auto; background-repeat: no-repeat repeat; } .o_we_shape.o_web_editor_Rainy_04 { background-image: url("/web_editor/shape/web_editor/Rainy/04.svg?c1=%2335979c&c5=%23383E45"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Rainy_05 { background-image: url("/web_editor/shape/web_editor/Rainy/05.svg?c1=%2335979c&c5=%23383E45"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Rainy_05_001 { background-image: url("/web_editor/shape/web_editor/Rainy/05_001.svg?c1=%2335979c"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Rainy_06 { background-image: url("/web_editor/shape/web_editor/Rainy/06.svg?c1=%2335979c&c2=%23685563&c3=%23F6F6F6"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Rainy_07 { background-image: url("/web_editor/shape/web_editor/Rainy/07.svg?c1=%2335979c&c2=%23685563&c3=%23F6F6F6"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Rainy_08 { background-image: url("/web_editor/shape/web_editor/Rainy/08.svg?c1=%2335979c&c4=%23FFFFFF"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Rainy_08_001 { background-image: url("/web_editor/shape/web_editor/Rainy/08_001.svg?c1=%2335979c&c4=%23FFFFFF"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Rainy_09 { background-image: url("/web_editor/shape/web_editor/Rainy/09.svg?c1=%2335979c"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Rainy_09_001 { background-image: url("/web_editor/shape/web_editor/Rainy/09_001.svg?c1=%2335979c"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Rainy_10 { background-image: url("/web_editor/shape/web_editor/Rainy/10.svg?c1=%2335979c&c3=%23F6F6F6"); background-position: center; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_01 { background-image: url("/web_editor/shape/web_editor/Wavy/01.svg?c4=%23FFFFFF"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_01_001 { background-image: url("/web_editor/shape/web_editor/Wavy/01_001.svg?c3=%23F6F6F6"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_02 { background-image: url("/web_editor/shape/web_editor/Wavy/02.svg?c4=%23FFFFFF"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_02_001 { background-image: url("/web_editor/shape/web_editor/Wavy/02_001.svg?c3=%23F6F6F6"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_03 { background-image: url("/web_editor/shape/web_editor/Wavy/03.svg?c1=%2335979c&c2=%23685563"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_04 { background-image: url("/web_editor/shape/web_editor/Wavy/04.svg?c1=%2335979c&c5=%23383E45"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_05 { background-image: url("/web_editor/shape/web_editor/Wavy/05.svg?c1=%2335979c&c5=%23383E45"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_06 { background-image: url("/web_editor/shape/web_editor/Wavy/06.svg?c1=%2335979c&c3=%23F6F6F6&c4=%23FFFFFF&c5=%23383E45"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_06_001 { background-image: url("/web_editor/shape/web_editor/Wavy/06_001.svg?c1=%2335979c&c3=%23F6F6F6&c5=%23383E45"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_07 { background-image: url("/web_editor/shape/web_editor/Wavy/07.svg?c3=%23F6F6F6"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_08 { background-image: url("/web_editor/shape/web_editor/Wavy/08.svg?c2=%23685563"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_09 { background-image: url("/web_editor/shape/web_editor/Wavy/09.svg?c1=%2335979c&c5=%23383E45"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_10 { background-image: url("/web_editor/shape/web_editor/Wavy/10.svg?c1=%2335979c&c2=%23685563"); background-position: center; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_11 { background-image: url("/web_editor/shape/web_editor/Wavy/11.svg?c1=%2335979c&c4=%23FFFFFF"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_12 { background-image: url("/web_editor/shape/web_editor/Wavy/12.svg?c1=%2335979c"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_12_001 { background-image: url("/web_editor/shape/web_editor/Wavy/12_001.svg?c1=%2335979c"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_13 { background-image: url("/web_editor/shape/web_editor/Wavy/13.svg?c4=%23FFFFFF"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_13_001 { background-image: url("/web_editor/shape/web_editor/Wavy/13_001.svg?c1=%2335979c"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_14 { background-image: url("/web_editor/shape/web_editor/Wavy/14.svg?c1=%2335979c&c3=%23F6F6F6"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_15 { background-image: url("/web_editor/shape/web_editor/Wavy/15.svg?c1=%2335979c"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_16 { background-image: url("/web_editor/shape/web_editor/Wavy/16.svg?c1=%2335979c"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_17 { background-image: url("/web_editor/shape/web_editor/Wavy/17.svg?c1=%2335979c"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_18 { background-image: url("/web_editor/shape/web_editor/Wavy/18.svg?c5=%23383E45"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_19 { background-image: url("/web_editor/shape/web_editor/Wavy/19.svg?c5=%23383E45"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_20 { background-image: url("/web_editor/shape/web_editor/Wavy/20.svg?c2=%23685563"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_21 { background-image: url("/web_editor/shape/web_editor/Wavy/21.svg?c2=%23685563"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_22 { background-image: url("/web_editor/shape/web_editor/Wavy/22.svg?c3=%23F6F6F6"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_23 { background-image: url("/web_editor/shape/web_editor/Wavy/23.svg?c3=%23F6F6F6"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_24 { background-image: url("/web_editor/shape/web_editor/Wavy/24.svg?c1=%2335979c&c2=%23685563"); background-position: center; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_25 { background-image: url("/web_editor/shape/web_editor/Wavy/25.svg?c1=%2335979c&c2=%23685563"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_26 { background-image: url("/web_editor/shape/web_editor/Wavy/26.svg?c1=%2335979c&c2=%23685563"); background-position: bottom right; background-size: auto 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_27 { background-image: url("/web_editor/shape/web_editor/Wavy/27.svg?c1=%2335979c&c2=%23685563"); background-position: center; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_28 { background-image: url("/web_editor/shape/web_editor/Wavy/28.svg?c1=%2335979c&c3=%23F6F6F6"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Zigs_01 { background-image: url("/web_editor/shape/web_editor/Zigs/01.svg?c2=%23685563"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Zigs_01_001 { background-image: url("/web_editor/shape/web_editor/Zigs/01_001.svg?c2=%23685563"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Zigs_02 { background-image: url("/web_editor/shape/web_editor/Zigs/02.svg?c2=%23685563"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Zigs_02_001 { background-image: url("/web_editor/shape/web_editor/Zigs/02_001.svg?c2=%23685563"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Zigs_03 { background-image: url("/web_editor/shape/web_editor/Zigs/03.svg?c1=%2335979c"); background-position: top; background-size: 100% auto; background-repeat: no-repeat repeat; } .o_we_shape.o_web_editor_Zigs_04 { background-image: url("/web_editor/shape/web_editor/Zigs/04.svg?c1=%2335979c"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Zigs_05 { background-image: url("/web_editor/shape/web_editor/Zigs/05.svg?c3=%23F6F6F6"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Zigs_06 { background-image: url("/web_editor/shape/web_editor/Zigs/06.svg?c4=%23FFFFFF&c5=%23383E45"); background-position: bottom; background-size: 30px 100%; background-repeat: repeat no-repeat; } .ui-autocomplete { max-height: 50vh; 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; } /* /web_editor/static/src/scss/web_editor.frontend.scss */ @media (max-width: 767.98px) { img:not(.o_animate), .media_iframe_video:not(.o_animate), span.fa:not(.o_animate), i.fa:not(.o_animate) { transform: none !important; } } .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 { 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 (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 > * { width: 100%; min-width: 0; margin: 0 !important; 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; } } .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: -webkit-box !important; display: -webkit-flex !important; 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 > a { width: 100%; height: 100%; } body.editor_enable:not(.o_basic_theme) .odoo-editor-editable img::selection { background-color: transparent !important; } /* /portal/static/src/scss/portal.scss */ body { direction: ltr; } header .navbar-brand { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; 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: 5rem; } @media (max-width: 767.98px) { header .navbar-brand.logo img { max-height: 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; } ul { list-style-type: disc; } ul ul { list-style-type: circle; } ul ul ul { list-style-type: square; } ul ul ul ul { list-style-type: disc; } ul ul ul ul ul { list-style-type: circle; } ul ul ul ul ul ul { list-style-type: square; } ul ul ul ul ul ul ul { list-style-type: disc; } ol { list-style-type: decimal; } ol ol { list-style-type: lower-alpha; } ol ol ol { list-style-type: lower-greek; } ol ol ol ol { list-style-type: decimal; } ol ol ol ol ol { list-style-type: lower-alpha; } ol ol ol ol ol ol { list-style-type: lower-greek; } ol ol ol ol ol ol ol { list-style-type: decimal; } 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; } [class^="col-lg-"] { min-height: 24px; } .input-group { -webkit-flex-flow: row nowrap; 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; } .s_title:not([data-vcss]) .s_title_underlined, .o_page_header { margin-bottom: 1rem; padding-bottom: 0.5rem; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #ededed; } 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; } #wrapwrap.o_portal { background-color: #ececec !important; color: #212529; } .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 { background-color: white !important; } .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.5rem; padding-bottom: 0.5rem; max-width: 500px; } .o_portal_wrap .o_portal_my_doc_table td { padding-top: 0.25rem; padding-bottom: 0.25rem; max-width: 10rem; } .o_portal_wrap .o_portal_my_doc_table tr:last-child td { padding-bottom: 0.375rem; } .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_portal_my_doc_table td:has(a), .o_portal_wrap .o_portal_my_doc_table th:has(a) { color: #35979c; } .o_portal_wrap address span[itemprop="name"] { margin-bottom: 0.3em; } .o_portal_wrap address div[itemprop="address"] > div { position: relative; } .o_portal_wrap address div[itemprop="address"] > div span[itemprop="streetAddress"] { line-height: 1.2; margin-bottom: 0.3em; } .o_portal_wrap address div[itemprop="address"] > div .fa { position: absolute; top: 0; left: 0; bottom: auto; right: auto; line-height: 1.5; } .o_portal_wrap address div[itemprop="address"] > div .fa + span, .o_portal_wrap address div[itemprop="address"] > div .fa + div { display: block; padding-left: 1.78571429em; } .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 -1rem 0; padding: 0.5rem 1rem; border-top: 1px solid #ededed; background-color: #E9ECEF; } } .o_portal_wrap table.table tr { word-wrap: break-word; } .oe_attachments .o_image_small { height: 40px; width: 50px; background-repeat: no-repeat; } form label { font-weight: 700; } form label.label-optional { font-weight: 400; } .o_portal_contact_img { width: 2.3em; height: 2.3em; object-fit: cover; } .o_portal_sidebar #sidebar_content.card { border-left: 0; border-bottom: 0; } .o_portal_sidebar #sidebar_content.card > div.card-body { border-left: 1px solid #ededed; } .o_portal_sidebar #sidebar_content.card > ul > li { border-left: 1px solid #ededed; margin-bottom: -1px; } .o_portal_sidebar #sidebar_content.card > div.card-footer { border-left: 1px solid #ededed; border-bottom: 1px solid #ededed; } .o_portal_sidebar .o_portal_html_view { overflow: hidden; background: white; position: relative; } .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_html_view iframe { position: relative; } .o_portal_chatter { padding: 10px; } .o_portal_chatter .o_portal_chatter_avatar { width: 45px; height: 45px; margin-right: 1rem; } .o_portal_chatter .o_portal_chatter_header { margin-bottom: 15px; } .o_portal_chatter .o_portal_chatter_composer { margin-bottom: 15px; } .o_portal_chatter .o_portal_chatter_messages { margin-bottom: 15px; overflow-wrap: break-word; word-break: break-word; } .o_portal_chatter .o_portal_chatter_messages .o_portal_chatter_message div.flex-grow-1 > p:not(.o_portal_chatter_puslished_date):last-of-type { margin-bottom: 5px; } .o_portal_chatter .o_portal_chatter_messages .o_portal_chatter_message_title p { font-size: 85%; color: rgba(33, 37, 41, 0.7); margin: 0px; } .o_portal_chatter .o_portal_chatter_pager { text-align: center; } .o_portal_chatter .o_portal_chatter_attachment .o_portal_chatter_attachment_name, .o_portal_chatter_composer .o_portal_chatter_attachment .o_portal_chatter_attachment_name { word-wrap: break-word; } .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 .btn-danger, .o_portal_chatter_composer .o_portal_message_internal_off .btn-danger { display: none; } .o_portal_chatter .o_portal_message_internal_on .btn-success, .o_portal_chatter_composer .o_portal_message_internal_on .btn-success { display: none; } .o_portal_security_body { max-width: 540px; } .o_portal_security_body section form.oe_reset_password_form { max-width: initial; margin: initial; } .o_portal_security_body section[name="portal_deactivate_account"] label { white-space: normal !important; } .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: -webkit-box; display: -webkit-flex; display: flex; } .o_footer_copyright .row > div { margin: auto 0; } } /* /payment/static/src/scss/portal_payment.scss */ input#cc_number { background-repeat: no-repeat; background-position: center right calc(2.7em); } div.card_placeholder { background-image: url("/payment/static/src/img/placeholder.png"); background-repeat: no-repeat; width: 32px; height: 20px; position: absolute; top: 8px; right: 20px; -webkit-transition: 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955); pointer-events: none; } /* if s2s form not in bootstrap_formatting */ div.o_card_brand_detail { position: relative; } div.o_card_brand_detail div.card_placeholder { right: 5px; } div.amex { background-image: url("/payment/static/src/img/amex.png"); background-repeat: no-repeat; } div.diners { background-image: url("/payment/static/src/img/diners.png"); background-repeat: no-repeat; } div.discover { background-image: url("/payment/static/src/img/discover.png"); background-repeat: no-repeat; } div.jcb { background-image: url("/payment/static/src/img/jcb.png"); background-repeat: no-repeat; } div.mastercard { background-image: url("/payment/static/src/img/mastercard.png"); background-repeat: no-repeat; } div.visa { background-image: url("/payment/static/src/img/visa.png"); background-repeat: no-repeat; } ul.checkout img.rounded { max-width: 100px; max-height: 40px; } /* /payment/static/src/scss/payment_templates.scss */ div#o_payment_status_alert > p { margin-bottom: 0; } /* /payment/static/src/scss/payment_form.scss */ .o_payment_form label > input[type="radio"], .o_payment_form input[type="checkbox"] { vertical-align: middle; margin-right: 5px; } .o_payment_form .payment_option_name { font-size: 14px; font-weight: normal !important; font-family: Helvetica Neue, sans-serif; line-height: 1.3em; color: #4d4d4d; } .o_payment_form label { font-weight: normal; margin-top: 5px; } .o_payment_form .card { border-radius: 5px; overflow: hidden; } .o_payment_form .card-body { padding: 1.14em !important; } .o_payment_form .card-body:not(:first-child) { border-top: 1px solid #dddddd; } .o_payment_form .card-body.o_payment_option_card:hover { cursor: pointer; } .o_payment_form .card-footer { padding: 0.5rem; } .o_payment_form .card-footer label { margin-top: 15px; } .o_payment_form .card-footer:last-child { border-bottom-right-radius: 10px !important; border-bottom-left-radius: 10px !important; } .o_payment_form .payment_icon_list { position: relative; margin-top: 0px !important; margin-bottom: -5px !important; } .o_payment_form .payment_icon_list li { padding-left: 5px !important; padding-right: 0px !important; } .o_payment_form .payment_icon_list .more_option { position: absolute; top: auto; left: auto; bottom: auto; right: 10px; font-size: 10px; } /* /sale/static/src/scss/sale_portal.scss */ /* ---- My Orders page ---- */ .orders_vertical_align { display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; } .orders_label_text_align { vertical-align: 15%; } /* ---- Order page ---- */ .sale_tbody .o_line_note { word-break: break-word; word-wrap: break-word; overflow-wrap: break-word; } .sale_tbody input.js_quantity { min-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%; } } /* /google_recaptcha/static/src/scss/recaptcha.scss */ .grecaptcha-badge { visibility: hidden; } /* /website/static/src/scss/website.scss */ :root { --support-13-0-color-system: false; --has-customized-13-0-color-system: false; --header-font-size: 1rem; --headings-font: 'SYSTEM_FONTS'; --navbar-font: 'SYSTEM_FONTS'; --buttons-font: 'SYSTEM_FONTS'; --menu: 1; --footer: 5; --font-size-base: 1rem; --body-image-type: 'image'; --layout: 'full'; --btn-primary-outline: false; --btn-secondary-outline: false; --link-underline: 'hover'; --btn-ripple: false; --font: 'SYSTEM_FONTS'; --header-template: 'header_style_1'; --header-font-size: 1.0625rem; --header-links-style: 'default'; --logo-height: 5rem; --hamburger-type: 'default'; --hamburger-position: 'center'; --menu-border-style: 'solid'; --sidebar-width: 18.75rem; --footer-template: 'option_footer_01'; --footer-scrolltop: true; --undefined: 'place_in_header'; --fixed-logo-height: 2.5rem; --logo-height: 5rem; --fixed-logo-height: 2.5rem; --number-of-fonts: 7; --font-number-1: 'SYSTEM_FONTS'; --font-number-2: 'Roboto'; --font-number-3: 'Open Sans'; --font-number-4: 'Source Sans Pro'; --font-number-5: 'Raleway'; --font-number-6: 'Noto Serif'; --font-number-7: 'Arvo'; --btn-padding-y: 0.675rem; --btn-padding-x: 1rem; --btn-font-size: 1rem; --btn-padding-y-sm: 0.0625rem; --btn-padding-x-sm: 0.3125rem; --btn-font-size-sm: 0.75rem; --btn-padding-y-lg: 0.675rem; --btn-padding-x-lg: 2rem; --btn-font-size-lg: 1.25rem; --btn-border-width: 0; --btn-border-radius: 0; --btn-border-radius-sm: 0; --btn-border-radius-lg: 0; --input-padding-y: 0.675rem; --input-padding-x: 1rem; --input-font-size: 1rem; --input-padding-y-sm: 0.25rem; --input-padding-x-sm: 0.5rem; --input-font-size-sm: 0.75rem; --input-padding-y-lg: 0.675rem; --input-padding-x-lg: 2rem; --input-font-size-lg: 1.25rem; --input-border-width: 1px; --input-border-radius: 0; --input-border-radius-sm: 0; --input-border-radius-lg: 0; --color-palettes-name: 'base-1'; --has-customized-colors: true; --custom-colors: "o-color-1" "o-color-2" "o-color-3" "o-color-4" "o-color-5" "body" "menu" "menu-custom" "menu-border-color" "header-boxed" "header-boxed-custom" "footer" "footer-custom" "copyright" "copyright-custom" "o-cc1-bg" "o-cc1-text" "o-cc1-headings" "o-cc1-h2" "o-cc1-h3" "o-cc1-h4" "o-cc1-h5" "o-cc1-h6" "o-cc1-link" "o-cc1-btn-primary" "o-cc1-btn-primary-border" "o-cc1-btn-secondary" "o-cc1-btn-secondary-border" "o-cc2-bg" "o-cc2-text" "o-cc2-headings" "o-cc2-h2" "o-cc2-h3" "o-cc2-h4" "o-cc2-h5" "o-cc2-h6" "o-cc2-link" "o-cc2-btn-primary" "o-cc2-btn-primary-border" "o-cc2-btn-secondary" "o-cc2-btn-secondary-border" "o-cc3-bg" "o-cc3-text" "o-cc3-headings" "o-cc3-h2" "o-cc3-h3" "o-cc3-h4" "o-cc3-h5" "o-cc3-h6" "o-cc3-link" "o-cc3-btn-primary" "o-cc3-btn-primary-border" "o-cc3-btn-secondary" "o-cc3-btn-secondary-border" "o-cc4-bg" "o-cc4-text" "o-cc4-headings" "o-cc4-h2" "o-cc4-h3" "o-cc4-h4" "o-cc4-h5" "o-cc4-h6" "o-cc4-link" "o-cc4-btn-primary" "o-cc4-btn-primary-border" "o-cc4-btn-secondary" "o-cc4-btn-secondary-border" "o-cc5-bg" "o-cc5-text" "o-cc5-headings" "o-cc5-h2" "o-cc5-h3" "o-cc5-h4" "o-cc5-h5" "o-cc5-h6" "o-cc5-link" "o-cc5-btn-primary" "o-cc5-btn-primary-border" "o-cc5-btn-secondary" "o-cc5-btn-secondary-border"; } .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; } header { font-size: 1.0625rem; } header .dropdown-menu, header .o_dropdown_menu, header .btn { font-size: inherit; } header .navbar-brand { font-size: 3.33333333rem; } header .navbar-brand, header .navbar-brand.logo { padding-top: 0; padding-bottom: 0; } .o_footer .o_footer_copyright { background-color: rgba(0, 0, 0, 0.15); } font[style*='background']:not(.text-gradient), font[class*='bg-'] { padding: 2px 6px 4px; } .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; } @media (min-width: 992px) { .o_container_small { max-width: 720px; } } .btn.flat { border: 0; letter-spacing: 0.05em; text-transform: uppercase; padding: 0.75rem 1.5rem; font-size: 0.75rem; border-radius: 0; } .btn.flat.btn-lg, .btn-group-lg > .flat.btn { padding: 1rem 2rem; font-size: 0.9375rem; border-radius: 0; } .btn.flat.btn-sm, .btn-group-sm > .flat.btn { padding: 0.5rem 1rem; font-size: 0.5625rem; border-radius: 0; } .btn.flat.btn-xs { padding: 0.25rem 0.5rem; font-size: 0.5rem; border-radius: 0; } .btn.rounded-circle, .btn.fa.rounded-empty-circle { border-radius: 100px !important; padding: 0.45rem 1.35rem; font-size: 1rem; border-radius: 30px; } .btn.rounded-circle.btn-lg, .btn.btn-lg.fa.rounded-empty-circle, .btn-group-lg > .btn.rounded-circle, .btn-group-lg > .btn.fa.rounded-empty-circle { padding: 0.6rem 1.8rem; font-size: 1.25rem; border-radius: 30px; } .btn.rounded-circle.btn-sm, .btn.btn-sm.fa.rounded-empty-circle, .btn-group-sm > .btn.rounded-circle, .btn-group-sm > .btn.fa.rounded-empty-circle { padding: 0.3rem 0.9rem; font-size: 0.75rem; border-radius: 30px; } .btn.rounded-circle.btn-xs, .btn.btn-xs.fa.rounded-empty-circle { padding: 0.15rem 0.45rem; font-size: 0.75rem; border-radius: 30px; } .oe_img_bg { background-size: cover; background-repeat: no-repeat; } .oe_img_bg.o_bg_img_opt_repeat { background-size: auto; background-repeat: repeat; } .oe_img_bg.o_bg_img_center { background-position: center; } .oe_img_bg.o_bg_img_opt_contain { background-size: contain; background-position: center center; } .oe_img_bg.o_bg_img_opt_custom { background-size: auto; } .oe_img_bg.o_bg_img_opt_repeat_x { background-repeat: repeat-x; } .oe_img_bg.o_bg_img_opt_repeat_y { background-repeat: repeat-y; } .o_bg_video_iframe { position: relative; pointer-events: none !important; } .o_bg_video_loading { position: absolute; top: 0; left: 0; bottom: 0; right: 0; } @media (max-width: 767.98px) { section, .parallax, .row, .hr, .blockquote { height: auto !important; } } .table_desc { margin: 0 0 20px 0; width: 100%; word-break: break-all; border: 1px solid #dddddd; } .table_heading { background-color: #f5f5f5; border: 1px solid #dddddd; color: #666666; font-size: 14px; padding: 4px; } table.table_desc tr td { text-align: left; padding: 5px; font-size: 13px; } 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: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; justify-content: space-around; min-height: 100vh !important; } .o_half_screen_height, .cover_mid { min-height: 55vh !important; } .card { overflow: hidden; } .s_carousel .carousel-control-prev, .s_carousel .carousel-control-next, .s_quotes_carousel .carousel-control-prev, .s_quotes_carousel .carousel-control-next { position: absolute; cursor: pointer; width: 8%; opacity: 1; } @media (max-width: 767.98px) { .s_carousel .carousel-control-prev, .s_carousel .carousel-control-next, .s_quotes_carousel .carousel-control-prev, .s_quotes_carousel .carousel-control-next { display: none; } } .s_carousel .carousel-control-prev, .s_quotes_carousel .carousel-control-prev { -webkit-box-pack: start; justify-content: flex-start; } .s_carousel .carousel-control-next, .s_quotes_carousel .carousel-control-next { -webkit-box-pack: end; justify-content: flex-end; } .s_carousel .carousel-control-prev-icon, .s_carousel .carousel-control-next-icon, .s_quotes_carousel .carousel-control-prev-icon, .s_quotes_carousel .carousel-control-next-icon { width: auto; height: auto; background-image: none; color: #212529; } .s_carousel .carousel-control-prev-icon:before, .s_carousel .carousel-control-next-icon:before, .s_quotes_carousel .carousel-control-prev-icon:before, .s_quotes_carousel .carousel-control-next-icon:before { font-family: "FontAwesome"; display: inline-block; background-color: #fff; } .s_carousel .carousel-inner, .s_quotes_carousel .carousel-inner { isolation: isolate; overflow: hidden; height: 100%; } .s_carousel .carousel-inner .carousel-item, .s_quotes_carousel .carousel-inner .carousel-item { height: 100%; } .s_carousel .carousel-indicators, .s_quotes_carousel .carousel-indicators { position: absolute; } .s_carousel .carousel-indicators li:hover:not(.active), .s_quotes_carousel .carousel-indicators li:hover:not(.active) { background-color: rgba(255, 255, 255, 0.8); } .s_carousel.s_carousel_default .carousel-control-prev-icon:before, .s_quotes_carousel.s_carousel_default .carousel-control-prev-icon:before { content: "" /*rtl:''*/; margin-left: 1.5rem; } .s_carousel.s_carousel_default .carousel-control-next-icon:before, .s_quotes_carousel.s_carousel_default .carousel-control-next-icon:before { content: "" /*rtl:''*/; margin-right: 1.5rem; } .s_carousel.s_carousel_default .carousel-control-prev-icon:before, .s_carousel.s_carousel_default .carousel-control-next-icon:before, .s_quotes_carousel.s_carousel_default .carousel-control-prev-icon:before, .s_quotes_carousel.s_carousel_default .carousel-control-next-icon:before { background-color: rgba(0, 0, 0, 0); font-size: 2rem; color: #fff; text-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); } .s_carousel.s_carousel_default .carousel-indicators li, .s_quotes_carousel.s_carousel_default .carousel-indicators li { height: .6rem; margin-bottom: .5rem; border: 0; border-radius: 0; box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); } .s_carousel.s_carousel_bordered, .s_quotes_carousel.s_carousel_bordered { border: 2rem solid rgba(0, 0, 0, 0); } @media (max-width: 767.98px) { .s_carousel.s_carousel_bordered, .s_quotes_carousel.s_carousel_bordered { border: 0.5rem solid rgba(0, 0, 0, 0); } } .s_carousel.s_carousel_bordered .carousel-control-prev-icon:before, .s_quotes_carousel.s_carousel_bordered .carousel-control-prev-icon:before { content: "\f0d9"; } .s_carousel.s_carousel_bordered .carousel-control-next-icon:before, .s_quotes_carousel.s_carousel_bordered .carousel-control-next-icon:before { content: "\f0da"; } .s_carousel.s_carousel_bordered .carousel-control-prev-icon:before, .s_carousel.s_carousel_bordered .carousel-control-next-icon:before, .s_quotes_carousel.s_carousel_bordered .carousel-control-prev-icon:before, .s_quotes_carousel.s_carousel_bordered .carousel-control-next-icon:before { width: 2rem; height: 6rem; line-height: 6rem; font-size: 1.5rem; } .s_carousel.s_carousel_bordered .carousel-indicators li, .s_quotes_carousel.s_carousel_bordered .carousel-indicators li { width: 3rem; height: 1rem; } .s_carousel.s_carousel_rounded .carousel-control-prev, .s_quotes_carousel.s_carousel_rounded .carousel-control-prev { margin-left: 1.5rem; } .s_carousel.s_carousel_rounded .carousel-control-next, .s_quotes_carousel.s_carousel_rounded .carousel-control-next { margin-right: 1.5rem; } .s_carousel.s_carousel_rounded .carousel-control-prev-icon:before, .s_quotes_carousel.s_carousel_rounded .carousel-control-prev-icon:before { content: "\f060"; } .s_carousel.s_carousel_rounded .carousel-control-next-icon:before, .s_quotes_carousel.s_carousel_rounded .carousel-control-next-icon:before { content: "\f061"; } .s_carousel.s_carousel_rounded .carousel-control-prev-icon:before, .s_carousel.s_carousel_rounded .carousel-control-next-icon:before, .s_quotes_carousel.s_carousel_rounded .carousel-control-prev-icon:before, .s_quotes_carousel.s_carousel_rounded .carousel-control-next-icon:before { width: 4rem; height: 4rem; line-height: 4rem; border-radius: 50%; font-size: 1.25rem; } .s_carousel.s_carousel_rounded .carousel-indicators li, .s_quotes_carousel.s_carousel_rounded .carousel-indicators li { width: 1rem; height: 1rem; border-radius: 50%; } .s_carousel.s_carousel_boxed, .s_quotes_carousel.s_carousel_boxed { width: 100%; padding-right: var(--gutter-x, 15px); padding-left: var(--gutter-x, 15px); margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .s_carousel.s_carousel_boxed, .s_quotes_carousel.s_carousel_boxed { max-width: 540px; } } @media (min-width: 768px) { .s_carousel.s_carousel_boxed, .s_quotes_carousel.s_carousel_boxed { max-width: 720px; } } @media (min-width: 992px) { .s_carousel.s_carousel_boxed, .s_quotes_carousel.s_carousel_boxed { max-width: 960px; } } @media (min-width: 1200px) { .s_carousel.s_carousel_boxed, .s_quotes_carousel.s_carousel_boxed { max-width: 1140px; } } @media (min-width: 1400px) { .s_carousel.s_carousel_boxed, .s_quotes_carousel.s_carousel_boxed { max-width: 1320px; } } .s_carousel.s_carousel_boxed .carousel-item, .s_quotes_carousel.s_carousel_boxed .carousel-item { padding: 0 1rem; } .s_carousel.s_carousel_boxed .carousel-control-prev, .s_carousel.s_carousel_boxed .carousel-control-next, .s_quotes_carousel.s_carousel_boxed .carousel-control-prev, .s_quotes_carousel.s_carousel_boxed .carousel-control-next { align-items: flex-end; margin-bottom: 1.25rem; } .s_carousel.s_carousel_boxed .carousel-control-prev, .s_quotes_carousel.s_carousel_boxed .carousel-control-prev { margin-left: 3rem; } .s_carousel.s_carousel_boxed .carousel-control-next, .s_quotes_carousel.s_carousel_boxed .carousel-control-next { margin-right: 3rem; } .s_carousel.s_carousel_boxed .carousel-control-prev-icon:before, .s_quotes_carousel.s_carousel_boxed .carousel-control-prev-icon:before { content: "\f104"; } .s_carousel.s_carousel_boxed .carousel-control-next-icon:before, .s_quotes_carousel.s_carousel_boxed .carousel-control-next-icon:before { content: "\f105"; } .s_carousel.s_carousel_boxed .carousel-control-prev-icon:before, .s_carousel.s_carousel_boxed .carousel-control-next-icon:before, .s_quotes_carousel.s_carousel_boxed .carousel-control-prev-icon:before, .s_quotes_carousel.s_carousel_boxed .carousel-control-next-icon:before { width: 2rem; height: 2rem; line-height: 2rem; font-size: 1.25rem; } .s_carousel.s_carousel_boxed .carousel-indicators li, .s_quotes_carousel.s_carousel_boxed .carousel-indicators li { width: 1rem; height: 1rem; } .s_carousel.s_carousel_boxed .carousel-indicators li:hover:not(.active), .s_quotes_carousel.s_carousel_boxed .carousel-indicators li:hover:not(.active) { background-color: rgba(255, 255, 255, 0.8); } .carousel .container .carousel-img img, .carousel .o_container_small .carousel-img img { max-height: 95%; padding: 10px; } .carousel .container > .carousel-caption, .carousel .o_container_small > .carousel-caption { position: absolute; top: auto; left: 50%; bottom: auto; right: 50%; bottom: 20px; } .carousel .container > .carousel-caption > div, .carousel .o_container_small > .carousel-caption > div { position: absolute; text-align: left; padding: 20px; background: rgba(0, 0, 0, 0.4); bottom: 20px; } .carousel .container > .carousel-image, .carousel .o_container_small > .carousel-image { position: absolute; top: 5%; left: auto; bottom: 5%; right: auto; max-height: 90%; margin: 0 auto; } .carousel .container .carousel-item.text_image .container > .carousel-caption, .carousel .o_container_small .carousel-item.text_image .container > .carousel-caption, .carousel .container .carousel-item.text_image .o_container_small > .carousel-caption, .carousel .o_container_small .carousel-item.text_image .o_container_small > .carousel-caption { left: 10%; } .carousel .container .carousel-item.text_image .container > .carousel-caption > div, .carousel .o_container_small .carousel-item.text_image .container > .carousel-caption > div, .carousel .container .carousel-item.text_image .o_container_small > .carousel-caption > div, .carousel .o_container_small .carousel-item.text_image .o_container_small > .carousel-caption > div { right: 50%; margin-right: -20%; max-width: 550px; } .carousel .container .carousel-item.text_image .container > .carousel-image, .carousel .o_container_small .carousel-item.text_image .container > .carousel-image, .carousel .container .carousel-item.text_image .o_container_small > .carousel-image, .carousel .o_container_small .carousel-item.text_image .o_container_small > .carousel-image { right: 10%; left: 50%; } .carousel .container .carousel-item.image_text .container > .carousel-caption, .carousel .o_container_small .carousel-item.image_text .container > .carousel-caption, .carousel .container .carousel-item.image_text .o_container_small > .carousel-caption, .carousel .o_container_small .carousel-item.image_text .o_container_small > .carousel-caption { right: 10%; } .carousel .container .carousel-item.image_text .container > .carousel-caption > div, .carousel .o_container_small .carousel-item.image_text .container > .carousel-caption > div, .carousel .container .carousel-item.image_text .o_container_small > .carousel-caption > div, .carousel .o_container_small .carousel-item.image_text .o_container_small > .carousel-caption > div { left: 50%; margin-left: -20%; max-width: 550px; } .carousel .container .carousel-item.image_text .container > .carousel-image, .carousel .o_container_small .carousel-item.image_text .container > .carousel-image, .carousel .container .carousel-item.image_text .o_container_small > .carousel-image, .carousel .o_container_small .carousel-item.image_text .o_container_small > .carousel-image { right: 50%; left: 10%; } .carousel .container .carousel-item.text_only .container > .carousel-caption, .carousel .o_container_small .carousel-item.text_only .container > .carousel-caption, .carousel .container .carousel-item.text_only .o_container_small > .carousel-caption, .carousel .o_container_small .carousel-item.text_only .o_container_small > .carousel-caption { left: 10%; right: 10%; top: 10%; bottom: auto; } .carousel .container .carousel-item.text_only .container > .carousel-caption > div, .carousel .o_container_small .carousel-item.text_only .container > .carousel-caption > div, .carousel .container .carousel-item.text_only .o_container_small > .carousel-caption > div, .carousel .o_container_small .carousel-item.text_only .o_container_small > .carousel-caption > div { text-align: center; background: transparent; bottom: auto; width: 100%; } .carousel .container .carousel-item.text_only .container > .carousel-image, .carousel .o_container_small .carousel-item.text_only .container > .carousel-image, .carousel .container .carousel-item.text_only .o_container_small > .carousel-image, .carousel .o_container_small .carousel-item.text_only .o_container_small > .carousel-image { display: none !important; } .parallax:not(.s_parallax_no_overflow_hidden) { overflow: hidden; } @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: 1.66666667rem; } .o_header_affixed.o_header_is_scrolled .navbar-brand img { height: 2.5rem; } .navbar .o_extra_menu_items > .show > li + li { border-top: 1px solid #E9ECEF; } .navbar .o_extra_menu_items > .show > li > a.dropdown-toggle { background-color: #E9ECEF; color: inherit; pointer-events: none; } .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) #top_menu_container { transition: all 200ms; } 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 #top_menu_container { flex-direction: inherit; } header .collapsing #top_menu, header .show #top_menu { text-align: center !important; } @media (min-width: 768px) { header .o_navbar_toggler_container { -webkit-box-flex: 0; -webkit-flex: 0 0 0; flex: 0 0 0; min-width: 0; direction: rtl; } } header nav.navbar { border-radius: !important; box-shadow: !important; } .o_mega_menu { width: 100%; padding: 0; margin-top: 0 !important; border-radius: 0; background-clip: unset; background-color: transparent; border: 1px solid #E9ECEF; } .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; } @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_odoo_menu:not([data-vcss]) .s_mega_menu_odoo_menu_footer .row > div:not(.o_cc):not(.navbar-light):not(.o_footer), .s_mega_menu_menus_logos:not([data-vcss]) .s_mega_menu_gray_area:last-child, .s_mega_menu_little_icons:not([data-vcss]) .s_mega_menu_gray_area:last-child, .s_mega_menu_thumbnails:not([data-vcss]) .s_mega_menu_thumbnails_footer:not(.o_cc):not(.navbar-light):not(.o_footer) { z-index: 1; } .s_mega_menu_odoo_menu:not([data-vcss]) .s_mega_menu_odoo_menu_footer .row > div:not(.o_cc):not(.navbar-light):not(.o_footer):before, .s_mega_menu_menus_logos:not([data-vcss]) .s_mega_menu_gray_area:last-child:before, .s_mega_menu_little_icons:not([data-vcss]) .s_mega_menu_gray_area:last-child:before, .s_mega_menu_thumbnails:not([data-vcss]) .s_mega_menu_thumbnails_footer:not(.o_cc):not(.navbar-light):not(.o_footer):before { content: ''; display: block; width: 100vw; height: 100%; position: absolute; left: 0; top: 0; z-index: -1; pointer-events: none; background: rgba(0, 0, 0, 0.05); } #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):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_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar { background-color: transparent !important; border-color: transparent; color: inherit; } #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .nav-item > .nav-link, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .nav-item > .nav-link:hover { background-color: transparent; color: inherit; } #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .nav-item > .nav-link.active { font-weight: bolder; } .js_language_selector .dropdown-menu, .js_language_selector .o_dropdown_menu { min-width: 0; } .js_language_selector a.list-inline-item { padding: 3px 0; } .js_language_selector a.list-inline-item > * { vertical-align: middle; } .o_lang_flag { width: 1em; height: 1em; margin-right: 0.2em; border-radius: 50rem; object-fit: cover; } a.js_change_lang:hover, a.o_add_language:hover { text-decoration: none; } a.js_change_lang:hover span, a.o_add_language:hover span { text-decoration: underline; } span.list-inline-item.o_add_language:last-child { display: none !important; } #o_footer_scrolltop_wrapper { position: relative; z-index: 1; } #o_footer_scrolltop_wrapper:last-child { height: 3rem !important; margin-top: -3rem; margin-bottom: 1rem; } #o_footer_scrolltop { box-sizing: content-box; width: 3rem; height: 3rem; border: 0; padding: 0; background-color: #383e45; color: #FFFFFF; text-decoration: none; } #o_footer_scrolltop:hover, #o_footer_scrolltop:focus { background-color: #30353b; color: #FFFFFF; text-decoration: none; } .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(26, 26, 26, 0.6) !important; color: #FFFFFF; padding: 0.25rem 0.5rem; font-weight: 700; } .o_figure_relative_layout .figure-caption .text-muted, .o_colored_level .o_figure_relative_layout .figure-caption .text-muted { color: rgba(255, 255, 255, 0.7) !important; } .o_figure_relative_layout .figure-caption a { color: inherit; } .bg-primary-light { background-color: rgba(53, 151, 156, 0.1); } .bg-secondary-light { background-color: rgba(104, 85, 99, 0.1); } .bg-success-light { background-color: rgba(0, 177, 21, 0.1); } .bg-info-light { background-color: rgba(255, 170, 80, 0.1); } .bg-warning-light { background-color: rgba(255, 80, 80, 0.1); } .bg-danger-light { background-color: rgba(144, 0, 0, 0.1); } .bg-light-light { background-color: rgba(247, 247, 247, 0.1); } .bg-dark-light { background-color: rgba(26, 26, 26, 0.1); } .bg-product_label-light { background-color: rgba(165, 128, 109, 0.1); } .bg-button_gradient_1-light { background-color: rgba(0, 0, 0, 0.1); } .bg-button_gradient_2-light { background-color: rgba(0, 0, 0, 0.1); } .bg-animation_text_color-light { background-color: rgba(0, 0, 0, 0.1); } .bg-animation_hover_color-light { background-color: rgba(0, 0, 0, 0.1); } .bg-offer_timer_background_color-light { background-color: rgba(0, 0, 0, 0.1); } .bg-header_top_bg_color-light { background-color: rgba(0, 0, 0, 0.1); } .bg-header_top_text_color-light { background-color: rgba(255, 255, 255, 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: #55ACEE !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: #147bc9 !important; } .text-linkedin, .s_social_media:not(.no_icon_color) .s_social_media_linkedin, .s_social_media:not(.no_icon_color) .s_social_media_linkedin:hover, .s_social_media:not(.no_icon_color) .s_social_media_linkedin:focus, .s_share:not(.no_icon_color) .s_share_linkedin, .s_share:not(.no_icon_color) .s_share_linkedin:hover, .s_share:not(.no_icon_color) .s_share_linkedin:focus { color: #0077B5 !important; } a.text-linkedin:hover, .s_social_media:not(.no_icon_color) a.s_social_media_linkedin:hover, .s_share:not(.no_icon_color) a.s_share_linkedin:hover, a.text-linkedin:focus, .s_social_media:not(.no_icon_color) a.s_social_media_linkedin:focus, .s_share:not(.no_icon_color) a.s_share_linkedin:focus { color: #00344f !important; } .text-google-plus, .s_social_media:not(.no_icon_color) .s_social_media_google, .s_social_media:not(.no_icon_color) .s_social_media_google:hover, .s_social_media:not(.no_icon_color) .s_social_media_google:focus, .s_share:not(.no_icon_color) .s_share_google, .s_share:not(.no_icon_color) .s_share_google:hover, .s_share:not(.no_icon_color) .s_share_google:focus { color: #DD4B39 !important; } a.text-google-plus:hover, .s_social_media:not(.no_icon_color) a.s_social_media_google:hover, .s_share:not(.no_icon_color) a.s_share_google:hover, a.text-google-plus:focus, .s_social_media:not(.no_icon_color) a.s_social_media_google:focus, .s_share:not(.no_icon_color) a.s_share_google:focus { color: #96271a !important; } .text-youtube, .s_social_media:not(.no_icon_color) .s_social_media_youtube, .s_social_media:not(.no_icon_color) .s_social_media_youtube:hover, .s_social_media:not(.no_icon_color) .s_social_media_youtube:focus, .s_share:not(.no_icon_color) .s_share_youtube, .s_share:not(.no_icon_color) .s_share_youtube:hover, .s_share:not(.no_icon_color) .s_share_youtube:focus { color: #ff0000 !important; } a.text-youtube:hover, .s_social_media:not(.no_icon_color) a.s_social_media_youtube:hover, .s_share:not(.no_icon_color) a.s_share_youtube:hover, a.text-youtube:focus, .s_social_media:not(.no_icon_color) a.s_social_media_youtube:focus, .s_share:not(.no_icon_color) a.s_share_youtube:focus { color: #990000 !important; } .text-github, .s_social_media:not(.no_icon_color) .s_social_media_github, .s_social_media:not(.no_icon_color) .s_social_media_github:hover, .s_social_media:not(.no_icon_color) .s_social_media_github:focus, .s_share:not(.no_icon_color) .s_share_github, .s_share:not(.no_icon_color) .s_share_github:hover, .s_share:not(.no_icon_color) .s_share_github:focus { color: #1a1e22 !important; } a.text-github:hover, .s_social_media:not(.no_icon_color) a.s_social_media_github:hover, .s_share:not(.no_icon_color) a.s_share_github:hover, a.text-github:focus, .s_social_media:not(.no_icon_color) a.s_social_media_github:focus, .s_share:not(.no_icon_color) a.s_share_github:focus { color: black !important; } .text-instagram, .s_social_media:not(.no_icon_color) .s_social_media_instagram, .s_social_media:not(.no_icon_color) .s_social_media_instagram:hover, .s_social_media:not(.no_icon_color) .s_social_media_instagram:focus, .s_share:not(.no_icon_color) .s_share_instagram, .s_share:not(.no_icon_color) .s_share_instagram:hover, .s_share:not(.no_icon_color) .s_share_instagram:focus { color: #cf2872 !important; } a.text-instagram:hover, .s_social_media:not(.no_icon_color) a.s_social_media_instagram:hover, .s_share:not(.no_icon_color) a.s_share_instagram:hover, a.text-instagram:focus, .s_social_media:not(.no_icon_color) a.s_social_media_instagram:focus, .s_share:not(.no_icon_color) a.s_share_instagram:focus { color: #7a1743 !important; } .text-whatsapp, .s_social_media:not(.no_icon_color) .s_social_media_whatsapp, .s_social_media:not(.no_icon_color) .s_social_media_whatsapp:hover, .s_social_media:not(.no_icon_color) .s_social_media_whatsapp:focus, .s_share:not(.no_icon_color) .s_share_whatsapp, .s_share:not(.no_icon_color) .s_share_whatsapp:hover, .s_share:not(.no_icon_color) .s_share_whatsapp:focus { color: #25d366 !important; } a.text-whatsapp:hover, .s_social_media:not(.no_icon_color) a.s_social_media_whatsapp:hover, .s_share:not(.no_icon_color) a.s_share_whatsapp:hover, a.text-whatsapp:focus, .s_social_media:not(.no_icon_color) a.s_social_media_whatsapp:focus, .s_share:not(.no_icon_color) a.s_share_whatsapp:focus { color: #167c3c !important; } .text-pinterest, .s_social_media:not(.no_icon_color) .s_social_media_pinterest, .s_social_media:not(.no_icon_color) .s_social_media_pinterest:hover, .s_social_media:not(.no_icon_color) .s_social_media_pinterest:focus, .s_share:not(.no_icon_color) .s_share_pinterest, .s_share:not(.no_icon_color) .s_share_pinterest:hover, .s_share:not(.no_icon_color) .s_share_pinterest:focus { color: #C8232C !important; } a.text-pinterest:hover, .s_social_media:not(.no_icon_color) a.s_social_media_pinterest:hover, .s_share:not(.no_icon_color) a.s_share_pinterest:hover, a.text-pinterest:focus, .s_social_media:not(.no_icon_color) a.s_social_media_pinterest:focus, .s_share:not(.no_icon_color) a.s_share_pinterest:focus { color: #711419 !important; } .text-tiktok, .s_social_media:not(.no_icon_color) .s_social_media_tiktok, .s_social_media:not(.no_icon_color) .s_social_media_tiktok:hover, .s_social_media:not(.no_icon_color) .s_social_media_tiktok:focus { color: #000000 !important; } a.text-tiktok:hover, .s_social_media:not(.no_icon_color) a.s_social_media_tiktok:hover, a.text-tiktok:focus, .s_social_media:not(.no_icon_color) a.s_social_media_tiktok:focus { color: black !important; } .modal-footer > .float-start { margin-right: auto; } .o_record_cover_container { position: relative; } .o_record_cover_container .o_record_cover_component { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-size: cover; background-position: center; background-repeat: no-repeat; } .o_scroll_button, #o_wblog_post_content_jump { position: absolute; top: auto; left: 0; bottom: 0; right: 0; display: -webkit-box; display: -webkit-flex; display: flex; width: 50px; height: 50px; animation: o-anim-heartbeat 2.6s ease-in-out 1s infinite; } .o_scroll_button, #o_wblog_post_content_jump, .o_scroll_button:hover { text-decoration: none; } .o_scroll_button:focus, #o_wblog_post_content_jump:focus { outline: none; } .o_scroll_button:hover, #o_wblog_post_content_jump:hover { animation-iteration-count: 1; } @keyframes o-anim-heartbeat { 0%, 14%, 35% { transform: scale(1); } 7%, 21% { transform: scale(1.3); background-color: rgba(53, 151, 156, 0.8); } } .o_ribbon { margin: 0; font-size: 1rem; font-weight: bold; white-space: nowrap; text-align: center; pointer-events: 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_search_result_item_detail { flex: 1; } .o_cookies_bar_toggle { gap: 0.5rem; inset-inline-end: 1rem; inset-block-end: var(--cookies-bar-toggle-inset-block-end, 1rem); z-index: 1056; } .o_website_btn_loading { opacity: 0.65; } .o_website_btn_loading .fa:not(.fa-spin) { display: none; } 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-initial-sha"] { color: transparent !important; } [placeholder*="data-oe-translation-initial-sha"]::-webkit-input-placeholder { /* WebKit */ color: transparent; opacity: 0; } [placeholder*="data-oe-translation-initial-sha"]::-moz-placeholder { /* Firefox */ color: transparent; opacity: 0; } [data-oe-translation-initial-sha] > .o_translation_select { border: 1px solid #CED4DA; border-radius: 0; } [data-oe-translation-initial-sha] > .o_translation_select + select { display: none !important; } [data-oe-translation-initial-sha] > .o_translation_select > div:not(:last-child) { border-bottom: inherit; } .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 { 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; } /* /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.8125rem; } .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.92857143rem; 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 { transform: scale(0.3); transition-delay: 0ms; transition-duration: 400ms; } .o_frontend_to_backend_nav:hover .o_frontend_to_backend_buttons { transform: translateX(0); transition-delay: 0ms; transition-duration: 400ms; } body { direction: ltr; } .oe_login_form, .oe_signup_form, .oe_reset_password_form { max-width: 300px; position: relative; margin: 50px auto; } .tour .popover-navigation { margin-left: 13px; margin-bottom: 8px; } .css_published .btn-danger, .css_published .css_publish { display: none; } .css_unpublished .btn-success, .css_unpublished .css_unpublish { display: none; } [data-publish='off'] > *:not(.css_options) { opacity: 0.5; } @media print { a[href]:after { content: initial; } } .post_link:not(.o_post_link_js_loaded) { pointer-events: none; } #wrapwrap.o_is_mobile, #wrapwrap.o_is_mobile .modal { scrollbar-color: #999 rgba(255, 255, 255, 0.5); scrollbar-width: thin; } #wrapwrap.o_is_mobile::-webkit-scrollbar, #wrapwrap.o_is_mobile .modal::-webkit-scrollbar { width: 5px; height: 5px; } #wrapwrap.o_is_mobile::-webkit-scrollbar-thumb, #wrapwrap.o_is_mobile .modal::-webkit-scrollbar-thumb { background: #999; } #wrapwrap.o_is_mobile::-webkit-scrollbar-track, #wrapwrap.o_is_mobile .modal::-webkit-scrollbar-track { background: rgba(255, 255, 255, 0.5); } /* /stock/static/src/scss/stock_traceability_report.scss */ .o_stock_reports_body_print { background-color: white; color: black; } .o_stock_reports_body_print .o_stock_reports_level0 { border-width: 1px; border-left-style: hidden; border-right-style: hidden; font-weight: bold; border-top-style: solid; border-bottom-style: groove; } .o_main_content .o_stock_reports_page { position: absolute; } .o_stock_reports_page { background-color: white; } .o_stock_reports_page.o_stock_reports_no_print { margin: 16px auto; padding-top: 24px; padding-right: 16px; padding-bottom: 24px; padding-left: 16px; } .o_stock_reports_page.o_stock_reports_no_print .o_stock_reports_level0 { border-width: 1px; border-left-style: hidden; border-right-style: hidden; font-weight: normal; border-top-style: solid; border-bottom-style: groove; } .o_stock_reports_page.o_stock_reports_no_print .o_stock_reports_table { white-space: nowrap; margin-top: 30px; } .o_stock_reports_page.o_stock_reports_no_print .o_stock_reports_table thead { display: table-row-group; } .o_stock_reports_page.o_stock_reports_no_print .o_report_line_header { text-align: left; padding-left: 10px; } .o_stock_reports_page.o_stock_reports_no_print .o_report_header { border-top-style: solid; border-top-style: groove; border-bottom-style: groove; border-width: 2px; } .o_stock_reports_page .o_stock_reports_unfolded { display: inline-block; } .o_stock_reports_page .o_stock_reports_nofoldable { margin-left: 17px; } .o_stock_reports_page a.o_stock_report_lot_action { cursor: pointer; } .o_stock_reports_page .o_stock_reports_unfolded td + td { visibility: hidden; } .o_stock_reports_page div.o_stock_reports_web_action, .o_stock_reports_page span.o_stock_reports_web_action, .o_stock_reports_page i.fa, .o_stock_reports_page span.o_stock_reports_unfoldable, .o_stock_reports_page span.o_stock_reports_foldable, .o_stock_reports_page a.o_stock_reports_web_action { cursor: pointer; } .o_stock_reports_page .o_stock_reports_caret_icon { margin-left: -3px; } .o_stock_reports_page th { border-bottom: thin groove; } .o_stock_reports_page .o_stock_reports_level1 { border-width: 2px; border-left-style: hidden; border-right-style: hidden; font-weight: inherit; border-top-style: hidden; border-bottom-style: solid; } .o_stock_reports_page .o_stock_reports_level2 { border-width: 1px; border-left-style: hidden; border-right-style: hidden; font-weight: inherit; border-top-style: solid; border-bottom-style: solid; } .o_stock_reports_page .o_stock_reports_level2 > td > span:last-child { margin-left: 25px; } .o_stock_reports_page .o_stock_reports_default_style { border-width: 0px; border-left-style: hidden; border-right-style: hidden; font-weight: inherit; border-top-style: solid; border-bottom-style: solid; } .o_stock_reports_page .o_stock_reports_default_style > td > span:last-child { margin-left: 50px; } .o_report_reception { overflow-y: auto; } /* /rating/static/src/scss/rating_templates.scss */ /* Rating feedback */ .o_rating_page_submit .btn-group > .btn:not(:first-child), .o_rating_page_submit .btn-group > .btn-group:not(:first-child) > .btn { margin-left: 0 !important; } .o_rating_page_submit .o_rating_label { opacity: 0.5; } .o_rating_page_submit .o_rating_label:hover { transform: scale(1.1); } .o_rating_page_submit .o_rating_label img.bg-white:hover, .o_rating_page_submit .o_rating_label img.bg-white:focus { background-color: #ffffff !important; } .o_rating_page_submit .btn-check:checked + .o_rating_label { transform: scale(1.2); opacity: 1; } .o_rating_page_submit .btn-check:checked + .o_rating_label img.bg-white:hover, .o_rating_page_submit .btn-check:checked + .o_rating_label img.bg-white:focus { background-color: #ffffff !important; } /* /project/static/src/scss/portal_rating.scss */ .o_portal_project_rating .thumbnail { height: 240px; } .o_portal_project_rating .o_top_partner_rating_image { height: 15px; } .o_portal_project_rating .o_top_partner_image { height: 30px; width: 30px; } .o_portal_project_rating .o_top_partner_feedback { word-wrap: break-word; } .o_portal_project_rating .o_vertical_separator { border-left: 1px solid #eeeeee; } .o_portal_project_rating .o_rating_progress { margin-bottom: 10px; } .o_portal_project_rating .o_rating_count { display: inline-block; min-width: 22px; } .o_portal_project_rating .o_smiley_no_padding_left { padding-left: 0; } .o_portal_project_rating .o_smiley_no_padding_right { padding-right: 0; } .o_portal_project_rating .o_lighter_smileys { opacity: 0.4; } .o_priority_star { display: inline-block; } .o_priority_star.fa-star-o { color: rgba(73, 80, 87, 0.76); } .o_priority_star.fa-star { color: #f3cc00; } .o_status { display: block; background-color: #E9ECEF; height: 12px; width: 12px; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2); } .dropdown-item > .o_status { transform: translateX(-50%); } /* /project/static/src/scss/project_sharing_frontend.scss */ .o_project_sharing_container > main { display: -webkit-box; display: -webkit-flex; display: flex; } /* /website_mail/static/src/css/website_mail.scss */ .js_follow[data-follow='on'] .js_follow_btn, .js_follow[data-follow='off'] .js_unfollow_btn { display: none; } .js_follow_icons_container .js_follow_btn, .js_follow_icons_container .js_unfollow_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 { 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 { transition-duration: 1s; opacity: 1; } .js_follow_icons_container .fa:before { content: "\f0f3"; color: rgba(33, 37, 41, 0.7); } .js_follow_icons_container .js_follow_btn:hover .fa:before { color: #212529; } .js_follow_icons_container .js_unfollow_btn .fa:before { color: #35979c; } .js_follow_icons_container .js_unfollow_btn:hover .fa:before { content: "\f1f6"; color: #900000; } @keyframes js_follow_fade { to { opacity: 1; } } /* /portal_rating/static/src/scss/portal_rating.scss */ /* static stars */ .o_website_rating_static { color: #FACC2E; } .o_website_rating_card_container { /* progress bars */ } .o_website_rating_card_container .o_message_counter { color: #495057; } .o_website_rating_card_container table.o_website_rating_table { width: 100%; overflow: visible; } .o_website_rating_card_container table.o_website_rating_table .o_website_rating_table_star_num { min-width: 50px; white-space: nowrap; } .o_website_rating_card_container table.o_website_rating_table .o_website_rating_table_progress { min-width: 120px; } .o_website_rating_card_container table.o_website_rating_table .o_website_rating_table_progress > .progress { margin-bottom: 2px; margin-left: 5px; margin-right: 5px; } .o_website_rating_card_container table.o_website_rating_table .o_website_rating_table_progress .o_rating_progressbar { background-color: #FACC2E; } .o_website_rating_card_container table.o_website_rating_table .o_website_rating_table_percent { text-align: right; padding-left: 5px; font-size: 0.75rem; } .o_website_rating_card_container table.o_website_rating_table .o_website_rating_table_reset .o_website_rating_selection_reset { color: #dc3545; } .o_website_rating_card_container table.o_website_rating_table .o_website_rating_table_row:not(o_website_rating_table_row_selected) { cursor: pointer; } /* Star Widget */ .o_rating_star_card { margin-bottom: 5px; } .o_rating_star_card .stars { display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; color: #FACC2E; margin-right: 15px; } .o_rating_star_card .stars i { padding-right: 1px; padding-left: 1px; text-align: center; } .o_rating_star_card .stars.enabled { cursor: pointer; } .o_rating_star_card .rate_text { display: inline-block; } /* Rating Popup Composer */ .o_rating_popup_composer .o_rating_clickable { cursor: pointer; } .o_rating_popup_composer .o_portal_chatter_avatar { margin-right: 10px; } /* /website_sale/static/src/scss/website_sale.scss */ .oe_website_sale .o_wsale_design_cards { --o-wsale-card-border-width: 1px; --o-wsale-card-border-radius: 0; --o-wsale-card-info-padding: 0.5rem; --o-wsale-card-bg: #FFF; --o-wsale-card-color: #212529; --o-wsale-card-text-muted: rgba(33, 37, 41, 0.7); --o-wsale-card-thumb-border-radius: calc(0 - 1px) calc(0 - 1px) 0 0; } .oe_website_sale .o_wsale_design_thumbs { --o-wsale-card-border-width: 0; --o-wsale-card-info-padding: 1rem 0; --o-wsale-card-thumb-border-radius: 7.5px; --o-wsale-card-thumb-shadow: 0 13px 27px -5px rgba(53, 151, 156, 0.1), 0 8px 16px -8px rgba(0, 0, 0, .28); } .oe_website_sale .o_wsale_design_grid { --o-wsale-grid-border: 1px solid #ededed; --o-wsale-card-border-width: 0; } .oe_website_sale .o_wsale_context_thumb_4_3 { --o-wsale-card-thumb-aspect-ratio: 4/3; } .oe_website_sale .o_wsale_context_thumb_4_5 { --o-wsale-card-thumb-aspect-ratio: 4/5; } .oe_website_sale .o_wsale_context_thumb_2_3 { --o-wsale-card-thumb-aspect-ratio: 2/3; } .oe_website_sale .o_wsale_context_thumb_cover { --o-wsale-card-thumb-fill-mode: cover; } .oe_website_sale .o_wsale_filmstip_wrapper { scroll-snap-type: x mandatory; scrollbar-color: currentColor rgba(26, 26, 26, 0.05); scrollbar-height: 2px; } .oe_website_sale .o_wsale_filmstip_wrapper::-webkit-scrollbar { height: 2px; } .oe_website_sale .o_wsale_filmstip_wrapper::-webkit-scrollbar-thumb { background: currentColor; } .oe_website_sale .o_wsale_filmstip_wrapper::-webkit-scrollbar-track { background: rgba(26, 26, 26, 0.05); } .oe_website_sale .o_wsale_filmstip_wrapper .o_wsale_filmstip { transform: translateX(0); } .oe_website_sale .activeDrag * { cursor: grabbing !important; cursor: -webkit-grabbing; } .oe_website_sale .o_wsale_products_grid_before_rail { scrollbar-width: none; -ms-overflow-style: none; } .oe_website_sale .o_wsale_products_grid_before_rail::-webkit-scrollbar { width: 0; height: 0; } .oe_website_sale .o_payment_form .card { border-radius: 4px !important; } .oe_website_sale .address-inline address { display: inline-block; } .oe_website_sale table#cart_products tr td, .oe_website_sale table#suggested_products tr td { vertical-align: middle; } .oe_website_sale table#cart_products { margin-bottom: 0; } .oe_website_sale table#cart_products td:first-child, .oe_website_sale table#cart_products th:first-child { padding-left: 15px; } .oe_website_sale h1[itemprop="name"], .oe_website_sale .h1[itemprop="name"], .oe_website_sale .td-product_name { word-break: break-word; word-wrap: break-word; overflow-wrap: break-word; } .oe_website_sale h1[itemprop="name"], .oe_website_sale .h1[itemprop="name"] { font-size: 1.75rem; font-weight: 700; } @media (max-width: 767.98px) { .oe_website_sale .td-img { display: none; } } @media (min-width: 1200px) { .oe_website_sale .toggle_summary_div { max-width: 400px; } } .oe_website_sale .text-bg-light .variant_price_extra.text-muted { color: rgba(33, 37, 41, 0.7) !important; } .oe_website_sale input.js_quantity { min-width: 48px; text-align: center; } .oe_website_sale input.quantity { padding: 0; } .oe_website_sale .table-striped tbody tr td:nth-of-type(even) { --table-accent-bg: rgba(0, 0, 0, 0.025); } .oe_website_sale .table-striped tbody tr td:nth-of-type(odd) { --table-accent-bg: rgba(0, 0, 0, 0); } .oe_website_sale *:not(#product_attributes_simple) > .table-sm tbody td { padding-top: 0.75rem; padding-bottom: 0.75rem; } .oe_website_sale #o_wsale_offcanvas { width: 80%; max-width: 400px; } .oe_website_sale #o_wsale_offcanvas .o_searchbar_form .dropdown-menu, .oe_website_sale #o_wsale_offcanvas .o_searchbar_form .o_dropdown_menu { right: 0; } .oe_website_sale #o_wsale_offcanvas #o_wsale_offcanvas_content { scrollbar-color: currentColor rgba(26, 26, 26, 0.05); scrollbar-width: 2px; } .oe_website_sale #o_wsale_offcanvas #o_wsale_offcanvas_content::-webkit-scrollbar { width: 2px; } .oe_website_sale #o_wsale_offcanvas #o_wsale_offcanvas_content::-webkit-scrollbar-thumb { background: currentColor; } .oe_website_sale #o_wsale_offcanvas #o_wsale_offcanvas_content::-webkit-scrollbar-track { background: rgba(26, 26, 26, 0.05); } .oe_website_sale #o_wsale_offcanvas .o_wsale_offcanvas_title::after, .oe_website_sale #o_wsale_offcanvas .o_wsale_offcanvas_title:not(.collapsed)::after { width: .75rem; height: .75rem; background-image: url("data:image/svg+xml,"); background-size: .75rem; } .oe_website_sale #o_wsale_offcanvas .o_wsale_offcanvas_title:not(.collapsed)::after { transform: rotate(-45deg); } .oe_website_sale #o_wsale_offcanvas .o_wsale_offcanvas_title, .oe_website_sale #o_wsale_offcanvas .o_wsale_offcanvas_title:focus, .oe_website_sale #o_wsale_offcanvas .o_wsale_offcanvas_title:hover { box-shadow: none; z-index: 0; } .oe_website_sale #products_grid_before { --o_ws_sidebar_top_gap: calc(1rem + 1.35rem + calc(0.5rem + var(--gutter-x))); top: var(--o_ws_sidebar_top_gap); } .oe_website_sale #products_grid_before .css_attribute_color { height: 32px; width: 32px; } .oe_website_sale .o_pricelist_dropdown, .oe_website_sale .o_sortby_dropdown { min-width: fit-content; } #product_detail ~ .oe_structure.oe_empty > section:first-child, .o_shop_discussion_rating { border-top: 1px solid #CED4DA; } .o_alternative_product { margin: auto; } .oe_product_cart { flex-direction: var(--o-wsale-card-flex-direction, column); border: 1px solid #ededed; border-width: var(--o-wsale-card-border-width, 0 0 1px); border-radius: var(--o-wsale-card-border-radius, 0); padding: var(--o-wsale-card-padding, 0); background-color: var(--o-wsale-card-bg); color: var(--o-wsale-card-color); } .oe_product_cart .oe_product_image { min-width: var(--o-wsale-card-thumb-size); width: var(--o-wsale-card-thumb-size); } .oe_product_cart .oe_product_image .oe_product_image_link { padding-top: calc(100% / (var(--o-wsale-card-thumb-aspect-ratio, 1))); } .oe_product_cart .oe_product_image .oe_product_image_link .oe_product_image_img_wrapper { position: absolute; top: 0; left: 0; bottom: 0; right: 0; } .oe_product_cart .oe_product_image .oe_product_image_link .oe_product_image_img_wrapper img { box-shadow: var(--o-wsale-card-thumb-shadow); border-radius: var(--o-wsale-card-thumb-border-radius); object-fit: var(--o-wsale-card-thumb-fill-mode, contain); } .oe_product_cart .o_wsale_product_information { padding: var(--o-wsale-card-info-padding, 0.5rem 0); } .oe_product_cart .oe_subdescription div { min-height: calc(0.825rem * 2); overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.1; } .oe_product_cart .oe_subdescription.text-muted > div { color: var(--o-wsale-card-text-muted) !important; } .oe_product_cart .o_wsale_product_btn:empty { display: none !important; } .oe_product_cart .o_ribbon_left, .oe_product_cart .o_ribbon_right { box-shadow: 0px -10px 70px 30px rgba(0, 0, 0, 0.05); } .oe_product_cart .o_product_link { position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 1; } #products_grid .o_wsale_products_grid_table_wrapper .table { table-layout: fixed; } #products_grid .o_wsale_products_grid_table_wrapper .table td { padding: 7.5px; border: var(--o-wsale-grid-border, 0); } #products_grid .o_wsale_products_grid_table_wrapper { margin: -7.5px; } @media (max-width: 991.98px) { #products_grid:not(.o_wsale_layout_list) .o_wsale_products_grid_table_wrapper table, #products_grid:not(.o_wsale_layout_list) .o_wsale_products_grid_table_wrapper tbody { display: block; width: 100%; } #products_grid:not(.o_wsale_layout_list) .o_wsale_products_grid_table_wrapper tr { display: -webkit-box; display: -webkit-flex; display: flex; width: 100%; -webkit-flex-wrap: wrap; flex-wrap: wrap; } #products_grid:not(.o_wsale_layout_list) .o_wsale_products_grid_table_wrapper td { display: inline-block; width: 50%; } #products_grid:not(.o_wsale_layout_list) .o_wsale_products_grid_table_wrapper [data-ppr="3"] td.oe_product { width: 100%; } #products_grid:not(.o_wsale_layout_list) .o_wsale_products_grid_table_wrapper .modal-dialog table, #products_grid:not(.o_wsale_layout_list) .o_wsale_products_grid_table_wrapper .modal-dialog tbody, #products_grid:not(.o_wsale_layout_list) .o_wsale_products_grid_table_wrapper .modal-dialog tr, #products_grid:not(.o_wsale_layout_list) .o_wsale_products_grid_table_wrapper .modal-dialog td { display: revert; } } @media screen and (max-width: 991.98px) and (max-width: 768px) { #products_grid:not(.o_wsale_layout_list) .o_wsale_products_grid_table_wrapper .oe_advanced_configurator_modal table, #products_grid:not(.o_wsale_layout_list) .o_wsale_products_grid_table_wrapper .oe_advanced_configurator_modal tbody, #products_grid:not(.o_wsale_layout_list) .o_wsale_products_grid_table_wrapper .oe_advanced_configurator_modal tr, #products_grid:not(.o_wsale_layout_list) .o_wsale_products_grid_table_wrapper .oe_advanced_configurator_modal td { display: block; width: 100%; } #products_grid:not(.o_wsale_layout_list) .o_wsale_products_grid_table_wrapper .oe_advanced_configurator_modal thead { display: none; } } @media (min-width: 992px) { #products_grid:not(.o_wsale_layout_list) td.oe_product { padding-bottom: 7.5px; } #products_grid:not(.o_wsale_layout_list) td.oe_product .o_wsale_product_btn { position: absolute; top: auto; left: 0.5rem; bottom: calc(100% + 0.5rem); right: auto; z-index: 2; } #products_grid:not(.o_wsale_layout_list) td.oe_product:not(:hover) .o_wsale_product_btn { opacity: 0; } #products_grid:not(.o_wsale_layout_list) [class*="o_wsale_product_grid_wrapper_2_"] { --o-wsale-card-info-padding: 1rem 0 0.5rem; } #products_grid:not(.o_wsale_layout_list) .o_wsale_design_cards [class*="o_wsale_product_grid_wrapper_2_"] { --o-wsale-card-info-padding: 1rem 1rem 0.5rem; } #products_grid:not(.o_wsale_layout_list) [class*="o_wsale_product_grid_wrapper_3_"] { --o-wsale-card-info-padding: 1rem 0 0.5rem; } #products_grid:not(.o_wsale_layout_list) .o_wsale_design_cards [class*="o_wsale_product_grid_wrapper_3_"] { --o-wsale-card-info-padding: 1rem 1rem 0.5rem; } #products_grid:not(.o_wsale_layout_list) [class*="o_wsale_product_grid_wrapper_4_"] { --o-wsale-card-info-padding: 1rem 0 0.5rem; } #products_grid:not(.o_wsale_layout_list) .o_wsale_design_cards [class*="o_wsale_product_grid_wrapper_4_"] { --o-wsale-card-info-padding: 1rem 1rem 0.5rem; } } #products_grid.o_wsale_layout_list .o_wsale_products_grid_table_wrapper table, #products_grid.o_wsale_layout_list .o_wsale_products_grid_table_wrapper tbody { display: block; width: 100%; } #products_grid.o_wsale_layout_list .o_wsale_products_grid_table_wrapper tr { display: block; width: 100%; -webkit-flex-wrap: wrap; flex-wrap: wrap; } #products_grid.o_wsale_layout_list .o_wsale_products_grid_table_wrapper td { display: block; width: 100%; } #products_grid.o_wsale_layout_list .o_wsale_products_grid_table_wrapper .modal-dialog table, #products_grid.o_wsale_layout_list .o_wsale_products_grid_table_wrapper .modal-dialog tbody, #products_grid.o_wsale_layout_list .o_wsale_products_grid_table_wrapper .modal-dialog tr, #products_grid.o_wsale_layout_list .o_wsale_products_grid_table_wrapper .modal-dialog td { display: revert; } @media screen and (max-width: 768px) { #products_grid.o_wsale_layout_list .o_wsale_products_grid_table_wrapper .oe_advanced_configurator_modal table, #products_grid.o_wsale_layout_list .o_wsale_products_grid_table_wrapper .oe_advanced_configurator_modal tbody, #products_grid.o_wsale_layout_list .o_wsale_products_grid_table_wrapper .oe_advanced_configurator_modal tr, #products_grid.o_wsale_layout_list .o_wsale_products_grid_table_wrapper .oe_advanced_configurator_modal td { display: block; width: 100%; } #products_grid.o_wsale_layout_list .o_wsale_products_grid_table_wrapper .oe_advanced_configurator_modal thead { display: none; } } #products_grid.o_wsale_layout_list .oe_product { --o-wsale-card-border-radius: 0; --o-wsale-card-flex-direction: row; --o-wsale-card-info-padding: 0 1rem; --o-wsale-card-thumb-size: calc(100px * var(--o-wsale-card-thumb-aspect-ratio, 1)); } @media (min-width: 992px) { #products_grid.o_wsale_layout_list .oe_product { --o-wsale-card-thumb-size: calc(160px * var(--o-wsale-card-thumb-aspect-ratio, 1)); } #products_grid.o_wsale_layout_list .oe_product h6, #products_grid.o_wsale_layout_list .oe_product .h6 { font-size: 1.3rem; } } #products_grid.o_wsale_layout_list .oe_product { --o-wsale-card-padding: 0 0 15px; } #products_grid.o_wsale_layout_list .o_wsale_design_cards .oe_product { --o-wsale-card-padding: 7.5px; --o-wsale-card-info-padding: 0.5rem 1rem; } .o_wsale_products_main_row { margin-bottom: 15px; margin-top: 15px; } .oe_cart table td:first-child { min-width: 76px; } .oe_cart > .oe_structure { clear: both; } div#payment_method div.list-group { margin-left: 40px; } div#payment_method .list-group-item { padding-top: 5px; padding-bottom: 5px; } ul.wizard { padding: 0; margin-top: 20px; list-style: none outside none; border-radius: 4px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.065); } ul.wizard li { border: 1px solid #E9ECEF; border-right-width: 0; position: relative; float: left; padding: 0 10px 0 20px; margin: 0; line-height: 38px; background: #fbfbfb; } ul.wizard li .chevron { position: absolute; top: 0; right: -10px; z-index: 1; display: block; border: 20px solid transparent; border-right: 0; border-left: 10px solid #E9ECEF; } ul.wizard li .chevron:before { position: absolute; top: -20px; right: 1px; display: block; border: 20px solid transparent; border-right: 0; border-left: 10px solid #fbfbfb; content: ""; } ul.wizard li .o_link_disable { text-decoration: none; color: inherit; cursor: text; } ul.wizard li.text-success { background: #f3f4f5; } ul.wizard li.text-success .chevron:before { border-left: 10px solid #f5f5f5; } ul.wizard li.text-primary { background: #f1f6fc; } ul.wizard li.text-primary .chevron:before { border-left: 10px solid #f1f6fc; } ul.wizard li:first-child { padding-left: 15px; border-radius: 4px 0 0 4px; } ul.wizard li:last-child { border-radius: 0 4px 4px 0; border-right-width: 1px; } ul.wizard li:last-child .chevron { display: none; } .mycart-popover { max-width: 500px; min-width: 250px; } .mycart-popover .cart_line { border-bottom: 1px #EEE solid; } .mycart-popover .popover-body { max-height: 70vh; overflow-y: auto; } tr#empty { display: none; } .js_change_shipping { cursor: pointer; } a.no-decoration { cursor: pointer; text-decoration: none !important; } #o-carousel-product { transition: top 200ms; } #o-carousel-product.css_not_available { opacity: 0.2; } #o-carousel-product .carousel-outer { height: 400px; max-height: 90vh; } #o-carousel-product .carousel-outer .carousel-inner img { object-fit: contain; } #o-carousel-product .carousel-control-prev .fa { padding-right: 2px; } #o-carousel-product .carousel-control-next .fa { padding-left: 2px; } #o-carousel-product .carousel-control-prev, #o-carousel-product .carousel-control-next { height: 70%; top: 15%; opacity: 0.5; cursor: pointer; transition: opacity 0.8s; } #o-carousel-product .carousel-control-prev:focus, #o-carousel-product .carousel-control-next:focus { opacity: 0.65; } #o-carousel-product .carousel-control-prev:hover, #o-carousel-product .carousel-control-next:hover { opacity: 0.8; } #o-carousel-product .carousel-control-prev > span, #o-carousel-product .carousel-control-next > span { width: 2.5rem; height: 2.5rem; line-height: 2.5rem; color: #212529; background: white; font-size: 1.15rem; border: 1px solid #CED4DA; border-radius: 50%; } @media (max-width: 991.98px) { #o-carousel-product .carousel-control-prev > span, #o-carousel-product .carousel-control-next > span { width: 2rem; height: 2rem; line-height: 2rem; font-size: 1rem; } } @media (min-width: 1200px) { #o-carousel-product:not(:hover) .carousel-control-prev, #o-carousel-product:not(:hover) .carousel-control-next { opacity: 0; } } #o-carousel-product .carousel-item, #o-carousel-product .o_carousel_product_indicators { transition: transform 0.2s ease-out; } #o-carousel-product .carousel-indicators { transition: transform 0.3s ease-in-out; } #o-carousel-product .o_carousel_product_indicators { max-height: 400px; } @media (min-width: 992px) { #o-carousel-product .o_carousel_product_indicators .carousel-indicators { justify-content: start; } #o-carousel-product .o_carousel_product_indicators .carousel-indicators li { width: 64px; height: 64px; text-indent: unset; transition: none; border: 1px solid #CED4DA; } #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: #35979c; } #o-carousel-product .o_carousel_product_indicators .carousel-indicators li:hover { opacity: 1; } } @media (max-width: 991.98px) { #o-carousel-product.o_carousel_product_left_indicators { flex-direction: column-reverse; } #o-carousel-product .carousel-indicators { justify-content: center; } #o-carousel-product .carousel-indicators li { width: 8px; height: 8px; min-width: 8px; border-radius: 50%; border: 2px solid #CED4DA; } #o-carousel-product .carousel-indicators li.active { border-color: #35979c; background-color: #35979c; } #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-outer { height: 500px; } #o-carousel-product.o_carousel_product_left_indicators .o_carousel_product_indicators { max-height: 500px; } #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; } } .ecom-zoomable[data-ecom-zoom-click] img.product_detail_img { cursor: zoom-in; } .ecom-zoomable img[data-zoom] { cursor: zoom-in; } .ecom-zoomable .o_editable img[data-zoom] { cursor: pointer; } .ecom-zoomable .zoomodoo-flyout { box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.2); z-index: 1050; } #coupon_box form { max-width: 300px; } .o_website_sale_animate { opacity: 0.7; position: absolute !important; height: 150px; width: 150px; z-index: 1020; } .o_red_highlight { background: #900000 !important; 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; } /* product recently viewed snippet */ .o_carousel_product_card .o_carousel_product_card_img_top { object-fit: scale-down; } @media (max-width: 767.98px) { .o_carousel_product_card .o_carousel_product_card_img_top { height: 12rem; } } @media (min-width: 768px) { .o_carousel_product_card .o_carousel_product_card_img_top { height: 8rem; } } @media (min-width: 992px) { .o_carousel_product_card .o_carousel_product_card_img_top { height: 12rem; } } .o_carousel_product_card .o_carousel_product_img_link:hover + .o_carousel_product_remove { display: block; } @media (min-width: 576px) { .o_carousel_product_card_wrap { float: left; } } .o_carousel_product_control { top: 33.33333333%; bottom: 33.33333333%; width: 2rem; border-radius: 5px; background-color: #017e84; } .o_carousel_product_remove { position: absolute; display: none; cursor: pointer; right: 5%; top: 5%; } .o_carousel_product_remove:hover { display: block; } .o_product_page_reviews_title .fa { font-size: 1.4rem; color: #35979c; } .o_product_page_reviews_title .fa:before { content: "\f067"; } .o_product_page_reviews_title:not(.collapsed) .fa:before { content: "\f068"; } #o_product_page_reviews_content .o_website_rating_avg h1, #o_product_page_reviews_content .o_website_rating_avg .h1 { font-size: 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%; } /* /website_sale/static/src/scss/website_mail.scss */ /* ---- OpenChatter Website ---- */ .oe_msg img.oe_msg_avatar { width: 50px; margin-right: 10px; } .oe_msg_attachment { display: inline-block; width: 120px; margin: 4px 2px; min-height: 80px; position: relative; border-radius: 3px; text-align: center; vertical-align: top; } .oe_msg_attachment a img.oe_attachment_embedded { display: block; position: relative; margin: 0 0 0 10px; width: 100px; height: 80px; border-radius: 1px; border: solid 3px #FFF; -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.19); -moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.19); box-shadow: 0 3px 10px rgba(0, 0, 0, 0.19); } .oe_msg_attachment a div.oe_attachment_name { display: inline-block; max-width: 100%; padding: 1px 3px; margin-top: 2px; margin-bottom: 5px; background: #F4F5FA; overflow: hidden; color: #4c4c4c; text-shadow: none; border-radius: 3px; word-wrap: break-word; } /* /website_sale/static/src/scss/website_sale_frontend.scss */ .progress-wizard { margin-top: 15px; padding: 0 15px; } @media (min-width: 768px) { .progress-wizard { padding: 0; } } .progress-wizard .progress-wizard-step { position: relative; } @media (min-width: 768px) { .progress-wizard .progress-wizard-step { margin-top: 0.8125rem; float: left; width: 33.33333333%; } .o_wizard_has_extra_step + .progress-wizard .progress-wizard-step { width: 25%; } } @media (max-width: 767.98px) { .progress-wizard .progress-wizard-step.disabled, .progress-wizard .progress-wizard-step.complete { display: none; } } .progress-wizard .progress-wizard-step .progress-wizard-dot { width: 0.625rem; height: 0.625rem; position: relative; display: inline-block; background-color: white; border-radius: 50%; box-shadow: 0 0 0 0.125rem #E9ECEF; } @media (min-width: 768px) { .progress-wizard .progress-wizard-step .progress-wizard-dot { position: absolute; top: auto; left: 50%; bottom: auto; right: auto; margin: -0.375rem 0 0 -0.3125rem; } } .progress-wizard .progress-wizard-step .progress-wizard-steplabel { color: rgba(33, 37, 41, 0.7); margin: 5px 0 5px 5px; font-size: 1rem; display: inline-block; } @media (min-width: 768px) { .progress-wizard .progress-wizard-step .progress-wizard-steplabel { display: block; margin: 1rem 0 20px 0; } } @media (max-width: 767.98px) { .progress-wizard .progress-wizard-step .progress-wizard-steplabel { margin-left: -15px; font-size: 24px; } } .progress-wizard .progress-wizard-step .progress-wizard-bar { height: 0.125rem; background-color: #E9ECEF; } .progress-wizard .progress-wizard-step.active .progress-wizard-dot { animation: fadeIn 1s ease 0s 1 normal none running; background: #35979c; box-shadow: 0 0 0 0.1875rem white, 0 0 0 0.25rem rgba(53, 151, 156, 0.5); } .progress-wizard .progress-wizard-step.active .progress-wizard-steplabel { color: #212529; font-weight: bolder; } .progress-wizard .progress-wizard-step.complete .progress-wizard-dot { background: none; box-shadow: none; } .progress-wizard .progress-wizard-step.complete .progress-wizard-dot:after { position: absolute; top: -0.3125rem; left: -0.3125rem; bottom: auto; right: auto; width: 1.25rem; height: 1.25rem; border-radius: 100%; background: white; color: #00b115; text-align: center; line-height: 1; font-size: 1.25rem; font-family: FontAwesome; content: "\f058"; } .progress-wizard .progress-wizard-step.complete .progress-wizard-steplabel { color: #00b115; } .progress-wizard .progress-wizard-step.complete:hover:not(.disabled) .progress-wizard-dot:after { color: #00b115; } .progress-wizard .progress-wizard-step.complete:hover:not(.disabled) .progress-wizard-steplabel { color: #212529; } .progress-wizard .progress-wizard-step.disabled { cursor: default; } .o_wsale_image_viewer { z-index: -1; } .o_wsale_image_viewer .o_wsale_image_viewer_header { height: 40px; z-index: 1; } .o_wsale_image_viewer .o_wsale_image_viewer_image .o_wsale_image_viewer_void { padding-top: 64px; padding-bottom: 156px; } .o_wsale_image_viewer .o_wsale_image_viewer_image img { cursor: zoom-in; } .o_wsale_image_viewer .o_wsale_image_viewer_carousel { z-index: 1; } .o_wsale_image_viewer .o_wsale_image_viewer_carousel ol { list-style: none; } .o_wsale_image_viewer .o_wsale_image_viewer_carousel ol .o_wsale_image_viewer_thumbnail { width: 128px; height: 128px; } .o_wsale_image_viewer .o_wsale_image_viewer_carousel ol li img { border: 1px solid #CED4DA; } .o_wsale_image_viewer .o_wsale_image_viewer_carousel ol li img.active { border-color: #35979c; } .o_wsale_image_viewer .o_wsale_image_viewer_control { z-index: 1; width: 40px; height: 40px; } .o_wsale_image_viewer .o_wsale_image_viewer_control:hover { background-color: rgba(206, 212, 218, 0.1); } .o_wsale_image_viewer .o_wsale_image_viewer_control.o_wsale_image_viewer_previous { margin: 1px 1px 0 0; } .o_wsale_image_viewer .o_wsale_image_viewer_control.o_wsale_image_viewer_next { margin: 1px 0 0 1px; } /* /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.reverse[type="range"][multiple] { direction: rtl; } .multirange-wrapper input.multirange[type="range"][multiple]::-moz-range-track { border-color: transparent; /* needed to switch Firefox to "styleable" control */ } .multirange-wrapper input.multirange.original[type="range"][multiple]::-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.multirange.ghost[type="range"][multiple] { margin-inline-start: calc(1rem + (1px * 2)); width: calc(100% - calc(1rem + (1px * 2))); } } .multirange-wrapper input.multirange.ghost[type="range"][multiple]::-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.multirange.ghost[type="range"][multiple]::-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; } /* /sale/static/src/scss/product_configurator.scss */ .css_attribute_color { position: relative; display: inline-block; border: 5px solid #CED4DA; border-radius: 50%; text-align: center; transition: background-color 0.05s ease-in-out, border-color 0.05s ease-in-out, box-shadow 0.05s ease-in-out; } .css_attribute_color .form-check-input:not(:disabled):not(.o_wysiwyg_loader), .css_attribute_color .form-check-input:not(:disabled):not(.o_wysiwyg_loader) + label { cursor: pointer; } .css_attribute_color:hover, .css_attribute_color:hover .form-check-input:not(:disabled):not(.o_wysiwyg_loader) { border-color: #35979c; } .css_attribute_color:before { content: ""; display: block; position: absolute; top: -3px; left: -3px; bottom: -3px; right: -3px; border: 4px solid white; border-radius: 50%; box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); } .css_attribute_color input { margin: 8px; height: 13px; width: 13px; opacity: 0; } .css_attribute_color.active { border: 5px solid #35979c; } .css_attribute_color.custom_value { background-image: linear-gradient(to bottom right, #FF0000, #FFF200, #1E9600); } .css_attribute_color.transparent { background-image: url(/web/static/img/transparent.png); } .css_not_available_msg { display: none; } .css_not_available.js_product .css_quantity { display: none !important; } .css_not_available.js_product .css_not_available_msg { display: block; } .css_not_available.js_product .availability_messages { display: none; } .css_not_available.js_product .js_add, .css_not_available.js_product .oe_price, .css_not_available.js_product .oe_default_price, .css_not_available.js_product .oe_optional { display: none; } .css_quantity { width: initial; } .css_quantity .btn, .css_quantity input { border-color: #CED4DA; } .css_quantity input { height: auto !important; max-width: 5ch; } option.css_not_available { color: #ccc; } select.form-select.css_attribute_select { background-image: url("data:image/svg+xml;utf8,"); background-size: 20px; background-position: 100% 65%; background-repeat: no-repeat; max-width: 400px; } label.css_not_available, .o_variant_pills.css_not_available { opacity: 0.6; } label.css_attribute_color.css_not_available { opacity: 1; } label.css_attribute_color.css_not_available:after { content: ""; position: absolute; top: -5px; left: -5px; bottom: -5px; right: -5px; border: 2px solid #900000; border-radius: 50%; background: url("data:image/svg+xml;utf8,"); background-position: center; background-repeat: no-repeat; } .variant_attribute { padding-bottom: 1rem; } .variant_attribute .attribute_name { display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; font-size: 0.9rem; text-transform: uppercase; padding-bottom: 0.5rem; } .variant_attribute .attribute_name:after { content: ''; margin-left: 1rem; flex-grow: 1; border-bottom: 1px solid #CED4DA; } .variant_attribute .radio_input_value { font-weight: 400; } .variant_attribute .radio_input_value:not(.o_variant_pills_input_value) { margin-right: 1rem; } .variant_attribute .radio_input_value:not(.o_variant_pills_input_value), .variant_attribute .radio_input_value:not(.o_variant_pills_input_value) > span { vertical-align: middle; } .variant_attribute .radio_input_value.o_variant_pills_input_value .badge { color: #6C757D; background: white; border: 1px solid #35979c; } .variant_attribute .radio_input_value.o_variant_pills_input_value .badge, .variant_attribute .radio_input_value.o_variant_pills_input_value .badge > span { vertical-align: middle; } .variant_attribute .radio_input_value.o_variant_pills_input_value .badge .sign_badge_price_extra { font-size: 1.1rem; } .variant_attribute .variant_custom_value { margin-bottom: 0.7rem; } .variant_attribute .variant_custom_value.custom_value_radio { display: inline-block; } .variant_attribute select { margin-bottom: 0.5rem; } .variant_attribute ul.list-inline { margin-left: 0; } .variant_attribute .o_variant_pills { padding: 0.5rem 1rem; margin-right: 0.2rem; border: none; cursor: default !important; } .variant_attribute .o_variant_pills.btn.active { background-color: #35979c; } .variant_attribute .o_variant_pills:not(.active) { color: #6C757D; background-color: #E9ECEF; } .variant_attribute .o_variant_pills input { -moz--webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit--webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; opacity: 0; } .variant_attribute .radio_input_value .badge, .variant_attribute select .badge, .variant_attribute label .badge { margin-left: 3px; padding-left: 3px; } .variant_attribute .radio_input_value .sign_badge_price_extra, .variant_attribute select .sign_badge_price_extra, .variant_attribute label .sign_badge_price_extra { display: inline-block; width: 1rem; height: 1rem; color: #35979c; background: white; line-height: 1rem; border-radius: 50%; } .o_product_configurator .product_detail_img { max-height: 240px; } .table-striped tbody tr:nth-of-type(odd) .o_select_options { background-color: rgba(0, 0, 0, 0.025); } .table-striped tbody tr:nth-of-type(odd) .o_total_row { font-size: 1.2rem; } .modal.o_technical_modal .oe_advanced_configurator_modal .btn.js_add_cart_json { padding: 0.075rem 0.75rem; } .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: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; } .js_product .td-action { width: 30px; } .js_product .td-price, .js_product .td-price-total { width: 120px; } @media (max-width: 767.98px) { .js_product .td-img, .js_product .td-price-total { display: none; } .js_product .td-qty { width: 60px; } .js_product .td-price { width: 80px; } } @media (max-width: 476px) { .js_product .td-qty { width: 60px; } .js_product #modal_optional_products table thead, .js_product .oe_cart table thead { display: none; } .js_product #modal_optional_products table td.td-img, .js_product .oe_cart table td.td-img { display: none; } } .o_total_row { height: 50px; } .oe_striked_price { text-decoration: line-through; white-space: nowrap; } /* /auth_totp_portal/static/src/scss/auth_totp_portal.scss */ /* As we use the Enable TOTP backend wizard in frontend, we need to import the needed css from backend to replicate backend copyclipboard widget style. We cannot put this into the original view as all those classes are generated in the backend widget. */ .o_auth_totp_enable_2FA .o_field_copy { height: 24px; position: relative; width: 100% !important; border-radius: 5px; border: 1px solid #35979c; font-size: 0.75rem; text-transform: uppercase; color: #71639e; font-weight: 700; text-align: center; padding-right: 6rem; word-break: break-word; } .o_auth_totp_enable_2FA .o_field_copy .o_clipboard_button { position: absolute; top: 0; left: auto; bottom: auto; right: 0; } .o_auth_totp_enable_2FA .o_field_copy .o_clipboard_button.o_btn_text_copy { position: absolute; top: 0; right: 0; } .o_auth_totp_enable_2FA .o_field_copy .o_clipboard_button.o_btn_char_copy { height: 100%; } .o_auth_totp_enable_2FA .o_field_copy.o_field_copy_url { cursor: pointer; padding-left: 3px; } /* /contract/static/src/scss/frontend.scss */ /* https://github.com/odoo/odoo/blob/14.0/addons/website/static/src/snippets/s_timeline/000.scss */ .s_timeline .s_timeline_line { position: relative; } .s_timeline .s_timeline_line:before { content: ""; position: absolute; width: 1px; top: 0px; bottom: 0px; left: 50%; background-color: gray("800"); } .s_timeline .s_timeline_row { align-items: center; } .s_timeline .s_timeline_row .s_timeline_content { align-items: center; -webkit-box-pack: end; justify-content: flex-end; width: 100%; } .s_timeline .s_timeline_row .s_timeline_content ~ .s_timeline_content { -webkit-box-pack: start; justify-content: flex-start; } .s_timeline .s_timeline_row.flex-row-reverse .s_timeline_content { flex-direction: row-reverse; } @media (min-width: 768px) { .s_timeline .s_timeline_row.flex-row-reverse .s_timeline_content { flex-direction: row-reverse; } .s_timeline .s_timeline_row.flex-row-reverse .s_timeline_content:not(:last-child) { margin-left: 10%; } .s_timeline .s_timeline_row:not(.flex-row-reverse) .s_timeline_content:last-child { margin-left: 10%; } } .s_timeline .s_timeline_date { text-align: center; } @media (min-width: 768px) { .s_timeline .s_timeline_date { position: absolute; left: 0%; right: 0%; } } @media (max-width: 575.98px) { .s_timeline .s_timeline_date { position: relative; margin: 20px 0px; } } .s_timeline .s_timeline_date span:not(.fa) { display: inline-block; padding: 5px; } .s_timeline .s_timeline_date .fa { margin: 0 15px; } .s_timeline .s_timeline_icon { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; margin: 15px; z-index: 1; } /* /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 .btn.o_add_wishlist_dyn.disabled i::before { content: "\f004"; } @media (max-width: 767.98px) { .oe_website_sale .td-wish-btn { width: 100px; } } table.table-comparator .td-img img { max-height: 100px; } /* /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; } /* /website_sale_comparison/static/src/scss/website_sale_comparison.scss */ .o_product_feature_panel { position: fixed; bottom: 0; left: 50%; transform: translateX(-50%); z-index: 10; border: 2px solid; } .o_product_feature_panel .o_product_panel { position: relative; } .o_product_feature_panel .o_product_panel .o_product_panel_header { margin: 0 10px 0 10px; cursor: pointer; } .o_product_feature_panel .o_product_panel .o_product_panel_header .o_product_icon { margin-right: 5px; } .o_product_feature_panel .o_product_panel .o_product_panel_header .o_product_text { text-transform: uppercase; vertical-align: middle; font-size: 16px; } .o_product_feature_panel .o_product_panel .o_product_panel_header .o_product_circle { vertical-align: 6px; padding: 0 3px; line-height: 14px; } .o_product_feature_panel .o_product_panel .o_product_panel_content { display: none !important; } .oe_website_sale .product_summary > * { display: block; margin: 15px 0 15px 0; } .oe_website_sale .table-comparator .o_product_comparison_collpase { margin-right: 8px; } .oe_website_sale div.css_not_available .o_add_compare_dyn { display: none; } .oe_website_sale .o_comparelist_remove { position: absolute; top: 0; left: auto; bottom: auto; right: 0.5rem; } .oe_website_sale .o_ws_compare_image { vertical-align: middle; } #product_full_spec { border-top: 1px solid #CED4DA; } #product_full_spec .o_add_compare_dyn { font-size: 1.1rem; } /* /website_blog/static/src/scss/website_blog.scss */ @keyframes o-wblog-fade-In { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes o-wblog-loader { 0%, 100% { animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5); } 0% { transform: rotateY(0deg); } 50% { transform: rotateY(1800deg); animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1); } 100% { transform: rotateY(3600deg); } } .website_blog .o_website_blog_nav_container::before, .website_blog .o_website_blog_nav_container::after { display: none !important; } .website_blog > nav > .container > ul.navbar-nav, .website_blog > nav > .o_container_small > ul.navbar-nav { -webkit-flex-wrap: wrap; flex-wrap: wrap; flex-shrink: 2; } .website_blog > nav > .container:has(> ul.navbar-nav .nav-item:nth-child(10)) .o_searchbar_form, .website_blog > nav > .o_container_small:has(> ul.navbar-nav .nav-item:nth-child(10)) .o_searchbar_form { align-self: start; } .website_blog .css_website_mail .o_has_error { border-color: red; } .website_blog .css_website_mail .css_nav_month { display: none; } .website_blog .css_website_mail .css_nav_month:first-of-type { display: block; } .website_blog .o_wblog_page_cards_bg { background-color: rgba(0, 0, 0, 0.005); } .website_blog .o_wblog_read_with_sidebar { max-width: 1000px; } .website_blog .o_wblog_read_text { font-size: 18px; line-height: 28px; font-weight: 300; } .website_blog .o_wblog_read_text p, .website_blog .o_wblog_read_text ul, .website_blog .o_wblog_read_text ol { margin-bottom: 1.55em; } .website_blog .o_wblog_read_text li { margin-bottom: 1em; } .website_blog .o_wblog_read_text .lead { font-size: 26px; line-height: 34px; margin-bottom: 40px; } .website_blog .o_wblog_author_avatar { width: 1.2em; height: 1.2em; max-width: none; object-fit: cover; } .website_blog .o_wblog_author_avatar_date { width: 2em; height: 2em; max-width: none; object-fit: cover; } .website_blog .o_wblog_social_links > a { width: 3em; height: 3em; } .website_blog .o_wblog_social_links > a > i { font-size: 1.3em; } .website_blog #o_wblog_post_content { min-height: 350px !important; } .website_blog #o_wblog_post_content a.oe_mail_expand:after { content: " →"; } .website_blog #o_wblog_post_content a.oe_mail_expand { font-weight: bold; } .website_blog #o_wblog_post_content > nav.breadcrumb .breadcrumb-item:not(.active), .website_blog .blog_header > nav.breadcrumb .breadcrumb-item:not(.active) { flex-shrink: 0; } @media (max-width: 767.98px) { .website_blog #o_wblog_post_content > nav.breadcrumb, .website_blog .blog_header > nav.breadcrumb { flex-wrap: wrap !important; } .website_blog #o_wblog_post_content > nav.breadcrumb .breadcrumb-item, .website_blog .blog_header > nav.breadcrumb .breadcrumb-item { flex-shrink: 1 !important; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } } .website_blog #o_wblog_post_comments .o_portal_chatter > hr { display: none; } .website_blog .o_wblog_post_page_cover .o_wblog_post_title > .h4 { color: var(--o-cc3-btn-secondary-text); } .website_blog .o_wblog_post_page_cover.cover_auto { padding: 3rem 0; min-height: 1px; } .website_blog .o_wblog_post_page_cover.o_wblog_post_page_cover_regular.o_full_screen_height, .website_blog .o_wblog_post_page_cover_regular.o_half_screen_height, .website_blog .o_wblog_post_page_cover_regular.cover_full, .website_blog .o_wblog_post_page_cover_regular.cover_mid { min-height: 70vh !important; } .website_blog .o_wblog_post_page_cover.o_wblog_post_page_cover_regular.o_half_screen_height, .website_blog .o_wblog_post_page_cover_regular.cover_mid { min-height: 40vh !important; } .website_blog .o_wblog_post_page_cover.o_wblog_post_page_cover_regular.cover_auto { min-height: 150px; padding: 0; } .website_blog .o_wblog_post_page_cover.o_record_has_cover .o_record_cover_image:after { content: ""; display: block; position: absolute; top: 0; left: 0; bottom: 50%; right: 0; background-image: linear-gradient(rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.369) 19%, rgba(0, 0, 0, 0.2705) 34%, rgba(0, 0, 0, 0.191) 47%, rgba(0, 0, 0, 0.139) 56.5%, rgba(0, 0, 0, 0.097) 65%, rgba(0, 0, 0, 0.063) 73%, rgba(0, 0, 0, 0.0375) 80.2%, rgba(0, 0, 0, 0.021) 86.1%, rgba(0, 0, 0, 0.0105) 91%, rgba(0, 0, 0, 0.004) 95.2%, rgba(0, 0, 0, 0.001) 98.2%, rgba(0, 0, 0, 0) 100%); } .website_blog .o_wblog_post_page_cover.o_record_has_cover .o_wblog_post_title { color: white; } .website_blog .o_wblog_post_page_cover.o_record_has_cover.o_wblog_post_page_cover_regular .o_record_cover_image:after { visibility: hidden; } .website_blog .o_wblog_post_title #o_wblog_post_name { font-weight: 300; line-height: 1.5; font-size: calc(1.475rem + 2.7vw); } @media (min-width: 1200px) { .website_blog .o_wblog_post_title #o_wblog_post_name { font-size: 3.5rem; } } .website_blog .o_wblog_post_title #o_wblog_post_subtitle { font-weight: 300; font-size: 1.125rem; } .website_blog .o_wblog_regular_cover_container #o_wblog_post_name { line-height: 1; padding-bottom: 0.5rem; } .website_blog .o_wblog_post_page_cover_footer { min-height: 33vh; transition: all 0.3s cubic-bezier(0.02, 0.01, 0.47, 1); } .website_blog #o_wblog_next_container { background-color: #FFFFFF; cursor: pointer; } .website_blog #o_wblog_next_container .o_wblog_next_loader { transform: translateZ(1px); } .website_blog #o_wblog_next_container .o_wblog_next_loader div { width: 50px; height: 50px; background: rgba(0, 0, 0, 0.15); animation: o-wblog-loader 2.4s cubic-bezier(0, 0.2, 0.8, 1) infinite; } .website_blog #o_wblog_next_container .o_wblog_next_fake_btn { height: 50px; } .website_blog #o_wblog_post_main.o_wblog_post_main_transition { animation: o-wblog-fade-In 1s cubic-bezier(0.02, 0.01, 0.47, 1); } .website_blog #o_wblog_post_footer a.w-25 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; } .website_blog #o_wblog_posts_loop .o_record_cover_container { box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); padding-top: 33%; height: auto !important; min-height: auto !important; } .website_blog #o_wblog_posts_loop .o_record_cover_container:hover .o_record_cover_image { opacity: 0.8; } .website_blog #o_wblog_posts_loop .o_wblog_normalize_font { font-size: 13px; line-height: 1.45; } .website_blog #o_wblog_posts_loop .o_wblog_post_list_author { background-image: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.131) 19%, rgba(0, 0, 0, 0.2295) 34%, rgba(0, 0, 0, 0.309) 47%, rgba(0, 0, 0, 0.361) 56.5%, rgba(0, 0, 0, 0.403) 65%, rgba(0, 0, 0, 0.437) 73%, rgba(0, 0, 0, 0.4625) 80.2%, rgba(0, 0, 0, 0.479) 86.1%, rgba(0, 0, 0, 0.4895) 91%, rgba(0, 0, 0, 0.496) 95.2%, rgba(0, 0, 0, 0.499) 98.2%, rgba(0, 0, 0, 0.5) 100%); } .website_blog #o_wblog_posts_loop.o_wblog_list_view .o_record_cover_container { padding-top: 20%; } .website_blog #o_wblog_posts_loop.o_wblog_list_view .o_wblog_post_cover_nocard .o_record_cover_container { padding-top: 33%; } @media (max-width: 767.98px) { .website_blog #o_wblog_posts_loop.o_wblog_list_view > .row { margin-left: 0; margin-right: 0; } } body.editor_enable .website_blog .o_record_cover_container.o_wblog_post_page_cover:not(.o_record_has_cover) { padding: 30px 0; } body.editor_enable .website_blog #o_wblog_sidebar .oe_structure:empty { display: none; } body.editor_enable .website_blog .o_wblog_sidebar_block select[name="archive"] { pointer-events: none; } #o_wblog_post_content_jump { width: 50px; height: 50px; background-color: rgba(0, 0, 0, 0.5); } #o_wblog_post_content_jump:hover { background-color: rgba(0, 0, 0, 0.7); } #o_wblog_index_content > .container > .row > .border-end, #o_wblog_index_content > .o_container_small > .row > .border-end { width: auto; } /* /website_sale_product_configurator/static/src/scss/website_sale_options.scss */ .css_not_available.js_product .product_price { display: none !important; } div#modal_optional_products table tr td { border: 0; } @media (max-width: 767.98px) { div#modal_optional_products .td-qty { display: none; } } /* /rma_sale/static/src/scss/rma_sale.scss */ .request-rma-tbody td { vertical-align: middle; } /* /website_mass_mailing/static/src/scss/website_mass_mailing_popup.scss */ .o_newsletter_modal .modal-header { padding: 0; border: none; } .o_newsletter_modal .modal-title { display: none; } .o_newsletter_modal .close { z-index: 1055; position: absolute; top: 0; left: auto; bottom: auto; right: 0; width: 2.5rem; height: 2.5rem; line-height: 2.5rem; margin: 0; padding: 0; background-color: #FFFFFF !important; color: #35979c; box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); opacity: 1; } /* /theme_clarico_vega/static/src/scss/blog.scss */ /*=========================== Blog style 1 =============================*/ .s_blog_post_style_template_1 .s_blog_posts_post_cover { height: 100px; width: 100px; max-width: unset; max-height: unset; margin-right: 0.8rem; } .s_blog_post_style_template_1 .s_blog_posts_post_title { font-size: 1.25rem; line-height: 1.4; } @media (max-width: 575.98px) { .s_blog_post_style_template_1 .s_blog_posts_post_title { font-size: 1.15rem; } } .s_blog_post_style_template_1 .s_blog_posts_post_subtitle { color: inherit; margin: 0.4rem 0 !important; max-width: 60%; } .s_blog_post_style_template_1 .te_blog_post_date, .s_blog_post_style_template_1 .te_tag_list { display: none; } .s_blog_post_style_template_1 a:hover { text-decoration: none; } /*============================ Blog style 2 ===========================*/ .s_blog_post_style_template_2 .te_blog_2_heading { font-weight: bold; text-align: center; } .s_blog_post_style_template_2 .o_record_cover_container { position: relative !important; display: block !important; height: 300px !important; } .s_blog_post_style_template_2 .s_blog_posts_post { padding: 0; flex: 0 0 100%; max-width: 100%; } @media (max-width: 575.98px) { .s_blog_post_style_template_2 .s_blog_posts_post { display: block !important; } .s_blog_post_style_template_2 .s_blog_posts_post .s_blog_posts_post_cover, .s_blog_post_style_template_2 .s_blog_posts_post .ps-2 { max-width: 100% !important; display: block; } } .s_blog_post_style_template_2 .s_blog_posts_post .s_blog_posts_post_cover { flex: 0 0 50%; max-width: 50%; } .s_blog_post_style_template_2 .s_blog_posts_post .s_blog_posts_post_cover .o_record_cover_image { min-height: 300px; } .s_blog_post_style_template_2 .s_blog_posts_post .s_blog_posts_post_cover .o_record_cover_image:before { width: 100%; height: 100%; content: ''; position: absolute; top: 0; right: auto; bottom: auto; left: 0; background: rgba(0, 0, 0, 0.3); transition: all, 0.4s, ease; opacity: 0; z-index: 1; } @media (prefers-reduced-motion: reduce) { .s_blog_post_style_template_2 .s_blog_posts_post .s_blog_posts_post_cover .o_record_cover_image:before { transition: none; } } .s_blog_post_style_template_2 .s_blog_posts_post .s_blog_posts_post_cover .o_record_cover_image:after { content: '\f061'; font-family: "FontAwesome" !important; line-height: 40px; text-align: center; width: 40px; height: 40px; position: absolute; top: 50%; right: auto; bottom: auto; left: 50%; margin: -20px 0 0 -20px; color: #ffffff; border: 1px solid #ffffff; border-radius: 50%; transition-property: all; transition-duration: 0.1s; transition-timing-function: ease; opacity: 0; z-index: 1; transform: scale(1.5); } .s_blog_post_style_template_2 .s_blog_posts_post .s_blog_posts_post_cover .o_record_cover_image:hover:before { opacity: 1; } .s_blog_post_style_template_2 .s_blog_posts_post .s_blog_posts_post_cover .o_record_cover_image:hover:after { opacity: 1; transform: scale(1) !important; } .s_blog_post_style_template_2 .s_blog_posts_post .ps-2 { flex: 0 0 50%; max-width: 50%; padding: 0 30px 0 !important; position: relative; } .s_blog_post_style_template_2 .s_blog_posts_post .ps-2 a:hover { text-decoration: none; } .s_blog_post_style_template_2 .s_blog_posts_post .ps-2:before { content: ""; position: absolute; top: 30px; right: auto; left: auto; bottom: -40px; border: 0; width: 80px; height: 2px; background: #35979c; margin-top: 0; } @media (max-width: 575.98px) { .s_blog_post_style_template_2 .s_blog_posts_post .ps-2:before { content: unset; } } .s_blog_post_style_template_2 .s_blog_posts_post .ps-2 > a { color: unset; } .s_blog_post_style_template_2 .s_blog_posts_post .ps-2 .s_blog_posts_post_title { -webkit-line-clamp: 2; margin-bottom: 1rem !important; font-size: 1.25rem; } @media (max-width: 767.98px) { .s_blog_post_style_template_2 .s_blog_posts_post .ps-2 .s_blog_posts_post_title { font-size: 1.3125rem; } } @media (max-width: 575.98px) { .s_blog_post_style_template_2 .s_blog_posts_post .ps-2 .s_blog_posts_post_title { height: 40px; margin-bottom: 5px !important; font-size: 1.1875rem; } } .s_blog_post_style_template_2 .s_blog_posts_post .ps-2 .s_blog_posts_post_title:hover { color: #35979c; } .s_blog_post_style_template_2 .s_blog_posts_post .ps-2 .s_blog_posts_post_subtitle { font-size: 0.9375rem; line-height: 1.8; -webkit-line-clamp: 2; max-width: 100%; } .s_blog_post_style_template_2 .te_tag_list { margin-bottom: 1rem; } .s_blog_post_style_template_2 .te_tag_list .te_tag_div { display: inline-block; margin-right: 7px; } @media (max-width: 575.98px) { .s_blog_post_style_template_2 .te_tag_list { margin-bottom: 5px; } } .s_blog_post_style_template_2 .te_blog_post_date { margin-bottom: 30px; } .s_blog_post_style_template_2 .te_blog_post_date i { margin-right: 5px; } @media (max-width: 575.98px) { .s_blog_post_style_template_2 .te_blog_post_date { margin-bottom: 5px; } } .s_blog_post_style_template_2 .te_theme_button { display: none; } /*============================ Blog style 3 ===========================*/ .s_blog_post_style_template_3 .te_blog_3_heading { font-weight: bold; text-align: center; } .s_blog_post_style_template_3 .s_blog_posts_post { flex: 0 0 100%; max-width: 100%; display: block !important; } @media (max-width: 575.98px) { .s_blog_post_style_template_3 .s_blog_posts_post { flex: 0 0 100%; max-width: 100%; } } .s_blog_post_style_template_3 .s_blog_posts_post:hover .o_record_cover_image { transform: scale(1.1); } .s_blog_post_style_template_3 .s_blog_posts_post:hover .o_record_cover_image:after { opacity: 1 !important; } .s_blog_post_style_template_3 .s_blog_posts_post .s_blog_posts_post_cover .o_record_cover_container { position: relative !important; display: block !important; height: 300px !important; } .s_blog_post_style_template_3 .s_blog_posts_post .s_blog_posts_post_cover .o_record_cover_container { right: 0; left: 0; overflow: hidden; } .s_blog_post_style_template_3 .s_blog_posts_post .s_blog_posts_post_cover .o_record_cover_container .o_record_cover_image { transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); z-index: 1; } .s_blog_post_style_template_3 .s_blog_posts_post .s_blog_posts_post_cover .o_record_cover_container .o_record_cover_image:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity, 0.7s, ease; } @media (prefers-reduced-motion: reduce) { .s_blog_post_style_template_3 .s_blog_posts_post .s_blog_posts_post_cover .o_record_cover_container .o_record_cover_image:after { transition: none; } } .s_blog_post_style_template_3 .s_blog_posts_post .ps-2 { display: block; z-index: 5; background-color: #ffffff; padding: 16px; margin: 0px auto; text-align: center; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(136, 136, 136, 0.1); border-radius: 6px; position: relative; margin-top: -50px; max-width: 90%; } .s_blog_post_style_template_3 .s_blog_posts_post .ps-2 a:not(.btn) { color: unset; } .s_blog_post_style_template_3 .s_blog_posts_post .ps-2 a:not(.btn):hover { text-decoration: none !important; } .s_blog_post_style_template_3 .s_blog_posts_post .ps-2 .s_blog_posts_post_title { margin-bottom: 0.75rem !important; font-size: 1.25rem; } @media (max-width: 767.98px) { .s_blog_post_style_template_3 .s_blog_posts_post .ps-2 .s_blog_posts_post_title { font-size: 1.3125rem; } } @media (max-width: 575.98px) { .s_blog_post_style_template_3 .s_blog_posts_post .ps-2 .s_blog_posts_post_title { height: 40px; margin-bottom: 5px !important; font-size: 1.1875rem; } } .s_blog_post_style_template_3 .s_blog_posts_post .ps-2 .s_blog_posts_post_title:hover { color: #35979c; } .s_blog_post_style_template_3 .s_blog_posts_post .ps-2 .s_blog_posts_post_subtitle { font-size: 0.9375rem; line-height: 1.8; -webkit-line-clamp: 2; margin-bottom: 0.75rem !important; max-width: 100%; } @media (max-width: 575.98px) { .s_blog_post_style_template_3 .s_blog_posts_post .ps-2 .s_blog_posts_post_subtitle { margin-bottom: 5px; } } .s_blog_post_style_template_3 .te_theme_button { padding: 6px 25px !important; font-size: unset; line-height: unset; margin-top: 0 !important; } .s_blog_post_style_template_3 .te_tag_list { display: none; } .s_blog_post_style_template_3 .te_blog_post_date { position: absolute; top: -255px; right: auto; bottom: auto; left: -10px; z-index: 9; } .s_blog_post_style_template_3 .te_blog_post_date:after { position: absolute; top: 52px; right: auto; bottom: auto; left: 0px; content: ""; width: 0; height: 0; border-left: 45px solid inherit; border-right: 45px solid inherit; border-top: 10px solid #f9f9f9; z-index: 15; } .s_blog_post_style_template_3 .te_blog_post_date > i { display: none; } .s_blog_post_style_template_3 .te_blog_post_date > span { position: relative; display: block; z-index: 9; padding: 5px 6px; border-top-right-radius: 8px; width: 90px; text-align: center; background-color: #ffffff; background-image: linear-gradient(315deg, #fff 0%, #f6f8fb 74%); } .s_blog_post_style_template_3 .te_blog_post_date > span:before, .s_blog_post_style_template_3 .te_blog_post_date > span:after { content: ""; height: 6px; position: absolute; top: 0; } .s_blog_post_style_template_3 .te_blog_post_date > span:before { width: 6px; left: -6px; background-image: linear-gradient(315deg, #fff 0%, #f6f8fb 74%); } .s_blog_post_style_template_3 .te_blog_post_date > span:after { width: 8px; left: -8px; border-radius: 8px 8px 0 0; background-image: linear-gradient(315deg, #fff 0%, #e2e7ec 74%); } /*============================ Blog style 4 ===========================*/ .s_blog_post_style_template_4 .te_blog_4_heading { font-weight: bold; text-align: center; } .s_blog_post_style_template_4 .s_blog_posts_post { flex: 0 0 100%; max-width: 100%; display: block !important; } @media (max-width: 767.98px) { .s_blog_post_style_template_4 .s_blog_posts_post { flex: 0 0 50%; max-width: 50%; } } @media (max-width: 575.98px) { .s_blog_post_style_template_4 .s_blog_posts_post { flex: 0 0 100%; max-width: 100%; } } .s_blog_post_style_template_4 .s_blog_posts_post .s_blog_posts_post_cover { padding: 1rem 1rem 0.5rem !important; display: block; border: 3px solid #ededed; border-bottom: 0; border-top-right-radius: 6px; border-top-left-radius: 6px; } .s_blog_post_style_template_4 .s_blog_posts_post .s_blog_posts_post_cover .o_record_cover_container { position: relative !important; display: block !important; height: 200px !important; overflow: hidden; } .s_blog_post_style_template_4 .s_blog_posts_post .s_blog_posts_post_cover .o_record_cover_container:before { position: absolute; top: 0; right: auto; bottom: auto; left: -100%; content: ""; z-index: 1; display: block; width: 50%; height: 100%; background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%); transform: skewX(-25deg); } .s_blog_post_style_template_4 .s_blog_posts_post:hover .o_record_cover_container::before { animation: effect_shine 1s; } .s_blog_post_style_template_4 .s_blog_posts_post .ps-2 { padding: 0.5rem 1rem 1rem !important; display: block; border: 3px solid #ededed; border-top: 0; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } .s_blog_post_style_template_4 .s_blog_posts_post .ps-2 a:hover { text-decoration: none; } .s_blog_post_style_template_4 .s_blog_posts_post .ps-2 a:not(.btn) { color: unset; } .s_blog_post_style_template_4 .s_blog_posts_post .ps-2 .te_blog_post_date { margin-bottom: 1rem; } .s_blog_post_style_template_4 .s_blog_posts_post .ps-2 .te_blog_post_date > i { display: none; } .s_blog_post_style_template_4 .s_blog_posts_post .ps-2 .te_tag_list { margin-bottom: 1rem; } .s_blog_post_style_template_4 .s_blog_posts_post .ps-2 .te_tag_list .te_tag_div { display: inline-block; margin-right: 7px; } .s_blog_post_style_template_4 .s_blog_posts_post .ps-2 .s_blog_posts_post_title { margin-bottom: 1rem !important; font-size: 1.25rem; } @media (max-width: 767.98px) { .s_blog_post_style_template_4 .s_blog_posts_post .ps-2 .s_blog_posts_post_title { font-size: 1.3125rem; } } @media (max-width: 575.98px) { .s_blog_post_style_template_4 .s_blog_posts_post .ps-2 .s_blog_posts_post_title { height: 40px; margin-bottom: 5px !important; font-size: 1.1875rem; } } .s_blog_post_style_template_4 .s_blog_posts_post .ps-2 .s_blog_posts_post_title:hover { color: #35979c; } .s_blog_post_style_template_4 .s_blog_posts_post .ps-2 .s_blog_posts_post_subtitle { font-size: 0.9375rem; line-height: 1.8; -webkit-line-clamp: 2; max-width: 100%; margin-bottom: 0.75rem !important; } @media (max-width: 575.98px) { .s_blog_post_style_template_4 .s_blog_posts_post .ps-2 .s_blog_posts_post_subtitle { margin-bottom: 5px; } } .s_blog_post_style_template_4 .te_theme_button { margin-top: 0 !important; overflow: hidden; background: #e0e0e0 !important; list-style: none; white-space: nowrap; margin-right: 10px; border-radius: 50px !important; display: inline-block; padding: 4px 6px !important; border: unset; color: #000000 !important; line-height: unset; font-size: unset; box-shadow: unset !important; } .s_blog_post_style_template_4 .te_theme_button:after { content: unset; } .s_blog_post_style_template_4 .te_theme_button:before { font-family: "FontAwesome"; content: "\f061"; padding-left: 2px; z-index: 2; position: unset; transform: unset; transition: unset; border: 0; transform-origin: unset; box-shadow: none; background: unset; opacity: 1; color: unset; } .s_blog_post_style_template_4 .te_theme_button span { opacity: 0; max-width: 0; display: inline-block; text-decoration: none; transition: max-width 1s ease-out 0.1s, opacity 1s ease-out 0.1s, color; padding: 0; } .s_blog_post_style_template_4 .te_theme_button:hover span { opacity: 1; max-width: 200px; transition: max-width 1s ease-out 0.1s, opacity 1s ease-out 0.1s, color 0.5s; } /*============================ Latest Blog Big Picture (Blog Style 5) ===========================*/ .s_blog_post_style_template_5 .s_blog_posts_post { min-height: 300px; overflow: hidden; position: relative; } .s_blog_post_style_template_5 .s_blog_posts_post .s_blog_posts_post_cover { min-height: 100%; } .s_blog_post_style_template_5 .s_blog_posts_post:hover:before { animation: effect_shine 1s; } .s_blog_post_style_template_5 .s_blog_posts_post:before { position: absolute; position: absolute; top: 0; right: auto; bottom: auto; left: -100%; content: ""; z-index: 1; display: block; width: 50%; height: 100%; background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%); transform: skewX(-25deg); } .s_blog_post_style_template_5 .s_blog_posts_post .te_blog_post_date > span { position: absolute; top: 5px; right: 5px; background: #35979c; color: #ffffff; padding: 4px 6px; border-radius: 5px; } .s_blog_post_style_template_5 .s_blog_posts_post .te_icon_r_more { position: absolute; right: 10px; bottom: 10px; background: #ffffff; height: 32px; width: 32px; text-align: center; line-height: 32px; border-radius: 20px; color: #35979c; font-weight: normal; z-index: 1; transition-property: all; transition-duration: 0.4s; transition-timing-function: ease-in-out; } .s_blog_post_style_template_5 .s_blog_posts_post .te_icon_r_more:hover { right: 5px; } .s_blog_post_style_template_5 .s_blog_posts_post figcaption { z-index: 1; position: relative; justify-content: center; } .s_blog_post_style_template_5 .s_blog_posts_post figcaption .s_blog_posts_post_subtitle { transition-property: all; transition-duration: 0.4s; transition-timing-function: ease-in-out; } .s_blog_post_style_template_5 .s_blog_posts_post .s_blog_posts_post_title { font-size: 1.25rem; margin-bottom: 0.5em; word-spacing: -0.15em; } .s_blog_post_style_template_5 .te_blog_heading { font-weight: bold; color: #000000; text-align: center; } @-webkit-keyframes effect_shine { 100% { left: 150%; } } @keyframes effect_shine { 100% { left: 150%; } } .s_blog_posts_post_cover { position: relative; } .s_blog_posts_post_cover .o_record_cover_container .o_record_cover_filter { opacity: 0.2 !important; } /*=========================== Complete Blog =============================*/ #o_wblog_post_main #o_wblog_post_content .badge { color: #8d8d8d !important; text-transform: uppercase; border-width: 0; box-shadow: none; border-radius: 5px; padding: 0 12px; line-height: 32px; background-color: #f0f0f0; transition: .3s all ease-in-out; display: inline-block; position: relative; margin-right: 10px; margin-bottom: 12px; border: 3px solid #fff; font-weight: 700; } #o_wblog_post_main #o_wblog_post_content .badge:hover { color: #fff !important; background-color: #35979c; } #o_wblog_post_main #o_wblog_post_content .blockquote-footer { color: #333333; } #o_wblog_post_main #o_wblog_post_content .o_wblog_post_content_field p.lead { font-size: 1rem; line-height: 28px; margin-bottom: 1rem; } #o_wblog_post_main #o_wblog_post_content .o_wblog_post_content_field p.lead .blockquote { margin: 1rem 0 !important; } #o_wblog_post_main #o_wblog_post_content .o_wblog_post_content_field figure { text-align: center; } #o_wblog_post_main #o_wblog_post_content .o_wblog_post_content_field figure img { width: auto !important; } .te_opt_blog_design .o_record_cover_container:before { content: ''; position: absolute; top: 0; right: auto; bottom: auto; left: -61%; z-index: 1; display: block; width: 50%; height: 100%; background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%); transform: skewX(-25deg); } /* with side bar content */ #o_wblog_post_main .o_wblog_read_with_sidebar { max-width: 100%; } @media (min-width: 768px) { #o_wblog_post_main .o_wblog_read_with_sidebar #o_wblog_post_content { width: 80% !important; } } @media (max-width: 767.98px) { #o_wblog_post_main .o_wblog_read_with_sidebar #o_wblog_post_content { width: 100% !important; } } /* Breadcrumbs */ @media (max-width: 575.98px) { #product_detail .breadcrumb > li.breadcrumb-item { white-space: unset !important; } } @media (max-width: 575.98px) { .breadcrumb > li.breadcrumb-item { white-space: nowrap; } } @media (max-width: 575.98px) { .js_blog.website_blog nav.navbar { padding: 0.5rem 1rem !important; } } @media (max-width: 575.98px) { .js_blog.website_blog nav.navbar .container, .js_blog.website_blog nav.navbar .o_container_small { box-shadow: none; } } /* /theme_clarico_vega/static/src/scss/wishlist.scss */ .wishlist-section .td { border-left: 0; border-right: 0; } .wishlist-section .td a { color: #000 !important; } /* /theme_clarico_vega/static/src/scss/mixins.scss */ /******************************************************************************** 01. Scss Mixins 02. Mixin for Text Styling 03. Common style for p tag 04. Mixin for effect and align 05. Mixin for Animation 06. Mixin for Transition 07. Odoo Icon Snippet 08. Common style for (container, Button, Image Zoom Effect) **********************************************************************************/ /*=================== 01. Scss Mixins =======================*/ /*======================= 02. Mixin for Text Styling =========================*/ /*==================== 03. Common style for p tag =========================*/ p { display: block; margin: 0px auto; font-size: 0.9375rem; color: inherit; font-family: inherit; line-height: 180%; } @media (max-width: 767.98px) { p { font-size: 0.8125rem; } } /*============================ 04. Mixin for effect and align ======================*/ /*------- box-shadow -------------*/ /*---------- transform ----------*/ /*-------- align-items -----------*/ /*-------- justify-content ---------*/ /*---------- display ------------*/ /*---------- object-fit ------------*/ /*------BUTTON FADE-IN------*/ @keyframes fadeIn { from { opacity: 0; transform: translate3d(0, -30%, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } } /*========================== 05. Mixin for Animation ======================*/ /*========================== 06. Mixin for Transition ======================*/ /*================== 07. Odoo Icon Snippet ==========================*/ .te_menu_flip_box { perspective: 1000px; } .te_menu_flip_box .te_menu_flip_box_inner { position: relative; width: 100%; text-align: center; transition: transform 0.8s; transform-style: preserve-3d; z-index: 1; } .te_menu_flip_box:hover .te_menu_flip_box_inner { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); } .te_menu_flip_box:hover .te_menu_flip_box_inner a { color: #35979c; } .te_menu_flip_box:hover a::before { right: 0; } /*============================== 08. Common style for (container, Button, Image Zoom Effect) ==========================*/ /*------------ Button ------------*/ @media (max-width: 991.98px) { h1, .h1 { font-size: 1.8125rem; } } @media (max-width: 767.98px) { h1, .h1 { font-size: 1.625rem; } } @media (max-width: 575.98px) { h1, .h1 { font-size: 1.4375rem !important; } } @media (max-width: 991.98px) { h2, .h2 { font-size: 1.625rem; } } @media (max-width: 767.98px) { h2, .h2 { font-size: 1.5rem; } } @media (max-width: 575.98px) { h2, .h2 { font-size: 1.375rem !important; } } @media (max-width: 991.98px) { h3, .h3 { font-size: 1.4375rem; } } @media (max-width: 767.98px) { h3, .h3 { font-size: 1.3125rem; } } @media (max-width: 575.98px) { h3, .h3 { font-size: 1.1875rem; } } @media (max-width: 991.98px) { h4, .h4 { font-size: 1.1875rem; } } @media (max-width: 767.98px) { h4, .h4 { font-size: 1.125rem; } } @media (max-width: 575.98px) { h4, .h4 { font-size: 1.0625rem; } } @media (max-width: 991.98px) { h5, .h5 { font-size: 1.0625rem; } } @media (max-width: 767.98px) { h5, .h5 { font-size: 1rem; } } @media (max-width: 575.98px) { h5, .h5 { font-size: 0.9375rem !important; } } @media (max-width: 575.98px) { h6, .h6 { font-size: 0.875rem; } } @media (max-width: 575.98px) { h6, .h6 { font-size: 0.8125rem; } } /*------------------ container -------------------*/ .container, .o_container_small { display: block; margin: 0px auto; width: 90%; max-width: 1400px; } @media (max-width: 575.98px) { .container, .o_container_small { width: 100%; } } /*-------------- Common image zoom effect ---------------------*/ .te_img_hover_overflow { overflow: hidden; } .te_img_hover_overflow img { max-width: 100%; /* For Safari*/ -webkit-transition-property: all; -webkit-transition-duration: 0.4s; -webkit-transition-timing-function: ease-out; /*For Firefox*/ -moz-transition-property: all; -moz-transition-duration: 0.4s; -moz-transition-timing-function: ease-out; /*Internet Explorer*/ -ms-transition-property: all; -ms-transition-duration: 0.4s; -ms-transition-timing-function: ease-out; /*For Opera*/ -o-transition-property: all; -o-transition-duration: 0.4s; -o-transition-timing-function: ease-out; /* Standard syntax */ transition-property: all; transition-duration: 0.4s; transition-timing-function: ease-out; } /*-------------- Common image opacity effect ---------------------*/ .t_img_hover_1.te_img_effect1 { overflow: hidden; position: relative; display: inline-block; } .t_img_hover_1.te_img_effect1 img { -webkit-transition: opacity 0.35s, transform 0.35s; -moz-transition: opacity 0.35s, transform 0.35s; -ms-transition: opacity 0.35s, transform 0.35s; -o-transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale(1.02); -moz-transform: scale(1.02); -ms-transform: scale(1.02); -o-transform: scale(1.02); transform: scale(1.02); } .t_img_hover_1.te_img_effect1:hover img { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; } .t_img_hover_1.te_img_effect1:hover:before { -webkit-animation: effect_shine 1s; -moz-animation: effect_shine 1s; -ms-animation: effect_shine 1s; -o-animation: effect_shine 1s; animation: effect_shine 1s; } .t_img_hover_1.te_img_effect1:before { position: absolute; top: 0; right: auto; bottom: auto; left: -108%; content: ""; z-index: 1; display: block; width: 50%; height: 100%; background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%); -webkit-transform: skewX(-25deg); -moz-transform: skewX(-25deg); -ms-transform: skewX(-25deg); -o-transform: skewX(-25deg); transform: skewX(-25deg); } .t_img_hover_1.te_img_effect2 { overflow: hidden; position: relative; display: inline-block; } .t_img_hover_1.te_img_effect2 img { /* For Safari*/ -webkit-transition-property: all; -webkit-transition-duration: 0.4s; -webkit-transition-timing-function: ease; /*For Firefox*/ -moz-transition-property: all; -moz-transition-duration: 0.4s; -moz-transition-timing-function: ease; /*Internet Explorer*/ -ms-transition-property: all; -ms-transition-duration: 0.4s; -ms-transition-timing-function: ease; /*For Opera*/ -o-transition-property: all; -o-transition-duration: 0.4s; -o-transition-timing-function: ease; /* Standard syntax */ transition-property: all; transition-duration: 0.4s; transition-timing-function: ease; } .t_img_hover_1.te_img_effect2:hover img { transform: scale(1.1); } .t_img_hover_1.te_img_effect3 { overflow: hidden; position: relative; display: inline-block; } .t_img_hover_1.te_img_effect3:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ''; z-index: 1; /* For Safari*/ -webkit-transition-property: all; -webkit-transition-duration: 0.3s; /*For Firefox*/ -moz-transition-property: all; -moz-transition-duration: 0.3s; /*Internet Explorer*/ -ms-transition-property: all; -ms-transition-duration: 0.3s; /*For Opera*/ -o-transition-property: all; -o-transition-duration: 0.3s; /* Standard syntax */ transition-property: all; transition-duration: 0.3s; } .t_img_hover_1.te_img_effect3:hover:before { position: absolute; top: 30px; right: 30px; bottom: 30px; left: 30px; background-color: rgba(0, 0, 0, 0.3); } .t_img_hover_1.te_img_effect4 { overflow: hidden; position: relative; display: inline-block; } .t_img_hover_1.te_img_effect4:before, .t_img_hover_1.te_img_effect4:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; /* For Safari*/ -webkit-transition-property: all; -webkit-transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; /*For Firefox*/ -moz-transition-property: all; -moz-transition-duration: 0.5s; -moz-transition-timing-function: ease-out; /*Internet Explorer*/ -ms-transition-property: all; -ms-transition-duration: 0.5s; -ms-transition-timing-function: ease-out; /*For Opera*/ -o-transition-property: all; -o-transition-duration: 0.5s; -o-transition-timing-function: ease-out; /* Standard syntax */ transition-property: all; transition-duration: 0.5s; transition-timing-function: ease-out; z-index: 1; } .t_img_hover_1.te_img_effect4:hover:after { background-color: rgba(255, 255, 255, 0.2); top: 50%; bottom: 50%; } .t_img_hover_1.te_img_effect4:hover:before { background-color: rgba(255, 255, 255, 0.2); right: 50%; left: 50%; } .t_img_hover_1.te_img_effect5 { position: relative; } .t_img_hover_1.te_img_effect5:after { content: ""; position: absolute; top: 40px; right: 40px; bottom: 40px; left: 40px; z-index: 0; opacity: 0; transform: scale(0.6); transition: transform 0.35s cubic-bezier(0.05, 0.2, 0.1, 1), opacity 0.35s cubic-bezier(0.05, 0.2, 0.1, 1); border: 5px solid rgba(255, 255, 255, 0.3); } .t_img_hover_1.te_img_effect5:hover:after { opacity: 1; transform: scale(1); } .t_img_hover_1.te_img_effect6 { position: relative; text-align: center; display: inline-block; } .t_img_hover_1.te_img_effect6:before, .t_img_hover_1.te_img_effect6:after { position: absolute; top: 15px; right: 15px; bottom: 15px; left: 15px; content: ''; transition: opacity 0.35s, transform 0.35s; z-index: 1; } .t_img_hover_1.te_img_effect6:after { border-right: 2px solid #35979c; border-left: 2px solid #35979c; -webkit-transform: scale(1, 0); -moz-transform: scale(1, 0); -ms-transform: scale(1, 0); -o-transform: scale(1, 0); transform: scale(1, 0); } .t_img_hover_1.te_img_effect6:before { border-top: 2px solid #35979c; border-bottom: 2px solid #35979c; -webkit-transform: scale(0, 1); -moz-transform: scale(0, 1); -ms-transform: scale(0, 1); -o-transform: scale(0, 1); transform: scale(0, 1); } .t_img_hover_1.te_img_effect6:hover:before, .t_img_hover_1.te_img_effect6:hover:after { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } @-webkit-keyframes effect_shine { 100% { left: 150%; } } @keyframes effect_shine { 100% { left: 150%; } } /*-------------- some parent class of image zoom effect ---------------------*/ .common_carousel_emp .carousel-item:hover .te_img_hover_overflow img, .s_banner .jumbotron:hover .te_img_hover_overflow img, .te_ts_img_hvr:hover .te_img_hover_overflow img, .te_space_section:hover .te_img_hover_overflow img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .te_header_style_2_main .fa.fa-shopping-cart.o_editable, .te_header_style_2_main .fa.fa-heart.o_editable, .te_header_style_2_main .te_srch_icon_header.o_editable, .te_header_style_2_main .te_bar_icon.o_editable, .te_header_style_3_main .fa.fa-shopping-cart.o_editable, .te_header_style_3_main .fa.fa-heart.o_editable, .te_header_style_3_main .te_srch_icon_header.o_editable, .te_header_style_3_main .te_bar_icon.o_editable, .te_header_style_4_main .fa.fa-shopping-cart.o_editable, .te_header_style_4_main .fa.fa-heart.o_editable, .te_header_style_4_main .te_srch_icon_header.o_editable, .te_header_style_4_main .te_bar_icon.o_editable, .te_header_style_5_main .fa.fa-shopping-cart.o_editable, .te_header_style_5_main .fa.fa-heart.o_editable, .te_header_style_5_main .te_srch_icon_header.o_editable, .te_header_style_5_main .te_bar_icon.o_editable, .te_header_style_6_main .fa.fa-shopping-cart.o_editable, .te_header_style_6_main .fa.fa-heart.o_editable, .te_header_style_6_main .te_srch_icon_header.o_editable, .te_header_style_6_main .te_bar_icon.o_editable, .te_header_style_7_main .fa.fa-shopping-cart.o_editable, .te_header_style_7_main .fa.fa-heart.o_editable, .te_header_style_7_main .te_srch_icon_header.o_editable, .te_header_style_7_main .te_bar_icon.o_editable, .te_header_style_1_main .fa.fa-shopping-cart.o_editable, .te_header_style_1_main .fa.fa-heart.o_editable, .te_header_style_1_main .te_srch_icon_header.o_editable, .te_header_style_1_main .te_bar_icon.o_editable { pointer-events: none; } /*---------------- Extra keyframes -------------------*/ @keyframes shine_label { 0% { opacity: 0; left: -15px; } 20% { opacity: .3; left: 0; } 30% { opacity: .45; left: 5px; } 50% { opacity: .45; left: 25px; } 80% { opacity: .45; left: 42px; } 100% { opacity: 0; left: 44px; } } /* For Footer Social Icons */ .te_footer_social_icon > a.o_editable { pointer-events: none; } /* For Vertical Menu Social Icons */ .te_sidenav_social_icon .te_social_icon a.o_editable { pointer-events: none; } /* /theme_clarico_vega/static/src/scss/style_1.scss */ /*********************************************** Cart and header advance search -------------------- 2. Cart With Suggested Products 3. Cart Wizard 4. Checkout Form and Address 5. Confirm Order 6. Payment 2. Price Filter 3. Cart With Suggested Products 4. Header Cart Popover 5. Cart Wizard 6. Checkout Form and Address 7. Confirm Order 8. Payment 9. advance search Category Menu Label */ /*================== 1. Cart page ===================*/ /*------- Font size of navigation menu ---------*/ .te_cart_prod_attr_lines label { margin-bottom: 0.2rem; border: 1px solid #ededed; padding: 1% 4%; border-radius: 34px; line-height: 21px; } .te_cart_prod_attr_lines label .te_attr_comma { display: inline-block; } .te_cart_prod_attr_lines label:last-child .te_attr_comma { display: none; } @media (max-width: 575.98px) { .te_cart_prod_attr_lines label { margin-bottom: 0.3rem; } } /* --------Snippet area z-index in cart page----- */ body:not(.editor_enable) #oe_manipulators { z-index: unset; } /*-------Cart page-------*/ td.text-center.td-qty .css_quantity { margin: 0px !important; } .table td { border-top: 1px solid #ededed; border-bottom: 0; } .te_rmv_cart_product a:hover { color: #35979c; } @media (max-width: 767.98px) { .te_rmv_cart_product { display: -webkit-box; display: -webkit-flex; display: flex; float: right; } } @media (max-width: 575.98px) { .te_rmv_cart_product { display: block; float: none; } } .navbar .nav-item { list-style: none; } hr { padding: 4px 0; } .te_cart_table .te_cart_del.mr8 { margin-right: 0px !important; display: block; } .te_cart_table .text-muted.small { margin: 0 0 0.5rem 0; font-size: 0.75rem; } @media (max-width: 767.98px) { td.text-center.text-xl-right.border-0 { text-align: left !important; } } @media (max-width: 350px) { #wrapwrap .d-xl-none.mt8 .btn { padding: 0.675rem 0.675rem; font-size: 0.845rem; } } .td-action .js_delete_product .fa-trash-o { font-size: 1rem; } /*---------Shop/Checkout shipping address page--------*/ .oe_cart.te_checkout_add_confirm .all_shipping .col-md-12.col-lg-6.one_kanban { margin-bottom: 30px; } .oe_cart.te_checkout_add_confirm .d-flex.justify-content-between.mt-4, .oe_cart.te_checkout_add_confirm .o_portal_security_body section.justify-content-between, .o_portal_security_body .oe_cart.te_checkout_add_confirm section.justify-content-between { margin-top: 0px !important; } @media (max-width: 575.98px) { .oe_cart.te_checkout_add_confirm .d-flex.justify-content-between.mt-4, .oe_cart.te_checkout_add_confirm .o_portal_security_body section.justify-content-between, .o_portal_security_body .oe_cart.te_checkout_add_confirm section.justify-content-between { margin-top: 0px !important; margin-bottom: 35px; } } /*================ 2. Cart With Suggested Products =======================*/ /*-------------------- Cart ----------------------------*/ .te_cart_banner { display: block; margin: 0px auto; width: auto; max-width: 100%; } .te_cart_table thead th { border-bottom: 0; border-top: 0; } .te_cart_table .td-img { text-align: left; } .te_cart_table .td-img > span { display: inline-block; border: 1px solid #ededed; padding: 2px; } .te_cart_table .td-img img { float: left; width: 65px; height: 65px; background-size: cover; object-fit: scale-down; } .te_cart_table .td-product_name > div > a { margin-bottom: 4px; display: inline-block; text-decoration: none; letter-spacing: 0; word-spacing: 0; font-size: 0.875rem; color: #000000; font-family: inherit; } .te_cart_table .td-product_name > div > a strong { font-weight: normal; } .te_cart_table .td-product_name > div > a strong:hover { color: #35979c !important; } .te_cart_table td.td-price { font-size: 0.875rem; color: #575757; font-family: inherit; white-space: nowrap; } .te_cart_table td.td-price del { font-family: inherit; } .te_cart_table .css_quantity .input-group-prepend, .te_cart_table .css_quantity .input-group-append { border: 1px solid #CED4DA; } @media (max-width: 575.98px) { .te_cart_table .css_quantity .input-group-prepend, .te_cart_table .css_quantity .input-group-append { border: 0px; } } .te_cart_table .css_quantity input.js_quantity { max-width: 50px; height: auto; font-size: 0.812rem; border: 1px solid #ededed; } #cart_total td.text-right { text-align: left !important; } .toggle_summary { cursor: pointer; } .table thead th { font-weight: normal; } .te_cart_del { color: #888888; } .js_cart_summary > .card-body > h4, .js_cart_summary > .card-body > .h4 { text-align: right; } .card.js_cart_summary, .te_cart_summary_card { border: 0; -webkit-box-shadow: 0px 0px 10px 0 rgba(50, 50, 93, 0.1); -moz-box-shadow: 0px 0px 10px 0 rgba(50, 50, 93, 0.1); -ms-box-shadow: 0px 0px 10px 0 rgba(50, 50, 93, 0.1); -o-box-shadow: 0px 0px 10px 0 rgba(50, 50, 93, 0.1); box-shadow: 0px 0px 10px 0 rgba(50, 50, 93, 0.1); } .card.js_cart_summary #cart_total, .te_cart_summary_card #cart_total { text-align: right; } .te_show_cpn { border: 0; cursor: pointer; padding: 0; color: #000000; } .te_cart_prod_attr_lines { width: 100%; } .te_cart_prod_attr_lines .te_attr_span { font-size: 0.75rem; color: #717171; } .te_rmv_cart_product a { font-size: 0.75rem; color: #888888; font-family: inherit; border-bottom: 1px solid; padding-bottom: 3px; } .js_cart_lines.te_empty_cart { padding: 16px; font-size: 1.5rem; border: 1px solid #ededed; } @media (max-width: 767.98px) { #cart_products.te_cart_table > thead { display: none; } #cart_products.te_cart_table > tbody { width: 100%; } #cart_products.te_cart_table > tbody > tr { border-top: 1px solid #ededed; } #cart_products.te_cart_table > tbody > tr > td { border: 0; padding: 0.5rem; } } @media (max-width: 767.98px) and (max-width: 575.98px) { #cart_products.te_cart_table > tbody > tr > td.td-action { vertical-align: top; } } @media (max-width: 767.98px) { #cart_products.te_cart_table > tbody .td-img { display: table-cell; padding: 8px; } } @media (max-width: 767.98px) and (max-width: 575.98px) { #cart_products.te_cart_table > tbody .td-product_name { display: inline-block; width: 100%; vertical-align: top; padding-bottom: 0px; } } @media (max-width: 767.98px) and (max-width: 575.98px) { #cart_products.te_cart_table > tbody .td-qty { display: inline-block; padding-top: 0px; } } @media (max-width: 767.98px) { #cart_products.te_cart_table > tbody .td-price { text-align: left !important; } } @media (max-width: 767.98px) and (max-width: 575.98px) { #cart_products.te_cart_table > tbody .td-price { display: block; padding-top: 0px; } } @media (max-width: 767.98px) { .progress-wizard .progress-wizard-step.active .progress-wizard-steplabel { font-size: 1rem; } .te_page_header { font-size: 1rem; } .oe_cart h3, .oe_cart .h3 { font-size: 1rem; color: #000000; } } #o_cart_summary .js_cart_summary hr { margin-top: 1rem !important; margin-bottom: 1rem !important; border: 0 !important; border-top: 1px solid rgba(0, 0, 0, 0.1) !important; background-color: unset; opacity: 1; } @media (max-width: 575.98px) { #cart_products.te_cart_table > tbody .td-qty { width: 100px; } #cart_products.te_cart_table > tbody .td-qty .form-control.quantity { height: calc(1.9625rem + 2px); } .wizard .progress-wizard-step.active .progress-wizard-steplabel { border-bottom: 1px solid #000000; } #o_cart_summary .js_cart_summary #cart_total .table { margin-bottom: 0; } #o_cart_summary .d-xl-none.mt8 a { margin-top: 25px; margin-bottom: 70px !important; } } /*----------------- Suggested Products --------------------*/ #suggested_products .td-price { font-size: 0.875rem; } #suggested_products .td-product_name a { margin-bottom: 4px; display: inline-block; font-family: inherit; color: rgba(33, 37, 41, 0.7); letter-spacing: 0; word-spacing: 0; font-size: 0.875rem; text-decoration: none; } #suggested_products .td-product_name a strong { font-weight: normal; } #suggested_products .td-product_name a:hover { color: #35979c; } #suggested_products .td-product_name .text-muted { font-size: 0.8125rem; } #suggested_products .js_add_suggested_products { font-size: 0.875rem; color: #35979c; border-bottom: 1px solid #CED4DA; padding-left: 0; padding-right: 0; padding-bottom: 4px; text-decoration: none; } #suggested_products .js_add_suggested_products strong { font-weight: normal; } #suggested_products .js_add_suggested_products.btn-link:hover { border-bottom: 1px solid #35979c; } #suggested_products .text-danger { display: block; color: #888888 !important; } @media (max-width: 767.98px) { .oe_website_sale table#suggested_products tr { border-top: 1px solid #ededed; } .oe_website_sale table#suggested_products tr > td { border: 0; } .oe_website_sale table#suggested_products tr > td.w-25 { display: inline-block; padding-left: 0; padding-top: 0; } .oe_website_sale table#suggested_products tr .td-img { vertical-align: top; display: table-cell; padding: 8px; padding-left: 0 !important; padding-bottom: 0; } .oe_website_sale table#suggested_products tr .td-product_name, .oe_website_sale table#suggested_products tr .td-price, .oe_website_sale table#suggested_products tr td.col-lg-2.col-md-3, .oe_website_sale table#suggested_products tr td.w-25 { display: inline-block; width: 100%; text-align: left !important; padding: 4px 0 0 0; } .oe_website_sale table#suggested_products tr .td-product_name a { margin-bottom: 4px; margin-top: 8px; } .oe_website_sale table#suggested_products tr .td.col-lg-2.col-md-3 { margin-bottom: 8px; } .oe_website_sale table#suggested_products .js_add_suggested_products { padding-bottom: 4px; margin-bottom: 16px; } } .oe_website_sale table#suggested_products tr > td.w-25 { width: 40% !important; } /*==================== 5. Cart Wizard =====================*/ @media (max-width: 991.98px) { .oe_website_sale .row > .te_cart_wizard_main > .wizard { margin-left: auto; display: inline-block; } } @media (min-width: 768px) { .oe_website_sale .row > .te_cart_wizard_main > .wizard { width: auto !important; } .oe_website_sale .row > .te_cart_wizard_main > .wizard .progress-wizard .progress-wizard-step { border: 1px solid #CED4DA; position: relative; padding: 0 15px 0 30px; border-right-width: 0; background: #35979c; width: auto; } .oe_website_sale .row > .te_cart_wizard_main > .wizard .progress-wizard .progress-wizard-step > .progress-wizard-bar { height: auto; background-color: transparent; position: absolute; top: 0px; right: -11px; bottom: auto; left: auto; z-index: 1; border-width: 20px; border-color: transparent; border-style: solid; border-right: 0; border-left: 10px solid #ffffff; } .oe_website_sale .row > .te_cart_wizard_main > .wizard .progress-wizard .progress-wizard-step > .progress-wizard-bar:before { position: absolute; top: -20px; right: 1px; bottom: auto; left: auto; display: block; border-width: 20px; border-color: transparent; border-style: solid; border-right: 0; border-left: 10px solid #35979c; content: ""; } .oe_website_sale .row > .te_cart_wizard_main > .wizard .progress-wizard .progress-wizard-step > .progress-wizard-steplabel { margin: 10px 0 10px 5px; font-size: 0.875rem; color: #ffffff; font-weight: normal; } .oe_website_sale .row > .te_cart_wizard_main > .wizard .progress-wizard .progress-wizard-step > span.progress-wizard-dot { display: none !important; } .oe_website_sale .row > .te_cart_wizard_main > .wizard .progress-wizard .progress-wizard-step.active { background: #ffffff; } .oe_website_sale .row > .te_cart_wizard_main > .wizard .progress-wizard .progress-wizard-step.active > .progress-wizard-steplabel { color: #35979c; } .oe_website_sale .row > .te_cart_wizard_main > .wizard .progress-wizard .progress-wizard-step.active > .progress-wizard-bar:before { border-left: 10px solid #ffffff; } .oe_website_sale .row > .te_cart_wizard_main > .wizard .progress-wizard .progress-wizard-step.complete { background: #00b115; } .oe_website_sale .row > .te_cart_wizard_main > .wizard .progress-wizard .progress-wizard-step.complete > .progress-wizard-bar:before { border-left: 10px solid #00b115; } .oe_website_sale .row > .te_cart_wizard_main > .wizard .progress-wizard .no-decoration:last-child .progress-wizard-step { border-right-width: 1px; } .oe_website_sale .row > .te_cart_wizard_main > .wizard .progress-wizard .no-decoration:last-child .progress-wizard-step .progress-wizard-bar { display: none !important; } } @media (max-width: 767.98px) { .oe_website_sale .row > .te_cart_wizard_main > .wizard .progress-wizard { display: inline-block; } } /*======================== 6. Checkout Form and Address =====================*/ /*------------------- Checkout Form-------------------*/ .form-group > .form-control:focus { -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; border-color: #000000; } .form-group .was-validated .form-control:invalid, .form-group .form-control.is-invalid, .form-group .was-validated .custom-select:invalid, .form-group .custom-select.is-invalid { border-color: #dc3545; } form.checkout_autoformat label.col-form-label { font-weight: normal; font-size: 0.8125rem; color: #898383; } form.checkout_autoformat .checkbox { margin: 16px 0; } form.checkout_autoformat .checkbox label { font-weight: normal; font-family: inherit; } form.checkout_autoformat .checkbox label #shipping_use_same { vertical-align: sub; } form.checkout_autoformat .div_name > label:after, form.checkout_autoformat #div_email > label:after, form.checkout_autoformat #div_phone > label:after, form.checkout_autoformat .div_street > label:after, form.checkout_autoformat .div_city > label:after, form.checkout_autoformat .div_country > label:after, form.checkout_autoformat .div_state > label:after { content: "*"; } form.checkout_autoformat .d-flex.justify-content-between { margin-bottom: 50px; margin-top: 25px !important; } /*----------------------- Checkout Address -------------------*/ .all_shipping .te_add_address { font-size: 0.875rem; color: #35979c; border: 0; background: 0; text-align: right; } .te_alert_info { background-color: #f5f5f5; } .te_alert_info .te_alert_signup_text { font-size: 0.8125rem; color: #35979c; font-family: inherit; text-transform: uppercase; } .thanks_msg h2, .thanks_msg .h2 { font-size: 1.5rem; color: #000000; font-family: inherit; letter-spacing: 0; } /*=============== 7. Confirm Order ===================*/ .oe_website_sale > .row > .col-12 .wizard { margin-bottom: 32px; display: inline-block; width: 100%; } .te_confirm_products tbody > tr { width: 100%; position: relative; } .te_confirm_products tbody > tr td { vertical-align: top !important; border: 0; } @media (max-width: 991.98px) { .te_confirm_products tbody > tr td.td-product_name { position: initial; top: auto; right: auto; border-bottom: 0; padding: 1rem; } } .te_confirm_products .td-product_name strong { font-weight: normal; line-height: 1.5rem; } .te_confirm_products .te_checkout_prod_attr_lines .te_attr_span { font-size: 0.75rem; } .te_confirm_products thead th { color: #000000; } .attr-bracket { display: inline-block; font-size: 0.75rem; } .te_checkout_prod_attr_lines { display: inline-block; width: 100%; } .te_checkout_prod_attr_lines .te_attr_span { font-size: 0.8125rem; color: #575757; } @media (max-width: 767.98px) { .oe_website_sale .te_confirm_products { margin-top: 32px; } .oe_website_sale .te_confirm_products thead { display: none; } .oe_website_sale .te_confirm_products .td-img { display: table-cell; padding: 1rem 0 !important; width: 70px; } .oe_website_sale .te_confirm_products .td-product_name { display: inline-block; width: 100%; padding-bottom: 4px; color: #000000; } .oe_website_sale .te_confirm_products .td-qty, .oe_website_sale .te_confirm_products .td-price { display: inline-block; width: auto; padding-top: 0; } .oe_website_sale .te_confirm_products .td-qty:before { content: "Qty:"; font-size: 0.75rem; display: inline-block; } .oe_website_sale .te_confirm_products .td-qty > div { display: inline-block; } .oe_website_sale .te_confirm_products .te_checkout_prod_attr_lines { display: inherit; width: 100%; margin-bottom: 8px; } .oe_website_sale .te_confirm_products .te_checkout_prod_attr_lines label { margin-bottom: 0.2rem; } .oe_website_sale .te_confirm_products tr { background-color: transparent !important; border-bottom: 1px solid #ededed; } .card.js_cart_summary, .te_cart_summary_card { border: 1px solid #ededed; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } } /*============== 8. Payment =======================*/ .oe_cart h3, .oe_cart .h3 { font-family: inherit; letter-spacing: 0; word-spacing: 0; } .oe_cart h3 > strong, .oe_cart .h3 > strong { font-weight: normal; } #payment_method form.o_payment_form .card { margin-bottom: 16px; } #payment_method { margin-bottom: 55px; } .oe_accept_cgv_button > label { font-size: 0.8125rem; color: #717171; font-family: inherit; margin-top: 8px; } .address-inline { color: #717171; } #shipping_and_billing > div, .te_confirm_order_card > .card-body > div { margin-bottom: 8px; } #shipping_and_billing > div > b, .te_confirm_order_card > .card-body > div > b { font-weight: normal; padding-right: 4px; font-family: inherit; } .te_page_header { font-family: inherit; display: -webkit-box; display: -webkit-flex; display: flex; vertical-align: middle; align-items: center; } .te_page_header small, .te_page_header .small { font-family: inherit; font-size: 70%; margin: 0 8px; } @media (max-width: 991.98px) { .te_page_header small, .te_page_header .small { font-size: 1.2rem; } } .te_page_header .te_checkout_login_link { border: 1px solid #CED4DA; margin-top: 4px !important; padding: 3px 10px; text-decoration: none; vertical-align: middle; font-size: 0.9375rem; } .oe_website_sale_tx_status .card .card-header span { color: #f2f2d9; /*This color is not used in variables*/ } .oe_website_sale_tx_status .card-body h4, .oe_website_sale_tx_status .card-body .h4 { font-size: 0.875rem; color: #575757; font-family: inherit; letter-spacing: 0; } .oe_website_sale_tx_status .card-body p { font-size: 0.8125rem; color: #575757; } /* Category Menu Label */ .cat_badge { font-size: 9px; vertical-align: middle; display: inline; border-radius: 3px; padding: 4px 5px 4.5px; position: relative; } .te_mega_menu_ept .te_menu_style_2 .cat_badge:before, .te_mega_menu_ept .te_menu_style_4 .cat_badge:before { content: ''; display: block; width: 4px; height: 4px; border: 4px solid transparent; position: absolute; top: 100%; bottom: -3px; left: 10px; margin-top: -1px; border-top-color: inherit; } .te_menu_style_1 .cat_badge:before, .te_menu_style_5 .cat_badge:before, #all_dynamic_menu .cat_badge:before, #custom_menu .cat_badge:before { content: ''; display: block; width: 5px; height: 5px; position: absolute; bottom: 46%; left: 0; margin-top: -1px; transform: rotate(-45deg) translateX(-50%); background-color: inherit; } #custom_menu #custom_menu_li .cat_badge { margin-left: 5px; display: inline-block; vertical-align: middle; } .te_menu_style_1 .cat_badge { margin-left: 2px; display: inline-block; vertical-align: middle; } .te_menu_style_2 .cat_badge { font-size: 9px; position: absolute; top: -15px; } .te_menu_style_4 .cat_badge { position: absolute; top: 2px; left: auto; right: auto; margin: 5px auto; display: inline-table; } .te_menu_style_5 .cat_badge { display: inline-block; vertical-align: middle; } .te_all_dynamic_ept .menu-categories-container .dynamic_mega_menu_child .category_heading > a { display: inline !important; } #menu_label_tx_span { position: absolute; right: 0px; bottom: 100%; left: 0px; display: block; width: auto; max-width: 70px; margin: 0 auto; text-align: center; } @media (max-width: 991.98px) { #menu_label_tx_span { position: absolute; top: auto; right: auto; bottom: auto; left: auto; margin-left: 15px; display: inline-block; width: 100px; } } #menu_label_tx_span .te_custom_menu_label { font-size: 10px; color: #ffffff; font-family: inherit; letter-spacing: .3px; line-height: 11px; font-weight: 600; padding: 3px 6px 3px; border-radius: 3px; margin-left: 0; position: absolute; top: auto; bottom: -5px; white-space: normal; text-align: center; display: block; word-break: break-word; z-index: 99; } #menu_label_tx_span .te_custom_menu_label:before { content: ''; display: block; width: 4px; height: 4px; border: 4px solid transparent; position: absolute; top: 100%; bottom: 6px; margin-top: -1px; border-top-color: inherit; } @media (max-width: 991.98px) { #menu_label_tx_span .te_custom_menu_label:before { width: 4px; height: 4px; border: 4px solid transparent; top: auto; bottom: 6px; left: -8px; margin-top: -1px; z-index: -99; border-top-color: inherit; transform: rotate(90deg); } } @media (max-width: 991.98px) { #menu_label_tx_span .te_custom_menu_label { top: 1px; word-break: unset; bottom: auto; white-space: unset; } } @media (min-width: 991px) { .header_style_1 .o_extra_menu_items a.nav-link, .header_style_3 .o_extra_menu_items a.nav-link { padding-bottom: 0.5rem; } .header_style_1 .o_extra_menu_items #menu_label_tx_span, .header_style_3 .o_extra_menu_items #menu_label_tx_span { position: absolute; top: auto; right: auto; bottom: auto; left: auto; margin-left: 15px; display: inline-block; width: 100px; } .header_style_1 .o_extra_menu_items #menu_label_tx_span .te_custom_menu_label, .header_style_3 .o_extra_menu_items #menu_label_tx_span .te_custom_menu_label { top: 3px; word-break: unset; left: 15px; bottom: auto; white-space: unset; } .header_style_1 .o_extra_menu_items #menu_label_tx_span .te_custom_menu_label:before, .header_style_3 .o_extra_menu_items #menu_label_tx_span .te_custom_menu_label:before { width: 4px; height: 4px; border: 4px solid transparent; left: 0px; top: auto; bottom: 8px; margin-top: -1px; } } @media (min-width: 768px) { header.o_header_affixed #top_menu_collapse #top_menu > li > a.nav-link span#menu_label_tx_span { display: none; } } .o_header_is_scrolled { transform: unset !important; } .o_header_standard { transform: unset !important; right: 0; } /*----------- Header Search box ----------*/ .o_dropdown_menu.w-100 { overflow: hidden; box-shadow: 0 0 4rem rgba(0, 0, 0, 0.18) !important; scrollbar-color: #000000 #b3b2b2; max-height: calc(100vh - 360px); overflow-y: auto; position: absolute; scrollbar-width: thin; } .o_dropdown_menu.w-100::-webkit-scrollbar { width: 2px; height: 5px; display: block !important; } .o_dropdown_menu.w-100::-webkit-scrollbar-thumb { background: #000000; } .o_dropdown_menu.w-100::-webkit-scrollbar-track { background: #b3b2b2; } @media (max-width: 767.98px) { .o_dropdown_menu.w-100 { max-height: calc(100vh - 280px); } } .te_header_search form.o_searchbar_form { display: block; } .te_header_search form.o_searchbar_form .search_btn_close_ept { position: absolute; right: 55px; top: 50%; transform: translateY(-50%); } .te_header_search form.o_searchbar_form .search_btn_close_ept:after { content: '\00d7'; font-size: 22px; } .te_header_search form.o_searchbar_form .dropdown .media.align-items-center.o_search_product_item .media-body p { width: auto; overflow: hidden; text-overflow: ellipsis; height: 51px; } .te_header_search form.o_searchbar_form .dropdown.show button.dropdown-item.text-center.text-primary { background-color: #35979c; color: #ffffff !important; } .te_header_search form.o_searchbar_form .o_dropdown_menu.show .media:hover { background-color: whitesmoke !important; } .te_header_search form.o_searchbar_form .o_search_result_item_detail button:nth-child(3) { padding: 0 0 0 4px !important; border-radius: 4px; color: #888888; text-decoration: underline !important; } .te_header_search form.o_searchbar_form .o_search_result_item_detail button:nth-child(3):hover { color: #888888; } .te_header_search form.o_searchbar_form .o_dropdown_menu .te_ce { color: #777777; font-size: 13px; } .te_header_search form.o_searchbar_form .o_dropdown_menu .categ_search { padding: 0 10px 5px; border-bottom: 1px solid #ededed; margin-bottom: 4px; } .te_header_search form.o_searchbar_form .o_dropdown_menu .categ_search a.dropdown-item { display: inline; background: unset !important; padding: 4px 5px !important; } .te_header_search form.o_searchbar_form .o_dropdown_menu .categ_search .media:hover { background: unset !important; } .te_header_search form.o_searchbar_form .o_dropdown_menu .categ_search .o_search_result_item { padding: 0 !important; border: 1px solid #ededed; margin: 6px 0; display: inline-block; } .te_header_search form.o_searchbar_form .o_dropdown_menu .categ_search .o_search_result_item:hover { border: 1px solid #35979c; } .te_header_search form.o_searchbar_form .o_dropdown_menu a:hover { background-color: #f5f5f5; color: #777 !important; } .te_header_search form.o_searchbar_form .o_dropdown_menu a:active { color: #777 !important; } .te_header_search form.o_searchbar_form .o_dropdown_menu button.dropdown-item { padding: 0.25rem 0.75rem; } .te_header_search form.o_searchbar_form .o_dropdown_menu .search-all:focus, .te_header_search form.o_searchbar_form .o_dropdown_menu .search-all:hover { background-color: #f5f5f5 !important; } .te_header_search form.o_searchbar_form .o_dropdown_menu .search-all:active { color: #777 !important; } .te_header_search form.o_searchbar_form .o_dropdown_menu .media .h6 { font-weight: 500 !important; font-size: 14px; color: #777 !important; } .te_header_search form.o_searchbar_form .o_dropdown_menu .media .h6:active, .te_header_search form.o_searchbar_form .o_dropdown_menu .media .h6:focus { color: #777 !important; } .te_header_search form.o_searchbar_form .o_dropdown_menu .media .te_prod span { font-size: 12px; } .te_header_search form.o_searchbar_form .o_dropdown_menu .o_search_result_item { padding: 0.25rem; display: -webkit-box; display: -webkit-flex; display: flex; } .te_header_search form.o_searchbar_form .o_dropdown_menu .o_search_result_item .media-body p span { font-size: 0.8125rem; } .te_header_search form.o_searchbar_form .o_dropdown_menu .o_search_result_item[data-class='d-inline-block'] { padding: 0; } .te_header_search form.o_searchbar_form .o_dropdown_menu a.dropdown-item { padding: 4px 10px !important; position: unset; } .te_header_search form.o_searchbar_form .o_dropdown_menu a.dropdown-item .o_image_40_cover { height: unset; } .te_header_search form.o_searchbar_form .o_dropdown_menu a.dropdown-item:focus .media { background-color: #f2f2f2; } .te_header_search form.o_searchbar_form > .o_dropdown_menu { padding: 0px 0px; margin-top: 0px; } @media (max-width: 767.98px) { .te_header_search form.o_searchbar_form > .o_dropdown_menu { left: auto; right: 0px; border: none; border-radius: 0; background: #fff; padding: 0 10px; box-shadow: 0 15px 70px 0 rgba(0, 0, 0, 0.5); margin: 0; left: auto; right: 0; } } .te_header_search .oe_search_button { border-width: 0px; } .te_header_search .media span { font-weight: 500; font-size: 14px; } .te_header_search .text-danger { color: #969696 !important; } .te_header_search b { color: #35979c; font-size: 1rem; font-weight: 500; } .te_header_search .media-body .btn { font-size: 13px; padding-left: 0; } .te_highlighted_menu_span::before { content: ''; display: inline-block; width: 10px; height: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background-color: #35979c; vertical-align: revert; margin-right: 5px; animation: animate 5s linear infinite; } @keyframes animate { 0% { box-shadow: 0 0 0 0 rgba(53, 151, 156, 0.7), 0 0 0 0 rgba(53, 151, 156, 0.7); } 40% { box-shadow: 0 0 0 10px rgba(53, 151, 156, 0), 0 0 0 0 rgba(53, 151, 156, 0.7); } 80% { box-shadow: 0 0 0 10px rgba(53, 151, 156, 0), 0 0 0 10px rgba(53, 151, 156, 0); } 100% { box-shadow: 0 0 0 0 rgba(53, 151, 156, 0), 0 0 0 10px rgba(53, 151, 156, 0); } } .oe_website_sale .o_wsale_filmstip_wrapper { scrollbar-width: 3px; cursor: grab; scroll-snap-type: unset; scrollbar-color: unset; } .oe_website_sale .o_wsale_filmstip_wrapper::-webkit-scrollbar { width: 3px; } .oe_website_sale .o_wsale_filmstip_wrapper::-webkit-scrollbar-thumb { border-radius: 0; background: currentColor; } .oe_website_sale .o_wsale_filmstip_wrapper::-webkit-scrollbar-track { background: #f7f7f7; } .oe_website_sale .o_wsale_filmstip_wrapper ul li .fw-normal { background: unset !important; border: 1px solid #ededed; padding: 0; box-shadow: 0px 2px 10px 1px #e5e5e5; border-radius: 7px; margin-bottom: 0.2rem; } .oe_website_sale .o_wsale_filmstip_wrapper ul li .fw-normal:hover { border-color: #cdcdcd; } .form-select:focus, .form-control:focus { box-shadow: unset; } .btn-check:focus, .btn:focus, .btn-light, .btn-fill-light { box-shadow: unset !important; } .te_searchform__popup { width: 100%; height: 100%; position: fixed; top: 0; right: unset; bottom: unset; left: 0; visibility: hidden; background-color: rgba(255, 255, 255, 0.9); text-align: center; /* For Safari*/ -webkit-transition-property: all; -webkit-transition-duration: 0.25s; -webkit-transition-timing-function: ease-in-out; /*For Firefox*/ -moz-transition-property: all; -moz-transition-duration: 0.25s; -moz-transition-timing-function: ease-in-out; /*Internet Explorer*/ -ms-transition-property: all; -ms-transition-duration: 0.25s; -ms-transition-timing-function: ease-in-out; /*For Opera*/ -o-transition-property: all; -o-transition-duration: 0.25s; -o-transition-timing-function: ease-in-out; /* Standard syntax */ transition-property: all; transition-duration: 0.25s; transition-timing-function: ease-in-out; z-index: 999; color: #000000; } .te_searchform__popup .header .navbar-brand { margin-bottom: 1.5rem; font-size: 1.25rem; color: #000000; letter-spacing: 1px; } @media (max-width: 767.98px) { .te_searchform__popup .header .navbar-brand { font-size: 1rem; } } .te_searchform__popup.open { visibility: visible; } .te_searchform__popup.open .te_searchform__body { visibility: visible; opacity: 1; transform: scale(1); position: relative; top: -15%; } @media (max-width: 575.98px) { .te_searchform__popup.open .te_searchform__body { top: -4%; } } .te_searchform__popup .te_btn-close { display: block; position: absolute; top: 20%; right: 20%; z-index: 5; opacity: 1; right: 5%; } @media (max-width: 575.98px) { .te_searchform__popup .te_btn-close { right: 10%; } } .te_searchform__popup .te_btn-close i { font-size: 2.1875rem; /* For Safari*/ -webkit-transition-property: all; -webkit-transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; /*For Firefox*/ -moz-transition-property: all; -moz-transition-duration: 0.3s; -moz-transition-timing-function: ease-out; /*Internet Explorer*/ -ms-transition-property: all; -ms-transition-duration: 0.3s; -ms-transition-timing-function: ease-out; /*For Opera*/ -o-transition-property: all; -o-transition-duration: 0.3s; -o-transition-timing-function: ease-out; /* Standard syntax */ transition-property: all; transition-duration: 0.3s; transition-timing-function: ease-out; } .te_searchform__popup .te_btn-close i:before { content: '\00d7'; } @media (max-width: 575.98px) { .te_searchform__popup .te_btn-close i { font-size: 1.875rem; } } .te_searchform__popup .te_btn-close:hover i { transform: rotateZ(90deg); color: #35979c; } .te_searchform__body { display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; max-width: 100%; height: 100%; text-align: center; font-size: 1.125rem; transform: scale(0.9); opacity: 0; visibility: hidden; /* For Safari*/ -webkit-transition-property: all; -webkit-transition-duration: 0.3s; -webkit-transition-timing-function: ease-in-out; /*For Firefox*/ -moz-transition-property: all; -moz-transition-duration: 0.3s; -moz-transition-timing-function: ease-in-out; /*Internet Explorer*/ -ms-transition-property: all; -ms-transition-duration: 0.3s; -ms-transition-timing-function: ease-in-out; /*For Opera*/ -o-transition-property: all; -o-transition-duration: 0.3s; -o-transition-timing-function: ease-in-out; /* Standard syntax */ transition-property: all; transition-duration: 0.3s; transition-timing-function: ease-in-out; position: relative; top: -15%; } .te_searchform__body .te_text { margin-bottom: 1.5rem; font-size: 1.25rem; color: #000000; letter-spacing: 1px; } @media (max-width: 767.98px) { .te_searchform__body .te_text { font-size: 1rem; } } .ept_view_btn_div .ept_view_all_btn { background: #fff; color: #383b3a; border: 1px solid #ccc; border-radius: 5px; box-shadow: 0 1px 5px #ccc; transition: transform 200ms ease-in-out; font-size: 15px; } .ept_view_btn_div .ept_view_all_btn:hover { box-shadow: 0 0 1px #ccc; } /* /theme_clarico_vega/static/src/scss/style_2.scss */ /*====================== Modal =======================*/ .te_close { z-index: 2; height: 34px; width: 34px; background-color: #ffffff; -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15); -ms-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15); -o-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15); border: solid 1px rgba(0, 0, 0, 0.06); border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; border-radius: 50px; line-height: 32px; color: #888888; display: block; text-align: center; cursor: pointer; position: absolute; top: 0; right: 0; bottom: auto; left: auto; } /*====================== Wishlist =======================*/ @media (max-width: 991.98px) { .container, .o_container_small { width: 100%; } } .wishlist-section { /* checkbox aspect */ /* checked mark aspect */ /* checked mark aspect changes */ } .wishlist-section table#o_comparelist_table { width: 100%; } @media (max-width: 991.98px) { .wishlist-section table#o_comparelist_table { width: 100%; display: inline-table; table-layout: fixed; } } .wishlist-section table#o_comparelist_table td { padding: 0; display: block; } @media (min-width: 992px) { .wishlist-section table#o_comparelist_table button.btn.btn-link { font-size: 0.875rem; } } .wishlist-section input#b2b_wish { display: inline-block; vertical-align: top; } .wishlist-section #o_comparelist_table { border: 0; } .wishlist-section #o_comparelist_table tbody { text-align: left; display: -webkit-box; display: -webkit-flex; display: flex; } @media (max-width: 767.98px) { .wishlist-section #o_comparelist_table { width: 100%; display: inline-table; } } .wishlist-section > .checkbox { margin: 0 1%; } .wishlist-section > .checkbox label { margin-bottom: 0; } .wishlist-section [type="checkbox"]:not(:checked), .wishlist-section [type="checkbox"]:checked { position: absolute; top: auto; right: auto; bottom: auto; left: 5px; -moz--webkit-appearance: none; -moz-appearance: none; appearance: none; width: 17px; height: 17px; opacity: 0.001; cursor: pointer; z-index: 9999; } .wishlist-section [type="checkbox"]:not(:checked) + span, .wishlist-section [type="checkbox"]:checked + span { position: relative; padding-left: 1.6em; cursor: pointer; } .wishlist-section [type="checkbox"]:not(:checked) + span:before, .wishlist-section [type="checkbox"]:checked + span:before { content: ''; position: absolute; top: 3px; right: auto; bottom: auto; left: 0px; width: 14px; height: 14px; border-width: 1px; border-color: #cccccc; border-style: solid; background: #ffffff; border-radius: 1px; -webkit-border-radius: 1px; -moz-border-radius: 1px; -ms-border-radius: 1px; -o-border-radius: 1px; border-radius: 1px; } .wishlist-section [type="checkbox"]:not(:checked) + span:after, .wishlist-section [type="checkbox"]:checked + span:after { content: ''; position: absolute; top: 7px; right: auto; bottom: auto; left: 4px; /* For Safari*/ -webkit-transition-property: all; -webkit-transition-duration: 0.2s; /*For Firefox*/ -moz-transition-property: all; -moz-transition-duration: 0.2s; /*Internet Explorer*/ -ms-transition-property: all; -ms-transition-duration: 0.2s; /*For Opera*/ -o-transition-property: all; -o-transition-duration: 0.2s; /* Standard syntax */ transition-property: all; transition-duration: 0.2s; background-color: #7b7f83; width: 6px; height: 6px; } .wishlist-section [type="checkbox"]:not(:checked) + span:after { opacity: 0; transform: scale(0); } .wishlist-section [type="checkbox"]:checked + span:after { opacity: 1; transform: scale(1); } .wishlist-section .te_wish_name { margin-bottom: 3px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; height: 22px; padding: 0 0.5rem; } .wishlist-section .te_wish_name.te_2_line { -webkit-line-clamp: 2; height: 44px; } .wishlist-section .te_wish_name.te_3_line { -webkit-line-clamp: 3; height: 65px; } .wishlist-section .te_wish_btn .btn { padding: 0; margin-right: 8px; vertical-align: top; } .wishlist-section .te_wish_price { font-size: 0.8125rem; } .wishlist-section .te_wish_price .row { margin-left: 0px; } .wishlist-section .te_wish_price del { margin-left: 5px; } .wishlist-section > .table-comparator > .wishlist_lists { grid-template-columns: repeat(4, 1fr); gap: 15px; } @media (max-width: 991.98px) { .wishlist-section > .table-comparator > .wishlist_lists { grid-template-columns: repeat(3, 1fr); } } @media (max-width: 767.98px) { .wishlist-section > .table-comparator > .wishlist_lists { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 575.98px) { .wishlist-section > .table-comparator > .wishlist_lists { grid-template-columns: repeat(2, 1fr); gap: 0; } } .t_wish_table_tr { border: 1px solid #e1e1e1; position: relative; padding: 0.5rem; } @media (min-width: 768px) and (max-width: 991.98px) { .t_wish_table_tr { display: table-row; } } @media (max-width: 767.98px) { .t_wish_table_tr .wish_remove_product { padding-left: 0; } } .t_wish_table_tr .wish_remove_product button, .t_wish_table_tr .wish_remove_product .owl-carousel.dynamic-owl-carousel .owl-nav button.owl-next, .owl-carousel.dynamic-owl-carousel .owl-nav .t_wish_table_tr .wish_remove_product button.owl-next { color: #685563; } .t_wish_table_tr .wish_remove_product button:hover, .t_wish_table_tr .wish_remove_product .owl-carousel.dynamic-owl-carousel .owl-nav button.owl-next:hover, .owl-carousel.dynamic-owl-carousel .owl-nav .t_wish_table_tr .wish_remove_product button.owl-next:hover { text-decoration: none; color: #35979c; } .t_wish_table_tr .btn:focus { box-shadow: none; } .t_wish_table_tr td { border: 0; vertical-align: middle; text-align: center; } .t_wish_table_tr .wish_product_img { padding-left: 8px; padding-right: 8px; min-width: 115px !important; } .t_wish_table_tr .wish_product_img .te_out_of_stock_lbl { width: unset !important; background: unset !important; } .t_wish_table_tr .wish_product_img img { height: 150px; object-fit: scale-down; } @media (max-width: 575.98px) { .t_wish_table_tr .wish_product_img img { height: 100px; } } .t_wish_table_tr .wish_product_name_and_price { font-size: 1rem; } .t_wish_table_tr .wish_product_name_and_price .te_wish_price del { font-size: 0.875rem; /* Reduced 2px */ } @media (max-width: 767.98px) { .t_wish_table_tr .wish_product_name_and_price { font-size: 0.875rem; /* Reduced 2px */ } .t_wish_table_tr .wish_product_name_and_price .te_wish_price del { font-size: 0.75rem; /* Reduced 4px */ } } .t_wish_table_tr .wish_product_name_and_price del { color: #969696 !important; } @media (max-width: 767.98px) { .t_wish_table_tr .wish_add_to_cart_btn .te_wish_btn button, .t_wish_table_tr .wish_add_to_cart_btn .te_wish_btn .owl-carousel.dynamic-owl-carousel .owl-nav button.owl-next, .owl-carousel.dynamic-owl-carousel .owl-nav .t_wish_table_tr .wish_add_to_cart_btn .te_wish_btn button.owl-next { font-size: 1.375rem; } } .t_wish_table_tr .wish_add_to_cart_btn .te_wish_btn { display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; } .t_wish_table_tr .wish_add_to_cart_btn .te_wish_btn .o_wish_add, .t_wish_table_tr .wish_add_to_cart_btn .te_wish_btn .o_add_to_compare { font-size: 0.9375rem; display: inline-grid; box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1); background: #ffffff; border-radius: 100%; text-align: center; margin: 10px 0; width: 38px; height: 38px; line-height: 38px; transition-property: all; transition-duration: 0.3s; transition-timing-function: ease-out; display: block; } @media (max-width: 575.98px) { .t_wish_table_tr .wish_add_to_cart_btn .te_wish_btn .o_wish_add, .t_wish_table_tr .wish_add_to_cart_btn .te_wish_btn .o_add_to_compare { width: 34px; height: 34px; line-height: 34px; } } .t_wish_table_tr .wish_add_to_cart_btn .te_wish_btn .o_wish_add:hover, .t_wish_table_tr .wish_add_to_cart_btn .te_wish_btn .o_add_to_compare:hover { transform: scale(1.2); text-decoration: none; background-color: #edededab !important; } .te_pro_text_name { padding-top: 8px; font-size: 0.75rem; } .css_quantity { justify-content: center; } @media (max-width: 575.98px) { .css_quantity { justify-content: start; } } .css_quantity .input-group-append { margin-left: 6px !important; } .css_quantity .input-group-prepend { margin-right: 6px !important; } .css_quantity .input-group-prepend .js_add_cart_json, .css_quantity .input-group-append .js_add_cart_json { border: 1px solid #ededed; background-color: #ffffff; color: #4c5462; z-index: 2; border-radius: 50%; width: 26px; height: 26px; line-height: 26px; padding: 0; font-size: 0.812rem; } .css_quantity .input-group-prepend .js_add_cart_json:focus, .css_quantity .input-group-append .js_add_cart_json:focus { box-shadow: none; } .oe_website_sale .oe_cart #cart_products .td-qty .input-group-prepend, .oe_website_sale .oe_cart #cart_products .td-qty .input-group-append { border: 0px; } .oe_website_sale .td-wish-btn { width: 100%; } .oe_website_sale .table-striped tbody tr:nth-of-type(even) { background-color: rgba(0, 0, 0, 0.025); } .oe_website_sale .table-striped tbody tr td:nth-of-type(even) { background-color: transparent; } .oe_website_sale .table-striped tbody tr td:nth-of-type(even) { --table-accent-bg: transparent; } /*====================== Compare =======================*/ .te_product_spec table tr:first-child td { border: 0; } .te_product_spec table tr.breadcrumb { border-bottom: 1px solid #000000; padding: 0; margin-bottom: 0; cursor: pointer; } .te_product_spec table tr.breadcrumb > th { border: 0; font-size: 0.875rem; color: #969696; font-family: inherit; text-transform: uppercase; letter-spacing: 1px; word-spacing: 0; } .te_compare_table .product_summary { position: relative; } .full_name_compare { position: absolute; top: 0; display: none; background: #fff; width: 100%; } .product_name_compare:hover .full_name_compare { display: block; } .o_product_comparison_table > span { width: 100%; display: inline-block; } #read_more { min-height: 45px; } #read_more .more { word-break: break-all; } .morecontent { display: block; width: 100%; } .morecontent .read-more { border: 1px solid #ededed; padding: 2px; border-radius: 0.25rem; -webkit-border-radius: 0.25rem; -moz-border-radius: 0.25rem; -ms-border-radius: 0.25rem; -o-border-radius: 0.25rem; border-radius: 0.25rem; } .morecontent span { display: none; } .morelink { display: block; } .read-more:hover { color: #868e96; } .read-more .less { color: #868e96; } .recom_prod_heading { padding-bottom: 10px; } .specification_main { padding-top: 15px; } .specification_main h3, .specification_main .h3 { text-align: left !important; font-size: 0.9375rem; color: #575757; } #myCarousel_alt_prod > div a.btn.btn-primary { background: #ffffff; font-size: 0.8125rem; color: #000000; padding: 0; margin-left: 10px; } .te_cmp_img_div { display: block; border: 1px solid #ededed; } #o_comparelist_table.te_compare_table { border: 0 !important; } @media (max-width: 1000px) { #o_comparelist_table.te_compare_table { max-width: 1000px; display: block; overflow-x: auto; } #o_comparelist_table.te_compare_table td { min-width: 240px !important; } } #o_comparelist_table.te_compare_table thead td { border: 0 !important; } #o_comparelist_table.te_compare_table thead td .img-fluid { height: 200px; -o-object-fit: scale-down; object-fit: scale-down; } #o_comparelist_table.te_compare_table tbody tr { border-bottom: 1px solid #ededed; } #o_comparelist_table.te_compare_table tbody tr td { font-size: 0.8125rem; color: #707070; font-family: inherit; } #o_comparelist_table.te_compare_table tbody tr td:first-child { text-align: left; font-size: 0.8125rem; color: #000000; font-family: inherit; font-weight: 500; } #o_comparelist_table.te_compare_table tbody tr:last-child { border-bottom: 0; } #o_comparelist_table.te_compare_table tbody .clickable th { font-weight: normal; cursor: pointer; font-size: 0.875rem; color: #575757; font-family: inherit; line-height: inherit; text-transform: uppercase; letter-spacing: 0.03rem; } #o_comparelist_table.te_compare_table .te_close { height: 29px; width: 29px; line-height: 27px; } #o_comparelist_table.te_compare_table .te_close strong { font-size: 1rem; } #o_comparelist_table.te_compare_table .text-danger { color: #969696 !important; } .Compare_Products_heading { border-width: 0 0 1px 0; border-color: #e0e0e0; border-style: solid; } @media (max-width: 991.98px) { .Compare_Products_heading { font-size: 1.25rem; } } .o_product_feature_panel { z-index: 1000; } .o_product_feature_panel .text-danger { color: #969696 !important; } .o_product_feature_panel .o_product_row { background-color: #f1f1f1; border-radius: 5px; } .o_product_feature_panel .o_product_panel .o_product_panel_header .o_product_circle { padding: 1px 5px 0px 4px; } .table > :not(:first-child) { border-top: 0; } .table-bordered > :not(caption) > * { border-width: 0 !important; } .table-bordered td, .table-bordered > :not(caption) > * > * { border: 1px solid #dee2e6 !important; } .comparator-popover { margin-bottom: -1px !important; inset: auto auto 0px -5px !important; } .arrow { left: 129px !important; position: absolute; display: block; width: 1rem; height: 0.5rem; margin: 0 0; } .bs-popover-top > .arrow::after, .bs-popover-auto[data-popper-placement^="top"] > .arrow::after, .bs-popover-top .bs-popover-auto[x-placement^="top"] > .arrow::after, .bs-popover-auto[data-popper-placement^="top"] .bs-popover-auto[x-placement^="top"] > .arrow::after { bottom: 1px; border-width: 0.5rem 0.5rem 0; border-top-color: #FFFFFF; } .bs-popover-top > .arrow::before, .bs-popover-auto[data-popper-placement^="top"] > .arrow::before, .bs-popover-top .bs-popover-auto[x-placement^="top"] > .arrow::before, .bs-popover-auto[data-popper-placement^="top"] .bs-popover-auto[x-placement^="top"] > .arrow::before { bottom: 0; border-width: 0.5rem 0.5rem 0; border-top-color: rgba(0, 0, 0, 0.25); } .bs-popover-top > .arrow, .bs-popover-auto[data-popper-placement^="top"] > .arrow, .bs-popover-top .bs-popover-auto[x-placement^="top"] > .arrow, .bs-popover-auto[data-popper-placement^="top"] .bs-popover-auto[x-placement^="top"] > .arrow { bottom: calc((0.5rem + 1px) * -1); } .arrow::before, .arrow::after { position: absolute; display: block; content: ""; border-color: transparent; border-style: solid; } .popover-header, .popover-body { padding: 0.5rem 0.75rem; } /*--------- Product color variants ---------*/ .o_wsale_product_grid_wrapper { /* For Safari*/ -webkit-transition-property: all; -webkit-transition-duration: 0.4s; -webkit-transition-timing-function: ease; /*For Firefox*/ -moz-transition-property: all; -moz-transition-duration: 0.4s; -moz-transition-timing-function: ease; /*Internet Explorer*/ -ms-transition-property: all; -ms-transition-duration: 0.4s; -ms-transition-timing-function: ease; /*For Opera*/ -o-transition-property: all; -o-transition-duration: 0.4s; -o-transition-timing-function: ease; /* Standard syntax */ transition-property: all; transition-duration: 0.4s; transition-timing-function: ease; } .o_wsale_product_grid_wrapper:hover .color-changer { opacity: 1; top: -31px; background: #fff; } @media (max-width: 767.98px) { .o_wsale_product_grid_wrapper:hover .color-changer { top: unset; } } .o_wsale_product_grid_wrapper:hover .rating-avg { opacity: 0; } .color-changer::-webkit-scrollbar { height: 2px; } .color-changer { z-index: 8; white-space: nowrap; opacity: 0; position: absolute; left: 0; right: 0; top: 0; padding: 6px 10px 0; transition: all 0.2s; display: -webkit-box; display: -webkit-flex; display: flex; width: 100%; overflow-x: auto; overflow-y: hidden; scrollbar-width: 3px; cursor: grab; } .color-changer::-webkit-scrollbar { width: 3px; } .color-changer::-webkit-scrollbar-thumb { border-radius: 0; background: currentColor; } .color-changer::-webkit-scrollbar-track { background: #f7f7f7; } @media (max-width: 767.98px) { .color-changer { position: relative; opacity: 1; padding: 0; min-height: 40px; z-index: 1; } } .color-changer span { height: 25px; width: 25px; overflow: hidden; padding: 2px; border: 1px solid #D4CEDA; transition: border-color ease 0.6s; display: inline-block; border-radius: 50px; } .color-changer span:hover { transition: all .15s ease-in; border: 1px solid #35979c; } @media (min-width: 576px) and (max-width: 991.98px) { .color-changer { opacity: 1; position: relative; top: unset !important; padding: 0; } } @media (max-width: 991.98px) { .color-changer-not-available { min-height: 40px; line-height: normal; } } .te_cv_sp { height: 100%; width: 100%; border-radius: 50%; z-index: 8; display: inline-block; margin-bottom: 0px !important; cursor: pointer; } /*--------- Out of stock label ---------*/ .te-out-of-stock-lbl { position: absolute; top: 50%; transform: translateY(-50%); right: 0; bottom: auto; left: 0; } .te-out-of-stock-lbl .p-1.te_out_of_stock_lbl { color: black; background: #fff !important; cursor: default; text-align: center; margin: 0px auto; display: block; padding: 14px 0px !important; } .t_wish_table .out_of_stock_label_div .p-1.te_out_of_stock_lbl { padding: 6px 0px !important; } .sold-out { filter: grayscale(100%); } /*--------- Load more for shop page ---------*/ .load_more_button_top_main { clear: both; } .load_more_button_top.te_theme_button, .load_more_button.te_theme_button { display: none; } .load_more_button_top.te_theme_button.active, .load_more_button.te_theme_button.active { text-align: center; margin: 1.2rem auto; text-align: center; background-color: 0.875rem; border: 1px solid; box-shadow: 0px 4px 10px 0 rgba(0, 0, 0, 0.1); box-sizing: border-box; color: #35979c; cursor: pointer; display: block; font-size: 1rem; line-height: 23px; outline: none; padding: 0.2rem 1rem; text-decoration: none; transition: all 235ms ease-in-out; } .load_more_button_top.te_theme_button.active:hover, .load_more_button.te_theme_button.active:hover { box-shadow: 1px 8px 12px -5px rgba(0, 0, 0, 0.27); } .cus_theme_loader_layout_prev, .cus_theme_loader_layout_next { text-align: center; } .cus_theme_loader_layout_prev .cus_theme_loader_div_layout, .cus_theme_loader_layout_next .cus_theme_loader_div_layout { margin-top: 0; } .cus_theme_loader_layout_prev img, .cus_theme_loader_layout_next img { max-height: 80px; margin: 1rem auto; } .owl-lazy { opacity: 1 !important; } .load_more_button_top_main i { font-size: 1.125rem; } /*----------------02. Quick View---------------------*/ .product_quick_view_class { width: 100%; background-color: #fff; z-index: 9997; border-bottom: 2px solid theme-color("primary"); overflow: auto; max-height: 100%; padding: 16px 0; position: fixed; top: 0; right: auto; bottom: auto; left: 0; } .product_quick_view_class .container, .product_quick_view_class .o_container_small { position: relative; } .product_quick_view_class .container .product_detail_img, .product_quick_view_class .o_container_small .product_detail_img { max-height: 500px; } @media (min-width: 992px) { .product_quick_view_class .carousel-outer { width: 85%; display: block; position: relative; float: right; } .product_quick_view_class #carousel-pager { margin: 16px 0; } } .product_quick_view_class .t_product_name { font-size: 1.5rem; color: #555; } .product_quick_view_class .t_product_name:hover { color: #35979c; } @media (max-width: 575.98px) { #quick_view_model_shop .modal-dialog { margin: 2rem 1rem 1rem; } } @media (min-width: 576px) { #quick_view_model_shop .modal-dialog { padding: 3.5rem 0 2rem; } } #quick_view_model_shop .modal-dialog .list-inline .js_attribute_value { margin-bottom: 0 !important; } #quick_view_model_shop .modal-dialog .js_attribute_value { line-height: 1.3; } #quick_view_model_shop .modal-dialog .te_style_round .list-inline-item { width: 38px; height: 38px; } #quick_view_model_shop .modal-dialog .te_style_round .list-inline-item label { height: 38px; width: 38px; } #quick_view_model_shop .modal-dialog .te_style_square .list-inline-item { margin: 0 !important; height: 38px; } #quick_view_model_shop .modal-dialog .te_style_square .list-inline-item label { height: 40px; width: 40px; margin-right: 0.5rem; } #quick_view_model_shop .modal-dialog .te_style_square .list-inline-item .col-form-label { line-height: 1.3; } #quick_view_model_shop .modal-dialog #product_details .product_price { margin: 0 !important; } #quick_view_model_shop .modal-dialog #o_wsale_cta_wrapper { border-bottom: 1px solid #dedede; } .modal-content.quick_view_modal { border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15); -ms-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15); -o-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15); overflow: hidden; } .modal-content.quick_view_modal .quick_close:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):focus, .modal-content.quick_view_modal .quick_close { position: absolute; top: 0px; right: 0px; /* For Safari*/ -webkit-transition-property: all; -webkit-transition-duration: 300ms; /*For Firefox*/ -moz-transition-property: all; -moz-transition-duration: 300ms; /*Internet Explorer*/ -ms-transition-property: all; -ms-transition-duration: 300ms; /*For Opera*/ -o-transition-property: all; -o-transition-duration: 300ms; /* Standard syntax */ transition-property: all; transition-duration: 300ms; background-color: transparent; color: #000; opacity: 1; width: 40px; height: 40px; border: 0px; line-height: 40px; z-index: 9; padding: 0; box-shadow: 0 1px 10px #bbb; background: #ffffff; } .modal-content.quick_view_modal .quick_close:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):focus:hover, .modal-content.quick_view_modal .quick_close:hover { box-shadow: 0 1px 10px #ddd; } @media (max-width: 575.98px) { .modal-content.quick_view_modal .quick_close:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):focus, .modal-content.quick_view_modal .quick_close { width: 26px; height: 26px; border: 0px; line-height: 28px; } } .modal-content.quick_view_modal .quick_close:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):focus:before, .modal-content.quick_view_modal .quick_close:before { content: '\00d7'; font-size: 26px; font-family: inherit; font-weight: 200; } @media (max-width: 575.98px) { .modal-content.quick_view_modal .quick_close:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):focus:before, .modal-content.quick_view_modal .quick_close:before { font-size: 24px; } } .modal-content.quick_view_modal .oe_website_sale .row { display: -webkit-box; display: -webkit-flex; display: flex; } .modal-content.quick_view_modal #mainSlider { overflow: hidden; } @media (max-width: 575.98px) { .modal-content.quick_view_modal #mainSlider { max-height: inherit; } } .modal-content.quick_view_modal #mainSlider .owl-item iframe { height: 300px; width: 90%; max-height: unset !important; height: 300px; } @media (max-width: 767.98px) { .modal-content.quick_view_modal #mainSlider .owl-item iframe { height: 250px; } } @media (max-width: 575.98px) { .modal-content.quick_view_modal #mainSlider .owl-item iframe { height: 360px; } } div.quick_view_content { min-height: 2 00px; } div.quick_view_content .quick_view_buttons { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; } div.quick_view_content .quick_view_buttons #add_to_cart { display: inline-block !important; } div.quick_view_content .quick_view_buttons .o_we_buy_now { display: inline-block !important; width: auto !important; } @media (max-width: 767.98px) { div.quick_view_content #product_details { margin-top: 0; } } div.quick_view_content #product_detail .te_product_quantity, div.quick_view_content #product_detail .te_prod_desc, div.quick_view_content #product_detail .product_price { margin: 0.5rem 0 !important; } @media (max-width: 767.98px) { div.quick_view_content #product_detail .carousel-item .img-fluid { max-height: 250px; margin: auto; } } div.quick_view_content #product_detail .te_product_quantity { margin: 15px 0px !important; } div.quick_view_content #product_detail a#add_to_cart { display: block !important; } @media (max-width: 575.98px) { div.quick_view_content #product_detail a#add_to_cart { display: inline-block !important; } } div.quick_view_content #product_detail .te_prod_label { vertical-align: middle; margin-bottom: 8px; } div.quick_view_content #product_detail .rating-avg { padding: 1px 5px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; font-size: 0.75rem; border-width: 1px; border-color: #35979c; border-style: solid; -webkit-box-shadow: 0 3px 4px #ccc; -moz-box-shadow: 0 3px 4px #ccc; -ms-box-shadow: 0 3px 4px #ccc; -o-box-shadow: 0 3px 4px #ccc; box-shadow: 0 3px 4px #ccc; color: #35979c; background: #ffffff; font-weight: 500; display: inline-block; margin-bottom: 0; margin-top: 5px; vertical-align: middle; } div.quick_view_content #product_detail .rating-avg .fa { font-size: 0.6875rem; } div.quick_view_content #product_detail .o_wsale_product_grid_wrapper:hover .color-changer { top: unset; } div.quick_view_content #product_detail .o_wsale_product_grid_wrapper .color-changer { position: relative; opacity: 1; padding: 0; top: unset; } div.quick_view_content #product_detail .te_prod_desc { max-height: 80px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; height: auto; } div.quick_view_content #product_detail .quick-add-to-cart { margin: 12px 4px 15px 0px !important; font-size: 0.9375rem; padding: 0.5rem 1rem; display: block !important; } div.quick_view_content #product_detail a.o_we_buy_now { padding: 0.5rem 1rem; margin-left: 0.2rem !important; font-size: 0.9375rem; margin: 12px 4px 15px 0px !important; display: block !important; margin-right: 0; margin-bottom: 15px !important; } @media (max-width: 767.98px) { div.quick_view_content #product_detail a.o_we_buy_now { margin-left: 0rem !important; } } @media (max-width: 575.98px) { div.quick_view_content #product_detail a.o_we_buy_now { display: inline-block !important; margin: 12px 4px 15px 0px !important; } } @media (max-width: 767.98px) { div.quick_view_content #product_detail .product_price { font-size: 1.15rem; } } div.quick_view_content #product_detail .js_add_cart_variants { border-top: 1px solid #dedede; } div.quick_view_content #product_detail .js_add_cart_variants > li { margin: 0.5rem 0; padding: 0; } div.quick_view_content #product_detail #o-carousel-product { top: 0 !important; } div.quick_view_content #product_detail #o-carousel-product .carousel-indicators { padding: 0.5rem 0 !important; } @media (max-width: 767.98px) { div.quick_view_content #product_detail #o-carousel-product .carousel-indicators { display: none !important; } } div.quick_view_content #product_detail #o-carousel-product .carousel-indicators > li { margin: 0.25rem 0.5rem 0.25rem 0 !important; } div.quick_view_content #product_detail #o-carousel-product .carousel-outer { height: auto; } div.quick_view_content #product_detail #thumbnailSlider { width: 85%; margin: 0px auto; } div.quick_view_content #product_detail #thumbnailSlider .owl-carousel { width: 74%; } @media (max-width: 575.98px) { div.quick_view_content #product_detail #thumbnailSlider .owl-carousel { width: 100%; } } div.quick_view_content #product_detail #thumbnailSlider .owl-carousel .owl-stage { display: -webkit-box; display: -webkit-flex; display: flex; } div.quick_view_content #product_detail #thumbnailSlider .owl-carousel .owl-prev, div.quick_view_content #product_detail #thumbnailSlider .owl-carousel .owl-next { display: none; } div.quick_view_content a.te_view_full_des_link { color: #35979c !important; margin-top: 1rem; text-align: start; display: block; } div.quick_view_content a.te_view_full_des_link:hover { color: #685563 !important; } div.quick_view_content a.te_view_full_des_link > i { -webkit-transition: .2s ease-in-out; transition: -webkit-transform .2s ease-in-out,transform .2s ease-in-out; } div.quick_view_content a.te_view_full_des_link:hover i { -webkit-transform: translateX(0.25rem); transform: translateX(0.25rem); } @media (max-width: 767.98px) { div.quick_view_content #product_detail_main .js_product .css_quantity { margin-top: 0.8rem; } } div.quick_view_content #product_detail_main .js_product .css_quantity .js_add_cart_json { width: 30px; height: 30px; line-height: 30px; box-shadow: 0px 2px 8px 0 rgba(99, 99, 99, 0.2); } div.quick_view_content #product_detail_main .js_product .css_quantity .js_add_cart_json:hover { background-color: #35979c !important; color: #ffffff !important; } div.quick_view_content #product_detail_main .js_product .css_quantity .quantity { font-size: 1rem; margin: 0 8px !important; box-shadow: 0px 2px 8px 0 rgba(99, 99, 99, 0.2); } div.quick_view_content .o_wsale_product_images #o-carousel-product { margin-bottom: 0 !important; } div.quick_view_content .o_wsale_product_images #o-carousel-product .oe_unmovable { margin-top: 0 !important; } .col.o_wsale_layout_list .o_wsale_product_grid_wrapper .card.oe_product_cart .oe_product_image { position: relative; } #products_grid.o_wsale_layout_list .te_shop_grid .te_product_info .quick_view_modal .product_price { padding: 0; } #products_grid.o_wsale_layout_list .te_shop_grid .rating-avg { position: absolute; bottom: 0.7rem; left: 0.1rem; z-index: 1; margin-left: 8px; font-size: 12px; font-weight: 500; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; padding: 2px 4px; background-color: rgba(255, 255, 255, 0.7); } @media (max-width: 767.98px) { #products_grid.o_wsale_layout_list .te_shop_grid .rating-avg { margin-left: 10px; } } @media (max-width: 575.98px) { #products_grid.o_wsale_layout_list .te_shop_grid .rating-avg { border: 1px solid #eaeaec; margin-left: 5px; } } #products_grid.o_wsale_layout_list .te_shop_grid .rating-avg .fa { font-size: 12px; color: #35979c; } #products_grid.o_wsale_layout_list .te_shop_grid .rating-avg span { padding: 0px 2px; align-self: center; } @media (max-width: 767.98px) { #products_grid.o_wsale_layout_list .te_shop_grid .rating-avg span { align-self: baseline; } } #products_grid.o_wsale_layout_list .color-changer { position: relative; top: unset; opacity: 1; padding: 0; } .te_quick_filter_ul ul.nav li.py-1.nav-item { padding: 0.1rem 0.2rem !important; width: 92%; display: inline-block; margin-top: 2px; } #quick_view_model .modal-dialog { margin: auto; } @media (max-width: 991.98px) { #quick_view_model .modal-dialog { -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); width: 85%; position: absolute; left: 50%; min-width: 280px; } } #quick_view_model_shop #product_details .oe_price_h4 b.oe_price { font-size: 1rem; color: #35979c; } #quick_view_model_shop #product_details span.text-danger.oe_default_price { font-size: 0.875rem; /* Reduced 2px */ } #quick_view_model_shop #product_details .te_discount { font-size: 0.875rem; /* Reduced 2px */ } #quick_view_model_shop #product_details p.text-muted:hover { color: #35979c !important; } /*================ 08. Product Image Gallery =========================*/ #mainSlider { width: 80%; float: right; max-height: 450px; } #mainSlider.mainslider-full { width: 100%; } @media (max-width: 575.98px) { #mainSlider { width: 100%; float: unset; margin: 0 auto; max-height: inherit; } } #mainSlider button.owl-prev, #mainSlider .owl-carousel.dynamic-owl-carousel .owl-nav button.owl-next, .owl-carousel.dynamic-owl-carousel .owl-nav #mainSlider button.owl-next { position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); padding: 10px !important; } #mainSlider button.owl-prev .fa, #mainSlider .owl-carousel.dynamic-owl-carousel .owl-nav button.owl-next .fa, .owl-carousel.dynamic-owl-carousel .owl-nav #mainSlider button.owl-next .fa { font-size: 2rem; color: #333333; } #mainSlider button.owl-next { position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); padding: 10px !important; } #mainSlider button.owl-next .fa { font-size: 2rem; color: #333333; } #mainSlider .owl-carousel .owl-item { margin: 0 4px; } #mainSlider .owl-carousel .owl-item img { max-height: 440px !important; width: auto; margin: 0 auto; padding: 0.5px; } #mainSlider .owl-carousel .owl-stage { display: -webkit-box; display: -webkit-flex; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; } #mainSlider .owl-item iframe { height: 440px; width: 440px; margin: 0px auto; display: block; max-height: 440px !important; width: auto; height: 440px; } @media (max-width: 991.98px) { #mainSlider .owl-item iframe { width: auto; } } @media (max-width: 767.98px) { #mainSlider .owl-item iframe { width: 440px; } } @media (max-width: 445px) { #mainSlider .owl-item iframe { width: 310px; height: 310px; } } @media (max-width: 375px) { #mainSlider .owl-item iframe { width: 260px; height: 260px; } } /* Iframe on boxed layout */ #thumbnailSlider { display: none; } @media (max-width: 575.98px) { #thumbnailSlider { display: none !important; } } #thumbnailSlider .owl-carousel { max-width: 426px; width: 64%; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); position: absolute; } @media (max-width: 575.98px) { #thumbnailSlider .owl-carousel { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); width: 98%; margin: 0px auto; position: relative; max-width: unset; } } #thumbnailSlider .owl-carousel .owl-item { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); border-width: 2px; border-color: transparent; border-style: solid; padding: 2px; overflow: hidden; } #thumbnailSlider .owl-carousel .owl-item.active.center { border-width: 2px; border-color: #35979c; border-style: solid; } @media (max-width: 575.98px) { #thumbnailSlider .owl-carousel .owl-item { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } } #thumbnailSlider .owl-carousel .owl-item .o_product_video_thumb { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #35979c; } @media (max-width: 575.98px) { #thumbnailSlider .owl-carousel .owl-item .o_product_video_thumb { transform: translate(-50%, -50%) !important; } } #thumbnailSlider .owl-carousel .owl-next { position: absolute; top: 50%; right: -15px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); padding: 8px !important; } #thumbnailSlider .owl-carousel .owl-next .fa { font-size: 1.2rem; color: #333333; } #thumbnailSlider .owl-carousel .owl-prev, #thumbnailSlider .owl-carousel.dynamic-owl-carousel .owl-nav button.owl-next { position: absolute; top: 50%; left: -15px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); padding: 8px !important; } #thumbnailSlider .owl-carousel .owl-prev .fa, #thumbnailSlider .owl-carousel.dynamic-owl-carousel .owl-nav button.owl-next .fa { font-size: 1.2rem; color: #333333; } #thumbnailSlider .owl-carousel .owl-dots { display: none; } @media (max-width: 575.98px) { #thumbnailSlider .owl-carousel .owl-dots { display: block; } } /*----------------Header Cart Popover---------------------*/ .te_overlay:before { content: ""; background: rgba(0, 0, 0, 0.5); z-index: 1001; position: fixed; top: 0; right: 0; bottom: 0; left: 0; } .te_overlay header > nav.navbar { border-bottom: 0; } #wrapwrap .o_header_affix { z-index: 997; } .mycart-popover { max-width: 380px; min-width: 370px; border: 0; height: 100%; transform: none !important; position: fixed !important; right: 0 !important; left: auto !important; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.3); -ms-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.3); -o-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.3); box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.3); } @media (max-width: 575.98px) { .mycart-popover { min-width: unset; max-width: unset; width: 100%; } } .mycart-popover .te_cart_head { display: none; } .mycart-popover div#cart_total table.table tr:nth-child(5), .mycart-popover tr:last-child { /* Hide coupon code in minicart */ display: none; } .mycart-popover .cart_subtotal { margin-top: 0.75rem; } .mycart-popover .cart_subtotal .te_clear_cart_popover { cursor: pointer; color: #ff3535; font-size: 14px; } .mycart-popover .cart_subtotal span.h6 { font-size: 0.8125rem; } .mycart-popover .cart_subtotal #cart_total { padding: 0 1rem; } .mycart-popover .cart_subtotal #cart_total table { margin-bottom: 0; } .mycart-popover .cart_subtotal #cart_total tr > td { padding: 0.5rem 0; } .mycart-popover .cart_subtotal #cart_total #order_total td { border-top: 0; } .mycart-popover .cart_subtotal #cart_total #order_total_untaxed { border-top: 1px dashed #ededed; } .mycart-popover .cart_subtotal .te_cart_btn { margin: 0.5rem 1rem 0; text-align: center; } .mycart-popover .cart_subtotal .te_cart_btn .btn { display: block; } .mycart-popover .cart_line { padding: 10px; margin: 10px 10px 15px 0; background: #bbc3cc3d; border-radius: 10px; } .mycart-popover .cart_line .col-sm-3 { padding: 0; position: relative; } .mycart-popover .cart_line .col-sm-3 .te_mini_img { border: 1px solid #ededed; display: block; } .mycart-popover .cart_line .col-sm-3 .te_mini_img img { object-fit: scale-down; height: 90px; } .mycart-popover .cart_line .col-sm-9 { padding-left: 0; } .mycart-popover .cart_line:last-child { border-bottom: 0; } .mycart-popover .te_cross { position: absolute; top: 5px; right: 10px; z-index: 2; height: 30px; width: 30px; background-color: #ffffff; -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15); -ms-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15); -o-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15); border: solid 1px rgba(0, 0, 0, 0.06); border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; border-radius: 50px; line-height: 29px; color: #888888; display: block; text-align: center; cursor: pointer; transition: all 0.6s ease-out; } .mycart-popover .popover-header { background-color: #bbc3cc3d; border-bottom: unset !important; } .mycart-popover .te_cross:before { content: '\00d7'; font-size: 1rem; font-family: fontAwesome; font-weight: normal; position: relative; text-align: center; } .mycart-popover .popover-body { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; justify-content: space-between; height: 100% !important; max-height: 95vh !important; height: 100% !important; max-height: 96vh !important; } @media (max-width: 575.98px) { .mycart-popover .popover-body { max-height: 86vh !important; } } .mycart-popover .popover-body .scrollbar { overflow-y: auto; scrollbar-width: 3px; cursor: grab; } .mycart-popover .popover-body .scrollbar::-webkit-scrollbar { width: 3px; } .mycart-popover .popover-body .scrollbar::-webkit-scrollbar-thumb { border-radius: 0; background: currentColor; } .mycart-popover .popover-body .scrollbar::-webkit-scrollbar-track { background: #f7f7f7; } .mycart-popover .popover-body .te_qty_name { max-height: 170px; } .mycart-popover .popover-body .te_qty_name .te_cart_popover_details { margin-bottom: 3px; } .mycart-popover .popover-body .te_qty_name .te_prod_name_info { width: 100%; } .mycart-popover .popover-body .te_cart_popover_p_name { /*@include style(2,19);*/ font-size: 13px; color: #35979c; } .mycart-popover .popover-body .te_prod_name_info { width: 240px; display: inline-block; } @media (max-width: 575.98px) { .mycart-popover .popover-body .te_prod_name_info { width: 100%; } } .mycart-popover .popover-body .te_prod_name_info > a { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 100%; margin-bottom: 6px; display: inline-block; } .mycart-popover .popover-body .js_delete_product { font-size: 0.875rem; color: #000000; position: absolute; top: -20px; right: -17px; width: 25px; height: 25px; background: #ffffff; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; border: 1px solid #ededed; box-shadow: 0px 4px 10px 0 rgba(0, 0, 0, 0.1); text-align: center; } .mycart-popover .popover-body .js_delete_product:before { content: '\00d7'; font-size: 1rem; font-family: fontAwesome; font-weight: normal; position: relative; text-align: center; } .mycart-popover .popover-body .te_cart_popover_qty { display: inline-block; margin-top: 10px; } .mycart-popover .popover-body .te_cart_popover_qty .js_add_cart_json { border: 1px solid #ced4da; /*This color is not used in variables*/ } .mycart-popover .popover-body .te_cart_popover_qty .js_quantity { padding: 0 !important; height: 26px !important; width: 26px; line-height: 26px; font-size: 0.8rem; border-color: #cccccc; } .mycart-popover .popover-body .product_price h6, .mycart-popover .popover-body .product_price .h6 { font-size: 0.75rem; margin-bottom: 0; } .mycart-popover .popover-body .product_price h6 b, .mycart-popover .popover-body .product_price .h6 b { font-weight: normal; } .mycart-popover .popover-body .alert { background: transparent; border-color: #ededed; font-size: 0.9375rem; color: #000000; text-align: center; width: 90%; margin: 0px auto; } .mycart-popover .te_cart_popover_details > span { font-size: 13px; } .mycart-popover .te_cart_popover_details del { font-size: 12px; color: #969696 !important; } /*---------------- Brands ---------------------*/ .featured-all-brands .brand-title-main { color: #35979c; } .featured-all-brands .ept_brands_sticky_header { max-width: unset; background-color: #fff; } .featured-all-brands .te_search { position: relative; } .featured-all-brands .box-title { padding: 0.5rem 1rem; border: 1px solid #ddd; background-color: #f5f5f5; position: relative; border-radius: 7px 7px 0 0; margin-bottom: 20px; } .featured-all-brands .has-brands { border: 1px solid #777; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; float: left; font-size: 15px; height: 35px; margin: 10px 10px 10px 0; text-align: center; width: 35px; line-height: 34px; text-transform: uppercase; cursor: pointer; } .featured-all-brands .has-brands.disabled { border: 1px solid #cccccc; pointer-events: none; } .featured-all-brands .has-brands.disabled .brand-alpha { color: #cccccc; } .featured-all-brands .has-brands .brand-alpha { color: #777; } .featured-all-brands .has-brands .brand-alpha.selected { color: #35979c; height: 100%; background: #efefef; border-radius: 8px; } @media (max-width: 575.98px) { .featured-all-brands .has-brands { margin: 10px 6px 10px 0; } } .featured-all-brands .brand-alpha-main { display: inline; margin-bottom: 10px; height: 100%; } .featured-all-brands .brand-alpha-main .box-content { font-size: 13px; height: 100%; display: inline; } .featured-all-brands .brand-alpha-main .brand-item { border: 1px solid #e0e0e0; display: inline-block; margin: 0 8px 10px 0; padding: 5px 2px 0 2px; text-align: center; height: 100%; width: 130px; } .featured-all-brands .brand-alpha-main .brand-item .brand-logo { display: inline-block; height: 90px; line-height: 90px; } .featured-all-brands .brand-alpha-main .brand-item .brand-logo img { max-width: 90px; height: auto; } .featured-all-brands .input-group { border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px; border-color: transparent; border: 2px solid #eaeff3; height: 40px; padding: 0 20px; } .featured-all-brands input { outline: unset; } .featured-all-brands input .form-control { border: 0px; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px; box-shadow: unset; line-height: 40px; height: 40px; padding: 0px 1rem; font-size: 1rem !important; height: auto; } .featured-all-brands .input-group-append button, .featured-all-brands .input-group-append .owl-carousel.dynamic-owl-carousel .owl-nav button.owl-next, .owl-carousel.dynamic-owl-carousel .owl-nav .featured-all-brands .input-group-append button.owl-next { position: absolute; top: 0; right: 15px; bottom: 0; z-index: 9; border-top-right-radius: 30px; border-bottom-right-radius: 30px; padding: 10px 24px; line-height: 1; } @media (max-width: 575.98px) { .featured-all-brands .input-group-append button, .featured-all-brands .input-group-append .owl-carousel.dynamic-owl-carousel .owl-nav button.owl-next, .owl-carousel.dynamic-owl-carousel .owl-nav .featured-all-brands .input-group-append button.owl-next { padding: 10px 12px; } } .featured-all-brands .brand-main { border-top: 1px solid #ededed; padding-top: 1.15rem; } .featured-all-brands .brand-name { word-break: break-all; } .featured-all-brands #all-brands { line-height: 24px; padding: 0; color: #777; } /*---------------- Shop Page Brands ---------------------*/ .brands { display: -webkit-box; display: -webkit-flex; display: flex; margin-bottom: 18px; } .brands .brands_img { display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; margin: 5px; width: auto; } .brands .brands_img .img_div { width: 100px; height: 100px; padding: 5px; border: 1px solid #eee; } .brands .brands_img .img_div .oe_img_bg.o_bg_img_center.rounded-3.brand_image { max-width: 100%; height: 90px; } .brands .col-lg-10.brand_desc { margin: 5px; padding: 5px; width: 90%; } .brands .col-lg-10.brand_desc h4.brand_name, .brands .col-lg-10.brand_desc .brand_name.h4 { font-weight: 500; } .owl-carousel.dynamic-owl-carousel .owl-nav button.owl-prev, .owl-carousel.dynamic-owl-carousel .owl-nav button.owl-next { position: absolute; top: 50%; left: -12px; transform: translateY(-50%); } .owl-carousel.dynamic-owl-carousel .owl-nav button.owl-prev .fa, .owl-carousel.dynamic-owl-carousel .owl-nav button.owl-next .fa { font-size: 1.875rem; } .owl-carousel.dynamic-owl-carousel .owl-nav button.owl-next { left: unset; right: -12px; } /* /theme_clarico_vega/static/src/scss/style_3.scss */ .te_clear_cart { cursor: pointer; padding: 1px 6px; border-radius: 5px; color: #ff3535; font-size: 14px; border: 1px solid #ff3535; } /*======================= Tab Section =========================*/ .product_full_spec_inner { display: none; } .o_portal_rating_chatter_messages .d-flex.o_portal_chatter_message { border: 1px solid #ededed; padding: 15px 15px; margin-bottom: 15px; border-radius: 10px; box-shadow: 0 3px 12px #ccc; } .nav-tabs button:not(.active):after, .nav-tabs .owl-carousel.dynamic-owl-carousel .owl-nav button.owl-next:not(.active):after, .owl-carousel.dynamic-owl-carousel .owl-nav .nav-tabs button.owl-next:not(.active):after { content: ''; display: block; height: 2px; width: 0px; background: transparent; transition: width .5s; } .nav-tabs button:not(.active):hover:after, .nav-tabs .owl-carousel.dynamic-owl-carousel .owl-nav button.owl-next:not(.active):hover:after, .owl-carousel.dynamic-owl-carousel .owl-nav .nav-tabs button.owl-next:not(.active):hover:after { width: 100%; background: black; } .nav-tabs .nav-link { border: none !important; padding: 0 0.5rem; } .nav-tabs .nav-link.active { color: transparent; background: unset; } .nav-tabs .nav-link.active li { border: 0; border-bottom: 2px solid #35979c !important; } .nav-tabs .nav-link:hover { border-color: transparent; } .nav-tabs .nav-link a:hover { text-decoration: none !important; } .nav-tabs a.te_tab_mb_nav_link { padding: 0.6rem 1rem; border-bottom: 2px solid transparent; margin-bottom: -3px; display: inline-block; } .tabs_container_main { padding-top: 1.5rem; } .tabs_container_main .nav { justify-content: center; } @media (max-width: 575.98px) { .tabs_container_main { margin-top: 30px; padding-top: 0px; text-align: left; } } .tabs_container_main button.active, .tabs_container_main .owl-carousel.dynamic-owl-carousel .owl-nav button.active.owl-next, .owl-carousel.dynamic-owl-carousel .owl-nav .tabs_container_main button.active.owl-next { border-bottom: 2px solid #35979c; color: #35979c; } @media (max-width: 575.98px) { .tabs_container_main button.active, .tabs_container_main .owl-carousel.dynamic-owl-carousel .owl-nav button.active.owl-next, .owl-carousel.dynamic-owl-carousel .owl-nav .tabs_container_main button.active.owl-next { border-bottom: 0px; color: #ffffff; background: #35979c; } .tabs_container_main button.active:after, .tabs_container_main .owl-carousel.dynamic-owl-carousel .owl-nav button.active.owl-next:after, .owl-carousel.dynamic-owl-carousel .owl-nav .tabs_container_main button.active.owl-next:after { transform: rotate(180deg); } } #product_full_spec #product_specifications tr { /* For Safari*/ -webkit-transition-property: all; -webkit-transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; /*For Firefox*/ -moz-transition-property: all; -moz-transition-duration: 0.3s; -moz-transition-timing-function: ease-out; /*Internet Explorer*/ -ms-transition-property: all; -ms-transition-duration: 0.3s; -ms-transition-timing-function: ease-out; /*For Opera*/ -o-transition-property: all; -o-transition-duration: 0.3s; -o-transition-timing-function: ease-out; /* Standard syntax */ transition-property: all; transition-duration: 0.3s; transition-timing-function: ease-out; } #product_full_spec #product_specifications tr.clickable { cursor: pointer; background-color: #f8f8f8; } #product_full_spec #product_specifications tr.clickable.collapsed .te_ctg_icon::before { content: "\f054"; } #product_full_spec #product_specifications tr.clickable .te_ctg_icon { float: right; padding-top: 2px; } #product_full_spec #product_specifications tr:nth-of-type(odd) { background-color: #f8f8f8; } #product_full_spec #product_specifications tr:hover { background-color: #efefef; } #product_full_spec #product_specifications tr:first-child td { border-top-width: 0px; } #product_full_spec #product_specifications tr td, #product_full_spec #product_specifications tr th { padding: 1rem; border: 0; border-bottom: 1px solid #ededed; } #product_full_spec #product_specifications tr td span, #product_full_spec #product_specifications tr th span { font-size: 0.9375rem; } #product_full_spec > h3, #product_full_spec > .h3 { display: none; } .o_shop_discussion_rating { border-top: 0px; } .o_shop_discussion_rating hr { display: none; } #product_full_description { padding-bottom: 30px; } #product_documents li { position: relative; } #product_documents li.doc_list { border: 1px solid #2f222230; display: inline-block; margin: 0 5px; padding: 8px 10px 10px 5px; border-radius: 7px; margin-top: 1rem; } #product_documents li.doc_list a { display: inline-block; vertical-align: middle; } #product_documents li a i { margin-left: 10px; position: relative; background-repeat: no-repeat; background-size: cover; width: 30px; height: 30px; vertical-align: middle; padding-top: 0.25rem; } /*--------tab content-----------*/ @media (max-width: 991.98px) { .tabs_container_main .nav-tabs { display: none !important; } } .tabs_container_main .accordion-body { padding: 0 !important; } .tabs_container_main .card-header { display: none; } @media (max-width: 991.98px) { .tabs_container_main .card-header { display: block; } } @media (min-width: 992px) { .tabs_container_main .tab-pane > .collapse:not(.show) { display: block !important; } } @media (max-width: 991.98px) { .tabs_container_main .tab-content > .tab-pane { display: block !important; opacity: 1; padding: 0 !important; } } .tabs_container_main .tab-content .te-tab-a:after { content: "\f078"; font-family: "FontAwesome"; width: 0.8rem; display: block; float: right; font-size: 0.8125rem; color: #919BA6; } .tabs_container_main .tab-content .te-tab-a.collapsed:after { content: "\f054"; } /* ---------------- product page -------------------- */ #product_detail_main, .js_product { /* .product_price { margin: 0.5rem 0 !important; } */ } #product_detail_main h1[itemprop="name"], #product_detail_main .h1[itemprop="name"], .js_product h1[itemprop="name"], .js_product .h1[itemprop="name"] { font-size: 1.75rem; font-weight: normal !important; } #product_detail_main .variant_attribute .attribute_name, .js_product .variant_attribute .attribute_name { display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; font-size: 0.9rem; padding-bottom: unset; } #product_detail_main .variant_attribute .attribute_name:after, .js_product .variant_attribute .attribute_name:after { border-bottom: 0; } #product_detail_main .variant_attribute strong, .js_product .variant_attribute strong { font-weight: 400; text-transform: capitalize; } #product_detail_main .variant_attribute li .col-form-label, .js_product .variant_attribute li .col-form-label { padding: 2px; } #product_detail_main .variant_attribute select, #product_detail_main .variant_attribute .custom_value_own_line, #product_detail_main .variant_attribute .custom_value_radio, .js_product .variant_attribute select, .js_product .variant_attribute .custom_value_own_line, .js_product .variant_attribute .custom_value_radio { width: 170px; overflow: hidden; text-overflow: ellipsis; padding: 6px; height: auto; margin-bottom: 0; } #product_detail_main .variant_attribute .radio_input:checked, .js_product .variant_attribute .radio_input:checked { cursor: not-allowed; } #product_detail_main .variant_attribute .radio_input:checked ~ .te-radio-name, .js_product .variant_attribute .radio_input:checked ~ .te-radio-name { cursor: not-allowed; color: #ffffff; background-color: #35979c; border-width: 1px; border-color: #35979c; border-style: solid; } #product_detail_main .variant_attribute .te-radio-name, .js_product .variant_attribute .te-radio-name { cursor: pointer; border: 1px solid rgba(33, 37, 41, 0.7); color: rgba(33, 37, 41, 0.7); padding: 0.1rem 0.5rem; margin-right: 0; font-weight: normal; border-radius: 2px; } @media (max-width: 767.98px) { #product_detail_main .variant_attribute .te-radio-name, .js_product .variant_attribute .te-radio-name { font-size: 0.875rem; } } #product_detail_main .variant_attribute .form-check, .js_product .variant_attribute .form-check { padding-left: 0; } #product_detail_main .css_quantity, .js_product .css_quantity { margin-top: 0.5rem; } #product_detail_main .css_quantity .js_add_cart_json, .js_product .css_quantity .js_add_cart_json { border: 1px solid #CED4DA; background-color: #ffffff; color: #4c5462; z-index: 2; border-radius: 50% !important; width: 36px; height: 36px; line-height: 36px; padding: 0; font-size: 0.812rem; } #product_detail_main .css_quantity .js_add_cart_json:focus, .js_product .css_quantity .js_add_cart_json:focus { box-shadow: none; } #product_detail_main .css_quantity .quantity, .js_product .css_quantity .quantity { margin: 0 10px !important; } #product_detail_main #product_option_block, .js_product #product_option_block { display: none !important; } #product_detail_main .oe_price, .js_product .oe_price { font-weight: normal; display: inline; } #product_detail_main .variant_attribute:not(:last-child), .js_product .variant_attribute:not(:last-child) { padding-bottom: 0px !important; } #product_detail_main .variant_attribute .o_variant_pills_input_value, .js_product .variant_attribute .o_variant_pills_input_value { padding: 0.1rem 0.5rem; } #product_detail_main .variant_attribute .te_style_square .style_square, .js_product .variant_attribute .te_style_square .style_square { margin-bottom: 0.5rem !important; padding-bottom: 0.3rem; } #product_detail_main .variant_attribute .css_attribute_color, .js_product .variant_attribute .css_attribute_color { border: 4px solid #CED4DA; width: 50px; height: 50px; } #product_detail_main .variant_attribute .css_attribute_color.active, .js_product .variant_attribute .css_attribute_color.active { border: 4px solid #35979c; } #product_detail_main .variant_attribute .css_attribute_color:hover, .js_product .variant_attribute .css_attribute_color:hover { border: 4px solid #35979c; } #product_detail_main .variant_attribute .attribute_name, .js_product .variant_attribute .attribute_name { display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; font-size: 0.9rem; padding-bottom: unset; margin-top: 0.4rem; } #product_detail_main .variant_attribute label.col-form-label, .js_product .variant_attribute label.col-form-label { padding: 2px; } #product_detail_main .variant_attribute li.js_attribute_value, .js_product .variant_attribute li.js_attribute_value { display: inline-block; position: relative; border-radius: 0; padding: 0; margin-bottom: 0.4rem !important; } #product_detail_main .variant_attribute li.js_attribute_value input, .js_product .variant_attribute li.js_attribute_value input { -webkit--webkit-appearance: none; -moz-appearance: none; appearance: none; -moz--webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: none; border: 2px solid; height: 100%; left: 0; opacity: .00001; position: absolute; top: 0; width: 100%; z-index: 2; } #product_detail_main .variant_attribute .attribute_name, .js_product .variant_attribute .attribute_name { font-weight: 500; text-transform: capitalize; padding-bottom: 4px; } #product_detail_main .variant_attribute .attribute_name:after, .js_product .variant_attribute .attribute_name:after { border-bottom: 0; } #product_detail_main .o_website_rating_static small, #product_detail_main .o_website_rating_static .small, .js_product .o_website_rating_static small, .js_product .o_website_rating_static .small { font-size: 12px; } #product_detail_main #out_of_stock_message .fw-bold, .js_product #out_of_stock_message .fw-bold { font-weight: normal !important; } #product_detail_main .te_discount, .js_product .te_discount { margin: 0; display: inline-block; color: #ff6435; } @media (max-width: 767.98px) { #product_detail_main .te_discount, .js_product .te_discount { font-size: 0.845rem; } } @media (max-width: 991.98px) { #product_detail { padding-bottom: 0 !important; } } .te_p_sku { display: inline-block; } .te_p_sku .te_sku { display: inline-block; } .te_p_sku .js_sku_div { display: inline-block; font-size: 0.875rem; /* Reduced 2px */ color: rgba(33, 37, 41, 0.7) !important; } /* Product shipping info section */ .te_s_shipping_info { margin: 12px 0px 7px; } .te_s_shipping_info ul { padding-left: 0; margin-bottom: 0; } .te_s_shipping_info ul li.te_s_shipping_info_li { list-style: none; display: inline; border-color: lightgrey !important; padding: 0px 12px 0px 0px; margin-right: 14px; border-right: 1px solid; } @media (max-width: 767.98px) { .te_s_shipping_info ul li.te_s_shipping_info_li { display: block; border: 0; } } @media (max-width: 767.98px) { .te_s_shipping_info ul li.te_s_shipping_info_li { border-right: 0px !important; display: block; padding-right: 0px; margin-right: 0px; margin-bottom: 2px; } .te_s_shipping_info ul li.te_s_shipping_info_li span.fa { vertical-align: inherit; display: inline-block; width: 20px; } .te_s_shipping_info ul li.te_s_shipping_info_li span:last-child { display: inline-block; width: 90%; vertical-align: middle; } } .te_s_shipping_info ul li.te_s_shipping_info_li:first-child > span { margin-left: 0px !important; } .te_s_shipping_info ul li.te_s_shipping_info_li:last-child { border-right: 0px !important; } #o_product_terms_and_share .s_share a { font-size: 0.9375rem; color: #000000; display: inline-grid; -webkit-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1); -o-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1); background: #ffffff; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; text-align: center; margin: 10px 0; width: 38px; height: 38px; line-height: 38px; /* For Safari*/ -webkit-transition-property: all; -webkit-transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; /*For Firefox*/ -moz-transition-property: all; -moz-transition-duration: 0.3s; -moz-transition-timing-function: ease-out; /*Internet Explorer*/ -ms-transition-property: all; -ms-transition-duration: 0.3s; -ms-transition-timing-function: ease-out; /*For Opera*/ -o-transition-property: all; -o-transition-duration: 0.3s; -o-transition-timing-function: ease-out; /* Standard syntax */ transition-property: all; transition-duration: 0.3s; transition-timing-function: ease-out; } #o_product_terms_and_share .s_share a:hover { transform: scale(1.2); text-decoration: none; } #product_details { position: relative; } #product_details h1, #product_details .h1 { width: 85%; } @media (max-width: 767.98px) { #product_details h1, #product_details .h1 { margin-bottom: 0; font-size: 1.125rem !important; } } #product_details .product_price { margin-top: 0px !important; } #product_details #o_product_terms_and_share hr { padding: 0px !important; opacity: 0.15; } #product_details .product_btns_right_block { position: absolute; right: 15px; top: 0; display: -webkit-box; display: -webkit-flex; display: flex; } #product_details .product_btns_right_block .o_add_wishlist_dyn, #product_details .product_btns_right_block .o_add_compare_dyn { cursor: pointer; width: 40px; height: 40px; border-radius: 50%; border: 1px solid #f0f0f0; padding: 8px; background: #fff; margin-right: 5px; -webkit-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1); -o-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1); } #product_details .product_btns_right_block .o_add_wishlist_dyn .fa, #product_details .product_btns_right_block .o_add_compare_dyn .fa { margin-right: 0 !important; } #product_details .product_btns_right_block .btn:disabled, #product_details .product_btns_right_block .btn.o_wysiwyg_loader, #product_details .product_btns_right_block .btn.disabled, #product_details .product_btns_right_block fieldset:disabled .btn, #product_details .product_btns_right_block fieldset.o_wysiwyg_loader .btn { color: #ff0000a6 !important; cursor: not-allowed; } #product_details .product_price > h4, #product_details .product_price > .h4 { letter-spacing: 0; font-family: inherit; display: inline-block; margin-bottom: 0; font-size: 1.5rem; } @media (max-width: 767.98px) { #product_details .product_price > h4, #product_details .product_price > .h4 { font-size: 1.2rem; /* Reduced 2px */ } } #product_details .product_price > h4 b, #product_details .product_price > .h4 b { font-weight: normal; } .discount .oe_default_price { display: inline-block; color: #888888 !important; font-size: 1rem; } @media (max-width: 767.98px) { .product_price .oe_price_h4 .text-danger.oe_default_price { font-size: 0.875rem; /* Reduced 2px */ } } .availability_messages { margin-top: 15px; } .availability_messages #stock_wishlist_message { display: block !important; margin: 0 !important; } .availability_messages #stock_notification_success_message { margin-top: 5px; } #stock_wishlist_message .alert-success { padding: 0.5rem 0; background-color: unset; border: 0; } #stock_notification_form #wsale_save_for_later_button button { line-height: 1rem; font-size: 0.9rem; } .te_hide_add_cart_msg { margin-bottom: 10px; } .breadcrumb { background: transparent; } .js_add_cart_variants .css_attribute_color { border: 4px solid #CED4DA; } .js_add_cart_variants .css_attribute_color.active { border: 4px solid #000000; } .te_clear_all_variant_off_canvas { display: none; } #o-carousel-product .o_carousel_product_indicators .carousel-indicators { justify-content: center !important; } /* Sticky product page details */ .o_product_feature_panel .bs-popover-bottom, .o_product_feature_panel .bs-popover-auto[data-popper-placement^="bottom"] { display: none; } .product_details_sticky { display: none; position: fixed; right: 0; bottom: 10px; left: 0; background: transparent; max-width: 60%; margin: 0 auto; z-index: 1030; } @media (max-width: 1366px) { .product_details_sticky { max-width: 65%; } } @media (max-width: 1200px) { .product_details_sticky { max-width: 75%; } } @media (max-width: 991.98px) { .product_details_sticky { max-width: 88%; } } @media (max-width: 767.98px) { .product_details_sticky { z-index: 8; max-width: 100%; bottom: 0px !important; } } .product_details_sticky .te_theme_button { margin: 0px !important; font-size: 0.9375rem; } .editor_enable .product_details_sticky { z-index: 9; } .prod_details_sticky_div { margin: 0px auto; width: 100%; max-width: 1400px; background-color: #ffffff; /*border: 1px solid theme-color('primary');*/ } @media (max-width: 575.98px) { .prod_details_sticky_div { border: 0px; } } header#top > .product_details_sticky { display: none !important; } .prod_details_sticky_div { /*box-shadow: 0px 0px 10px 0 rgba(0, 0, 93, 0.1);*/ box-shadow: 0px 0px 16px 0 #2323295c; text-align: center; border-radius: 12px; /*max-height: 87px;*/ } @media (max-width: 767.98px) { .prod_details_sticky_div { border-radius: 0px; max-height: unset; } } @media (max-width: 575.98px) { .prod_details_sticky_div { border-radius: 0px; } } .prod_details_sticky_div .prod_details_sticky_left { width: 100%; padding: 10px; vertical-align: middle; display: inline-block; } @media (max-width: 767.98px) { .prod_details_sticky_div .prod_details_sticky_left { width: 100%; text-align: unset; padding: 0px !important; } } .prod_details_sticky_div .prod_details_sticky_left > .prod_img { width: 75px; min-height: 75px; max-height: auto; float: left; vertical-align: middle; } @media (max-width: 767.98px) { .prod_details_sticky_div .prod_details_sticky_left > .prod_img { padding: 4px; width: auto; display: none; } } .prod_details_sticky_div .prod_details_sticky_left > .prod_img > img { max-width: 100%; height: auto; border-radius: 12px !important; } @media (max-width: 767.98px) { .prod_details_sticky_div .prod_details_sticky_left > .prod_img > img { width: 45px; display: none; } } .prod_details_sticky_div .prod_details_sticky_left .sticky_info { float: left; width: 50%; } @media (max-width: 767.98px) { .prod_details_sticky_div .prod_details_sticky_left .sticky_info { width: 40%; } } .prod_details_sticky_div .prod_details_sticky_left .sticky_info .te_p_categ_item a.text-muted { font-size: 13px; } .prod_details_sticky_div .prod_details_sticky_left .sticky_info > .cat_name { text-align: left; padding-left: 0.8rem; font-size: 0.875rem; } @media (max-width: 767.98px) { .prod_details_sticky_div .prod_details_sticky_left .sticky_info > .cat_name { display: none; } } .prod_details_sticky_div .prod_details_sticky_left .sticky_info > .prod_name { padding-left: 0.7rem; text-align: left; } @media (max-width: 767.98px) { .prod_details_sticky_div .prod_details_sticky_left .sticky_info > .prod_name { display: none; } } .prod_details_sticky_div .prod_details_sticky_left .sticky_info > .prod_name h1.te_product_name, .prod_details_sticky_div .prod_details_sticky_left .sticky_info > .prod_name .te_product_name.h1 { margin-bottom: 0px; font-size: 1rem !important; display: block; width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } @media (max-width: 767.98px) { .prod_details_sticky_div .prod_details_sticky_left .sticky_info > .prod_name h1.te_product_name, .prod_details_sticky_div .prod_details_sticky_left .sticky_info > .prod_name .te_product_name.h1 { font-size: 1.125rem !important; } } @media (max-width: 575.98px) { .prod_details_sticky_div .prod_details_sticky_left .sticky_info > .prod_name h1.te_product_name, .prod_details_sticky_div .prod_details_sticky_left .sticky_info > .prod_name .te_product_name.h1 { font-size: 0.900rem !important; } } .prod_details_sticky_div .prod_details_sticky_left .sticky_info > .prod_price { text-align: left; width: auto; margin-top: 5px; padding-left: 0.7rem; } @media (max-width: 767.98px) { .prod_details_sticky_div .prod_details_sticky_left .sticky_info > .prod_price del { font-size: 0.775rem !important; } } .prod_details_sticky_div .prod_details_sticky_left .sticky_info > .prod_price span { font-size: 0.775rem !important; } @media (max-width: 767.98px) { .prod_details_sticky_div .prod_details_sticky_left .sticky_info > .prod_price { width: auto; } } @media (max-width: 767.98px) { .prod_details_sticky_div .prod_details_sticky_left .sticky_info > .prod_price { width: auto; text-align: right; display: none; } } .prod_details_sticky_div .prod_details_sticky_left .sticky_info > .prod_price > .product_price { margin-top: 0px !important; } .prod_details_sticky_div .prod_details_sticky_left .sticky_info > .prod_price h4.oe_price_h4, .prod_details_sticky_div .prod_details_sticky_left .sticky_info > .prod_price .oe_price_h4.h4 { margin-bottom: 0px; font-size: 1rem; display: inline-block; } .prod_details_sticky_div .prod_details_sticky_left .sticky_info > .prod_price h4.oe_price_h4 b, .prod_details_sticky_div .prod_details_sticky_left .sticky_info > .prod_price .oe_price_h4.h4 b { font-weight: normal; } .prod_details_sticky_div .prod_details_sticky_right { text-align: right; padding: 15px 0px; } @media (max-width: 991.98px) { .prod_details_sticky_div .prod_details_sticky_right { width: auto; } } @media (max-width: 767.98px) { .prod_details_sticky_div .prod_details_sticky_right { width: auto; } } @media (max-width: 767.98px) { .prod_details_sticky_div .prod_details_sticky_right { width: 100%; padding: 5px; -webkit-box-shadow: 0px 0px 10px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 10px 0 rgba(0, 0, 0, 0.2); -ms-box-shadow: 0px 0px 10px 0 rgba(0, 0, 0, 0.2); -o-box-shadow: 0px 0px 10px 0 rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 10px 0 rgba(0, 0, 0, 0.2); } } @media (max-width: 767.98px) { .prod_details_sticky_div .prod_details_sticky_right .prod_add_cart { display: -webkit-box; display: -webkit-flex; display: flex; } } .prod_details_sticky_div .prod_details_sticky_right a#add_to_cart { font-size: 0.9375rem; } @media (min-width: 768px) { .prod_details_sticky_div .prod_details_sticky_right a#add_to_cart { width: auto !important; } } @media (max-width: 575.98px) { .prod_details_sticky_div .prod_details_sticky_right a#add_to_cart { width: 50%; } } .prod_details_sticky_div .prod_details_sticky_right a.o_we_buy_now { font-size: 0.9375rem; } @media (min-width: 768px) { .prod_details_sticky_div .prod_details_sticky_right a.o_we_buy_now { width: auto !important; } } @media (max-width: 575.98px) { .prod_details_sticky_div .prod_details_sticky_right a.o_we_buy_now { margin-left: 0.2rem !important; width: 50%; } } .prod_details_sticky_div .prod_details_sticky_right > .prod_add_cart.oe_website_sale { margin-right: 0px; } @media (max-width: 575.98px) { .prod_details_sticky_div .prod_details_sticky_right > .prod_add_cart.oe_website_sale { margin-bottom: 2px; margin-right: auto; } } .prod_details_sticky_div .prod_details_sticky_right > .prod_add_cart.oe_website_sale .te_theme_button { margin-top: 0px !important; font-size: 0.9375rem; } @media (max-width: 767.98px) { .prod_details_sticky_div .prod_details_sticky_right > .prod_add_cart.oe_website_sale .te_theme_button { font-size: 0.875rem; padding: 0.575rem 0.675rem; } } .te_style_square { border-radius: 0px; } .te_style_square label { border-radius: 0px; } .te_style_square .css_attribute_color { border-radius: unset; } .te_style_square .css_attribute_color:before { border-radius: unset; box-shadow: none; } .te_style_square .list-inline-item { width: 50px; height: 50px; } .te_style_square .list-inline-item label { height: 50px; width: 50px; } .te_style_round .list-inline-item { width: 50px; height: 50px; } .te_style_round .list-inline-item label { height: 50px; width: 50px; } .t-brand { margin: 0 auto; display: block; } .t-brand a span { color: rgba(33, 37, 41, 0.7) !important; text-decoration: underline; } .o_wsale_filmstip_wrapper .o_wsale_filmstip .fw-normal span { width: max-content; } #o_wsale_cta_wrapper #add_to_cart_wrap .js_check_product span, #o_wsale_cta_wrapper #add_to_cart_wrap .o_we_buy_now span { font-weight: normal !important; } #o-carousel-product { /* FIX product carousel thumbnail image crop issue */ } #o-carousel-product .carousel-outer .carousel-inner img { max-height: 100%; } #o-carousel-product .o_carousel_product_indicators img.o_image_64_cover { object-fit: contain; } /*========================================== 06 - loading icon ================================================*/ /* Load icon style in Layout */ .cus_theme_loader_layout svg path, .cus_theme_loader_layout svg rect { fill: #35979c; } .cus_theme_loader_layout { position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: 100%; background: rgba(255, 255, 255, 0.7); z-index: 9999; } .cus_theme_loader_div_layout { margin-top: 20%; display: inline-block; width: 100%; text-align: center; } .sticky_info .prod_price { margin: 0 !important; } .sticky_info .prod_price .oe_price_h4 { margin-bottom: 0px; font-size: 1rem; } .sticky_info .prod_price .te_discount { color: #ff6435; display: inline-block; margin: 0 0 0 2px; font-weight: 500; font-size: 0.845rem; } /*================= 02. Product page offer timer ===============*/ .rounded_digit_product { margin-right: 0px; width: 50px; vertical-align: middle; display: inline-block; -webkit-box-shadow: 0px 0px 10px 0 rgba(50, 50, 93, 0.2); -moz-box-shadow: 0px 0px 10px 0 rgba(50, 50, 93, 0.2); -ms-box-shadow: 0px 0px 10px 0 rgba(50, 50, 93, 0.2); -o-box-shadow: 0px 0px 10px 0 rgba(50, 50, 93, 0.2); box-shadow: 0px 0px 10px 0 rgba(50, 50, 93, 0.2); border: 1px solid #eaeaea; border-radius: 6px; } .rounded_digit_product .te_days_hr_min_sec { font-size: 18px; padding: 2px 4px 0px; line-height: normal; font-weight: 500; } .rounded_digit_product #time_lbl { font-size: 0.75rem; color: #35979c; padding: 0px 5px 4px; } .te_offer_timer_prod { display: none; margin-bottom: 0; font-size: 1rem; padding: 0; line-height: normal; margin: 0 auto; } .digit_separator { display: inline-block; font-size: 20px; font-family: inherit; font-weight: 500; } .product_offer_timer { padding: 6px 0px 6px; display: inline-block; margin-top: 0; } .product_offer_timer > span:last-child .rounded_digit_product { margin-right: 0px; } .te_time_main_div { position: relative; padding-bottom: 0.5rem; } .style_4 .rounded_digit_product { box-shadow: unset; background-color: #eaeff3; border-radius: 50rem; width: 54px; } .style_4 .rounded_digit_product #time_lbl { font-size: 13px; padding: 0px 6px 6px; } .style_4 .rounded_digit_product .te_days_hr_min_sec { font-size: 18px; } .style_3 .rounded_digit_product { box-shadow: unset; border: unset; padding: 0px 6px; } .style_3 .rounded_digit_product .te_days_hr_min_sec { border-bottom: 1px dashed; } .style_3 .rounded_digit_product #time_lbl { padding: 5px 0px; } .style_3 .product_offer_timer { border: 1px solid #d3d3d380; border-radius: 5px; -webkit-box-shadow: inset 0px 0px 10px 0 rgba(50, 50, 93, 0.2); -moz-box-shadow: inset 0px 0px 10px 0 rgba(50, 50, 93, 0.2); -ms-box-shadow: inset 0px 0px 10px 0 rgba(50, 50, 93, 0.2); -o-box-shadow: inset 0px 0px 10px 0 rgba(50, 50, 93, 0.2); box-shadow: inset 0px 0px 10px 0 rgba(50, 50, 93, 0.2); } .style_2 .te_days_hr_min_sec { padding: 4px 8px 4px; } .style_2 #time_lbl { border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; background: black; color: white; padding: 0px 5px 2px; } /* /theme_clarico_vega/static/src/scss/owl.carousel.min.css */ /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel .animated{animation-duration:500ms;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(/theme_clarico_vega/static/src/scss/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} /* /theme_clarico_vega/static/src/scss/style_4.scss */ /*============================= 01. Category Slider ====================*/ .s_product_public_category_style_1 .te_category_item { background: #f5f5f5; height: 100%; width: 100%; position: relative; } .s_product_public_category_style_1 .te_category_item a { text-decoration: none; } .s_product_public_category_style_1 .te_category_item a .te_category_img { height: 216px; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; } .s_product_public_category_style_1 .te_category_item a .te_category_img img { width: 100%; height: inherit; margin: 0 auto; /* For Safari*/ -webkit-transition-property: all; -webkit-transition-duration: 0.4s; /*For Firefox*/ -moz-transition-property: all; -moz-transition-duration: 0.4s; /*Internet Explorer*/ -ms-transition-property: all; -ms-transition-duration: 0.4s; /*For Opera*/ -o-transition-property: all; -o-transition-duration: 0.4s; /* Standard syntax */ transition-property: all; transition-duration: 0.4s; } .s_product_public_category_style_1 .te_category_item .te_category_name { margin-top: 6px; display: block; width: 100%; text-align: center; padding: 8px; background: #d8d8d8bf; position: absolute; bottom: 8px; } /* ============================ category 2 ===================== */ .s_product_public_category_style_2 .te_category_item { height: 222px; position: relative; width: 100%; } .s_product_public_category_style_2 .te_category_item:hover .te_category_name { opacity: 1; } .s_product_public_category_style_2 .te_category_item:hover .te_category_name:before, .s_product_public_category_style_2 .te_category_item:hover .te_category_name:after { opacity: 1; transform: scale(1); } .s_product_public_category_style_2 .te_category_item:hover .te_category_img img { -webkit-transform: scale3d(0.9, 0.9, 0.9); -moz-transform: scale3d(0.9, 0.9, 0.9); -ms-transform: scale3d(0.9, 0.9, 0.9); -o-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } .s_product_public_category_style_2 .te_category_item a { display: inline-block; width: 100%; padding: 10px; height: 100%; } .s_product_public_category_style_2 .te_category_item a .te_category_name { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: center; font-weight: 500; background: rgba(0, 0, 0, 0.2); color: #fff; /* For Safari*/ -webkit-transition-property: all; -webkit-transition-duration: 0.4s; /*For Firefox*/ -moz-transition-property: all; -moz-transition-duration: 0.4s; /*Internet Explorer*/ -ms-transition-property: all; -ms-transition-duration: 0.4s; /*For Opera*/ -o-transition-property: all; -o-transition-duration: 0.4s; /* Standard syntax */ transition-property: all; transition-duration: 0.4s; opacity: 0; padding: 10px; } .s_product_public_category_style_2 .te_category_item a .te_category_name:before, .s_product_public_category_style_2 .te_category_item a .te_category_name:after { position: absolute; top: 10px; right: 10px; bottom: 10px; left: 10px; content: ''; transition: opacity 0.35s,transform 0.35s; opacity: 0; z-index: 0; } .s_product_public_category_style_2 .te_category_item a .te_category_name:before { border-top: 2px solid #ffffff; border-bottom: 2px solid #ffffff; -webkit-transform: scale(0, 1); -moz-transform: scale(0, 1); -ms-transform: scale(0, 1); -o-transform: scale(0, 1); transform: scale(0, 1); } .s_product_public_category_style_2 .te_category_item a .te_category_name:after { border-right: 2px solid #ffffff; border-left: 2px solid #ffffff; -webkit-transform: scale(1, 0); -moz-transform: scale(1, 0); -ms-transform: scale(1, 0); -o-transform: scale(1, 0); transform: scale(1, 0); } @media (max-width: 991.98px) { .s_product_public_category_style_2 .te_category_item a .te_category_name { opacity: 1; background: rgba(0, 0, 0, 0.2); } .s_product_public_category_style_2 .te_category_item a .te_category_name:before, .s_product_public_category_style_2 .te_category_item a .te_category_name:after { opacity: 1; transform: scale(1); } } .s_product_public_category_style_2 .te_category_item a .te_category_img { height: inherit; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; } .s_product_public_category_style_2 .te_category_item a .te_category_img img { width: 100%; max-height: 170px; -o-object-fit: scale-down; object-fit: scale-down; margin: 0 auto; -webkit-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); -o-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); /* For Safari*/ -webkit-transition-property: all; -webkit-transition-duration: 0.4s; /*For Firefox*/ -moz-transition-property: all; -moz-transition-duration: 0.4s; /*Internet Explorer*/ -ms-transition-property: all; -ms-transition-duration: 0.4s; /*For Opera*/ -o-transition-property: all; -o-transition-duration: 0.4s; /* Standard syntax */ transition-property: all; transition-duration: 0.4s; } .s_product_public_category_style_2 .te_category_item a img { height: inherit; } /* ============================= category 3==================== */ .s_product_public_category_styles_3 .te_category_item { border: 1px solid #eee; width: 100%; /* For Safari*/ -webkit-transition-property: all; -webkit-transition-duration: 0.4s; /*For Firefox*/ -moz-transition-property: all; -moz-transition-duration: 0.4s; /*Internet Explorer*/ -ms-transition-property: all; -ms-transition-duration: 0.4s; /*For Opera*/ -o-transition-property: all; -o-transition-duration: 0.4s; /* Standard syntax */ transition-property: all; transition-duration: 0.4s; } .s_product_public_category_styles_3 .te_category_item:hover { box-shadow: 0 1px 10px #ddd; } .s_product_public_category_styles_3 .te_category_item a { text-decoration: none; } .s_product_public_category_styles_3 .te_category_item a .te_category_img { height: 150px; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; padding: 6px; } .s_product_public_category_styles_3 .te_category_item a .te_category_img img { width: auto; height: 100%; margin: 0 auto; } .s_product_public_category_styles_3 .te_category_item a .te_category_name { font-weight: 500; margin-top: 6px; display: inline-block; width: 100%; background: #eee; padding: 6px; text-align: center; } .s_product_public_category_styles_3 .te_category_item a img { height: calc(100% - 48px); } /* ============================ Brand Style 1 ========================== */ .s_product_brand_style_1 .brand_link { text-decoration: none; } .s_product_brand_style_1 .brand_link .brand_image { height: 120px; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; } .s_product_brand_style_1 .brand_link .brand_image img { max-height: 120px; margin: 0px auto; width: auto; /* For Safari*/ -webkit-transition-property: all; -webkit-transition-duration: 0.4s; -webkit-transition-timing-function: ease; /*For Firefox*/ -moz-transition-property: all; -moz-transition-duration: 0.4s; -moz-transition-timing-function: ease; /*Internet Explorer*/ -ms-transition-property: all; -ms-transition-duration: 0.4s; -ms-transition-timing-function: ease; /*For Opera*/ -o-transition-property: all; -o-transition-duration: 0.4s; -o-transition-timing-function: ease; /* Standard syntax */ transition-property: all; transition-duration: 0.4s; transition-timing-function: ease; padding: 6px; max-width: 100%; height: auto; margin: 0 auto; } .s_product_brand_style_1 .brand_link .brand_name { margin-top: 10px; word-break: break-all; color: #35979c; } .s_product_brand_style_1 .brand_link .product_count { font-size: 0.875rem; color: #777; } .s_product_brand_style_1 .owl-item { display: -webkit-box; display: -webkit-flex; display: flex; } .te_brand_img { margin: 10px 5px; /* For Safari*/ -webkit-transition-property: all; -webkit-transition-duration: 0.4s; -webkit-transition-timing-function: ease; /*For Firefox*/ -moz-transition-property: all; -moz-transition-duration: 0.4s; -moz-transition-timing-function: ease; /*Internet Explorer*/ -ms-transition-property: all; -ms-transition-duration: 0.4s; -ms-transition-timing-function: ease; /*For Opera*/ -o-transition-property: all; -o-transition-duration: 0.4s; -o-transition-timing-function: ease; /* Standard syntax */ transition-property: all; transition-duration: 0.4s; transition-timing-function: ease; padding: 8px; width: 100%; } .te_brand_img:hover { -webkit-box-shadow: 0 1px 10px #ddd; -moz-box-shadow: 0 1px 10px #ddd; -ms-box-shadow: 0 1px 10px #ddd; -o-box-shadow: 0 1px 10px #ddd; box-shadow: 0 1px 10px #ddd; } /* ============================ Brand Style 2========================== */ .s_product_brand_style_2 .owl-item { display: -webkit-box; display: -webkit-flex; display: flex; } .s_product_brand_style_2 .te_brand_img { margin: 10px 5px; min-height: 150px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; padding: 0; background: rgba(255, 255, 255, 0.5); } .s_product_brand_style_2 .te_brand_img .brand_link { text-decoration: none; } .s_product_brand_style_2 .te_brand_img .brand_link .brand_image { height: 130px; border: 1px solid #ededed; border-bottom: 0px; border-radius: 6px 6px 0 0; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; } .s_product_brand_style_2 .te_brand_img .brand_link .brand_image img { max-height: 130px; padding: 16px 6px; width: auto; height: auto; margin: 0 auto; } .s_product_brand_style_2 .te_brand_img .brand_link .brand-content { background: #f5f5f5; padding: 6px 10px; border: 1px solid #ededed; border-radius: 0 0 6px 6px; } .s_product_brand_style_2 .te_brand_img .brand_link .brand-content .brand_name { vertical-align: middle; margin-top: 0; text-align: center; } .s_product_brand_style_2 .te_brand_img .brand_link .brand-content .product_count { line-height: 1.6; text-align: center; font-size: 0.875rem; color: #777; } .carousel-item .flex-shrink-0 { padding: 0; } /* ============================ Brand Style 3 ========================== */ .s_product_brand_style_3 .carousel-item .flex-shrink-0 { padding: 0; justify-content: center; border: 1px solid #ededed; } @media (max-width: 767.98px) { .s_product_brand_style_3 .owl-carousel.owl-loaded { display: -webkit-box !important; display: -webkit-flex !important; display: flex !important; } } .brand_slider_3 > .container, .brand_slider_3 > .o_container_small { overflow: hidden; } @media (max-width: 767.98px) { .brand_slider_3 > .container .te_brand_img, .brand_slider_3 > .o_container_small .te_brand_img { display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; } } .brand_slider_3 > .container .te_brand_img:hover, .brand_slider_3 > .o_container_small .te_brand_img:hover { box-shadow: unset !important; } .brand_slider_3 > .container .te_brand_img .brand_link, .brand_slider_3 > .o_container_small .te_brand_img .brand_link { text-decoration: none; } .brand_slider_3 > .container .te_brand_img .brand_link .brand_image, .brand_slider_3 > .o_container_small .te_brand_img .brand_link .brand_image { /* For Safari*/ -webkit-transition-property: all; -webkit-transition-duration: 0.4s; -webkit-transition-timing-function: ease; /*For Firefox*/ -moz-transition-property: all; -moz-transition-duration: 0.4s; -moz-transition-timing-function: ease; /*Internet Explorer*/ -ms-transition-property: all; -ms-transition-duration: 0.4s; -ms-transition-timing-function: ease; /*For Opera*/ -o-transition-property: all; -o-transition-duration: 0.4s; -o-transition-timing-function: ease; /* Standard syntax */ transition-property: all; transition-duration: 0.4s; transition-timing-function: ease; } .brand_slider_3 > .container .te_brand_img .brand_link .brand_image img, .brand_slider_3 > .o_container_small .te_brand_img .brand_link .brand_image img { max-height: 90px; filter: grayscale(90%); padding: 8px; } @media (max-width: 767.98px) { .brand_slider_3 > .container .te_brand_img .brand_link .brand_image img, .brand_slider_3 > .o_container_small .te_brand_img .brand_link .brand_image img { filter: grayscale(0); } } .brand_slider_3 > .container .te_brand_img .brand_link .brand_image img:hover, .brand_slider_3 > .o_container_small .te_brand_img .brand_link .brand_image img:hover { filter: grayscale(0); } .brand_slider_3 > .container .te_brand_img .t_img_hover_1.te_img_effect2, .brand_slider_3 > .o_container_small .te_brand_img .t_img_hover_1.te_img_effect2 { overflow: visible; position: relative; display: inline-block; } .brand_slider_template_3 .s_product_brand_style_3 .row { margin: 0px -25px; } .brand_slider_template_3 .s_product_brand_style_3 .carousel-item .flex-shrink-0 { border: 0px solid #ededed; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 33.33333333%; margin: 0px; margin-right: -4px; margin-bottom: -2px; } .brand_slider_template_3 .s_product_brand_style_3 .carousel-item .flex-shrink-0 img { padding: 0 !important; } .brand_slider_template_3 > .row { align-items: center; } .brand_slider_template_3 > .row .te_brand_slider > .container, .brand_slider_template_3 > .row .te_brand_slider > .o_container_small { width: 100%; } .parent-category .toggle_megamenu { display: block !important; visibility: visible !important; opacity: 1 !important; z-index: 99; } .parent-category .no_toggle_megamenu { display: none !important; visibility: hidden !important; opacity: 0 !important; } /* /theme_clarico_vega/static/src/scss/megamenu.scss */ /*================= 01 - Megamenu_style_1 =================*/ .dropdown-menu::-webkit-scrollbar, .o_dropdown_menu::-webkit-scrollbar { display: none; } .dropdown-menu .dropdown-item.active, .o_dropdown_menu .dropdown-item.active { background-color: #35979c; } .te_menu_style_1 .container, .te_menu_style_1 .o_container_small, .te_menu_style_2 .container, .te_menu_style_2 .o_container_small, .te_menu_style_4 .container, .te_menu_style_4 .o_container_small, .te_menu_style_5 .container, .te_menu_style_5 .o_container_small { width: 100% !important; } .te_menu_style_1 { background-color: #fff; } .te_menu_style_1 ul { list-style: none; padding: 0; } @media (max-width: 575.98px) { .te_menu_style_1 ul { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .te_menu_style_1 ul .te_category-heading-center { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 50%; padding-right: 1rem; } } .te_menu_style_1 ul a { margin: 0 1rem; } @media (max-width: 575.98px) { .te_menu_style_1 ul a { margin: 0; } } @media (min-width: 768px) { .te_menu_style_1 .menu-items { columns: 4; } } .te_menu_style_1 .te_category-heading-center { max-height: 226px; overflow: hidden; } .te_menu_style_1 .te_category-heading-center a.te_menu_item { padding: 0.2rem 0; border-bottom-width: 0px; white-space: unset; line-height: 1.5; word-break: break-word; color: rgba(0, 0, 0, 0.55) !important; } .te_menu_style_1 .te_category-heading-center .te_menu_category_heading { font-weight: 500; font-size: 1.0625rem; color: #000000 !important; font-family: inherit; white-space: unset; border-bottom-width: 0px; word-break: break-word; } .te_menu_style_1 .te_category-heading-center .te_menu_category_item { border-top: 1px solid #ededed; width: 100%; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); } .te_menu_style_1 .te_category-heading-center .te_menu_category_item:before { content: ""; position: absolute; top: 0; right: 100%; bottom: auto; left: 0; z-index: -1; background: #000000 !important; height: 1px; /* For Safari*/ -webkit-transition-property: right; -webkit-transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; /*For Firefox*/ -moz-transition-property: right; -moz-transition-duration: 0.3s; -moz-transition-timing-function: ease-out; /*Internet Explorer*/ -ms-transition-property: right; -ms-transition-duration: 0.3s; -ms-transition-timing-function: ease-out; /*For Opera*/ -o-transition-property: right; -o-transition-duration: 0.3s; -o-transition-timing-function: ease-out; /* Standard syntax */ transition-property: right; transition-duration: 0.3s; transition-timing-function: ease-out; } .te_category-heading-center .te_menu_category_item:hover::before, .te_category-heading-center:focus::before, .te_category-heading-center:active::before { right: 0; } .te_category-heading-center a.nav-link { padding-left: 0px !important; } #top_menu > li.o_extra_menu_items.show > ul.dropdown-menu .te_menu_style_1 .row section, #top_menu > li.o_extra_menu_items.show > ul.o_dropdown_menu .te_menu_style_1 .row section { flex: 0 0 100%; max-width: 100%; } @media (max-width: 575.98px) { .te_menu_style_1 .te_category-heading-center a.te_menu_item { margin: 0px auto; } .te_menu_style_1 .te_menu_category_heading { margin: 0px auto !important; } } /*================== 02 - Megamenu_style_2 =================*/ .te_menu_content { position: absolute; top: auto; right: 20px; bottom: 30px; left: 20px; min-height: 35px; background: rgba(0, 0, 0, 0.55); padding: 10px 15px; text-align: center; max-width: 365px; color: #ffffff; } .te_menu_content h4, .te_menu_content .h4, .te_menu_content p { word-break: break-word; } .te_menu_content p { font-size: 0.9375rem; } .te_menu_style_2 { background-color: #fff; } .te_menu_style_2 section.te_image { margin-bottom: 15px; } @media (max-width: 767.98px) { .te_menu_style_2 { width: 90%; } .te_menu_style_2 .cat-column { padding: 0; } .te_menu_style_2 .cat-column section a p { padding-bottom: 6px !important; padding-top: 0px !important; } .te_menu_style_2 .cat-column .te_image { margin: 0px 8px 8px 8px; } .te_menu_style_2 .cat-column .te_image img { opacity: 1; } .te_menu_style_2 .cat-column .te_menu_content { left: 10px; right: 10px; } } @media (max-width: 767.98px) and (max-width: 575.98px) { .te_menu_style_2 .cat-column { margin-top: 16px; } .te_menu_style_2 .cat-column .te_menu_content { position: relative; top: auto; right: auto; bottom: auto; left: auto; background: rgba(0, 0, 0, 0.25); } .te_menu_style_2 .cat-column .te_menu_content a.nav-link { margin: 0px auto; } } @media (max-width: 575.98px) { .te_menu_style_2 .cat-column section.te_image { margin: 0px 8px; } } .te_menu_style_2 section.te_menu_content a.nav-link { padding: 0; border: 0px solid; color: #ffffff; } .te_menu_style_2 section.te_menu_content a.nav-link:focus, .te_menu_style_2 section.te_menu_content a.nav-link:active, .te_menu_style_2 section.te_menu_content a.nav-link:hover { color: #ffffff; } @media (max-width: 575.98px) { .te_menu_style_2 .cat-column { max-width: 50%; margin-bottom: 16px; } .te_menu_style_2 .cat-column:nth-child(odd) .te_image { margin-right: 8px; } .te_menu_style_2 .cat-column:nth-child(even) .te_image { margin-left: 8px; } .te_menu_style_2 .te_menu_content { padding: 8px 10px; left: 5px; right: 5px; } .te_menu_style_2 .te_menu_content p { font-size: 0.8125rem; } } .te_image { overflow: hidden; position: relative; } .te_image:before { position: absolute; top: 0; right: auto; bottom: auto; left: -100%; content: ""; z-index: 1; display: block; width: 50%; height: 100%; background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%); -webkit-transform: skewX(-25deg); -moz-transform: skewX(-25deg); -ms-transform: skewX(-25deg); -o-transform: skewX(-25deg); transform: skewX(-25deg); } .te_image:hover:before { animation: effect_shine 1s; } #top_menu > li.o_extra_menu_items.show > ul.dropdown-menu .te_menu_style_2 .row section, #top_menu > li.o_extra_menu_items.show > ul.o_dropdown_menu .te_menu_style_2 .row section { flex: 0 0 100%; max-width: 100%; padding: 8px; } .col-lg-8.col-8 > p { color: rgba(0, 0, 0, 0.55) !important; } section p > a, section a > p { font-size: 0.9375rem; } /*================== 04 - Megamenu_style_4 =================*/ .te_icons_menu_main { background-color: #fff; } .te_icons_menu_main .te_menu_flip_box { flex: 0 0 12.5%; max-width: 12.5%; } @media (max-width: 991.98px) { .te_icons_menu_main .te_menu_flip_box { flex: 20%; max-width: 20%; } } @media (max-width: 767.98px) { .te_icons_menu_main .te_menu_flip_box { flex: 25%; max-width: 25%; } } @media (max-width: 575.98px) { .te_icons_menu_main .te_menu_flip_box { flex: 33.33%; max-width: 33.33%; } } .te_icons_menu_main .te_menu_flip_box img { max-height: 65px; } .te_icons_menu_main .te_menu_flip_box a { position: relative; width: 100%; text-align: center; transition: transform 0.8s; transform-style: preserve-3d; } .te_icons_menu_main .te_menu_flip_box .te_icon_text a.nav-link { font-size: 1.0625rem; color: #35979c; padding-bottom: 4px; position: relative; overflow: hidden; word-break: break-word; padding: 0px !important; white-space: unset; margin: 0; } .te_icons_menu_main .te_menu_flip_box .te_icon_text a.nav-link:after { content: ""; position: absolute; top: auto; right: 0; bottom: 0; left: 0; z-index: -1; background: #35979c; height: 2px; width: 100%; opacity: 0; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale(0, 1); -moz-transform: scale(0, 1); -ms-transform: scale(0, 1); -o-transform: scale(0, 1); transform: scale(0, 1); } .te_icons_menu_main .te_menu_flip_box:hover .te_icon_text a { color: #35979c; } .te_icons_menu_main .te_menu_flip_box:hover .te_icon_text a:after { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .te_icons_menu_main p { font-size: 0.8125rem; color: #717171; margin-top: 8px; } .te_icons_menu_main .te_img_hide_small_devices { position: relative; max-width: 100%; text-align: center; display: inline-block; border: none; } .te_icons_menu_main .te_img_hide_small_devices:before, .te_icons_menu_main .te_img_hide_small_devices:after { position: absolute; top: 5px; right: 5px; bottom: 5px; left: 5px; content: ""; transition: opacity 0.35s, transform 0.35s; } .te_icons_menu_main .te_img_hide_small_devices:after { border-right: 2px solid #35979c; border-left: 2px solid #35979c; -webkit-transform: scale(1, 0); -moz-transform: scale(1, 0); -ms-transform: scale(1, 0); -o-transform: scale(1, 0); transform: scale(1, 0); } .te_icons_menu_main .te_img_hide_small_devices:before { border-top: 2px solid #35979c; border-bottom: 2px solid #35979c; -webkit-transform: scale(0, 1); -moz-transform: scale(0, 1); -ms-transform: scale(0, 1); -o-transform: scale(0, 1); transform: scale(0, 1); } .te_icons_menu_main .te_img_hide_small_devices:hover:before, .te_icons_menu_main .te_img_hide_small_devices:hover:after { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .te_menu_style_4 section a.nav-link { width: auto; position: relative; text-align: center; display: inline-block; padding: 0px; } @media (max-width: 767.98px) { .te_icons_menu_main .te_icon_text a { font-size: 0.8125rem; } .te_icons_menu_main .te_menu_flip_box img { max-height: 45px; } } #top_menu > li.o_extra_menu_items.show > ul.dropdown-menu .te_menu_style_4 .row section, #top_menu > li.o_extra_menu_items.show > ul.o_dropdown_menu .te_menu_style_4 .row section { flex: 0 0 100%; max-width: 100%; } /*====================== 05 - Megamenu_style_5 ===================*/ .te_catalog_menu_main { background-color: #fff; } .te_catalog_menu_main .img_container { position: relative; border-width: 1px; border-color: transparent; border-style: solid; overflow: hidden; } .te_catalog_menu_main .img_container img { max-width: 100%; /* For Safari*/ -webkit-transition-property: all; -webkit-transition-duration: 0.4s; -webkit-transition-timing-function: ease-in-out; /*For Firefox*/ -moz-transition-property: all; -moz-transition-duration: 0.4s; -moz-transition-timing-function: ease-in-out; /*Internet Explorer*/ -ms-transition-property: all; -ms-transition-duration: 0.4s; -ms-transition-timing-function: ease-in-out; /*For Opera*/ -o-transition-property: all; -o-transition-duration: 0.4s; -o-transition-timing-function: ease-in-out; /* Standard syntax */ transition-property: all; transition-duration: 0.4s; transition-timing-function: ease-in-out; } .te_catalog_menu_main .img_container .te_border_div { position: relative; max-width: 100%; text-align: center; display: inline-block; } .te_catalog_menu_main .img_container .te_border_div:before { content: ""; position: absolute; top: auto; right: auto; bottom: auto; left: 0; width: 5px; height: 100%; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); /* For Safari*/ -webkit-transition-property: all; -webkit-transition-duration: 0.3s; -webkit-transition-timing-function: ease-in-out; /*For Firefox*/ -moz-transition-property: all; -moz-transition-duration: 0.3s; -moz-transition-timing-function: ease-in-out; /*Internet Explorer*/ -ms-transition-property: all; -ms-transition-duration: 0.3s; -ms-transition-timing-function: ease-in-out; /*For Opera*/ -o-transition-property: all; -o-transition-duration: 0.3s; -o-transition-timing-function: ease-in-out; /* Standard syntax */ transition-property: all; transition-duration: 0.3s; transition-timing-function: ease-in-out; } .te_catalog_menu_main .img_container:hover .te_border_div:before { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .te_catalog_menu_main .te_menu_ctg_main { font-size: 1.0625rem; letter-spacing: 1px; font-weight: 400; word-break: break-word; margin-bottom: 8px; display: inline; } .te_catalog_menu_main ul { margin: 0; padding: 4px 14px 4px 0px; list-style-type: none; color: #898383; } .te_catalog_menu_main ul .subcate_height { max-height: 184px; overflow: hidden; } .te_catalog_menu_main ul > li { padding: 0.2rem 0; } .te_catalog_menu_main ul > li a { color: #888888; padding-left: 0; /* For Safari*/ -webkit-transition-property: all; -webkit-transition-duration: 0.5s; -webkit-transition-timing-function: ease-in-out; /*For Firefox*/ -moz-transition-property: all; -moz-transition-duration: 0.5s; -moz-transition-timing-function: ease-in-out; /*Internet Explorer*/ -ms-transition-property: all; -ms-transition-duration: 0.5s; -ms-transition-timing-function: ease-in-out; /*For Opera*/ -o-transition-property: all; -o-transition-duration: 0.5s; -o-transition-timing-function: ease-in-out; /* Standard syntax */ transition-property: all; transition-duration: 0.5s; transition-timing-function: ease-in-out; display: inline-block; word-break: break-word; } .te_catalog_menu_main ul > li a:hover { color: #35979c; padding-left: 10px; } .te_catalog_menu_main ul > li a.te_menu_sub { font-size: 0.9375rem; /* Reduced 2px */ } .te_menu_style_5 section a.nav-link { padding: 0px !important; } .te_menu_style_5 section .te_menu_sub { margin-right: 4px !important; } @media (max-width: 575.98px) { .te_menu_style_5 .te_menu_sub, .te_catalog_menu_main ul > li a { font-size: 0.8125rem; color: rgba(0, 0, 0, 0.55) !important; } } #top_menu > li.o_extra_menu_items.show > ul.dropdown-menu .te_menu_style_5 .row section, #top_menu > li.o_extra_menu_items.show > ul.o_dropdown_menu .te_menu_style_5 .row section { flex: 0 0 100%; max-width: 100%; } .te_catalog_menu_main ul > li { padding: 0.2rem 0; } .te_menu_style_5 section a.nav-link { padding: 0px !important; margin: 0px; } .te_designation_name_sub_ti.nav-link { margin: 0px !important; padding: 0px !important; } .te_menu_style_5 a.te_menu_sub { font-size: 0.9375rem; color: rgba(0, 0, 0, 0.5) !important; display: inline; white-space: unset; word-break: break-all; } /* Mobile view specific */ @media (max-width: 575.98px) { .te_menu_style_5 section.col-lg-2 { flex: 0 0 50%; max-width: 50%; } } /*====================== 07 - Menu styles ======================*/ #all_dynamic_menu { background-color: #fff; } #top_menu > li > ul.dropdown-menu, #top_menu > li > ul.o_dropdown_menu { -webkit-box-shadow: 0px 3px 10px 0 #32325d1a; -moz-box-shadow: 0px 3px 10px 0 #32325d1a; -ms-box-shadow: 0px 3px 10px 0 #32325d1a; -o-box-shadow: 0px 3px 10px 0 #32325d1a; box-shadow: 0px 3px 10px 0 #32325d1a; } #top_menu > li > ul.dropdown-menu > li, #top_menu > li > ul.o_dropdown_menu > li { border-bottom: 1px solid #ededed; } #top_menu > li > ul.dropdown-menu > li > a.dropdown-item, #top_menu > li > ul.o_dropdown_menu > li > a.dropdown-item { padding: 0.7rem 1.5rem; } #top_menu > li > ul.dropdown-menu > li > a.dropdown-item:hover, #top_menu > li > ul.o_dropdown_menu > li > a.dropdown-item:hover { color: #35979c; } #top_menu > li > ul.dropdown-menu > li > a.dropdown-item.active:hover, #top_menu > li > ul.o_dropdown_menu > li > a.dropdown-item.active:hover { background-color: #35979c; } #top_menu > li > ul.dropdown-menu > li:last-child, #top_menu > li > ul.o_dropdown_menu > li:last-child { border-bottom: 0; } li.nav-item.dropdown.o_extra_menu_items:not(.show) .dropdown-menu.show, li.nav-item.dropdown.o_extra_menu_items:not(.show) .show.o_dropdown_menu { width: inherit; } #top_menu > li.o_extra_menu_items > ul.dropdown-menu > li, #top_menu > li.o_extra_menu_items > ul.o_dropdown_menu > li { border-bottom: 0px; } #top_menu .te_all_dynamic_ept .o_mega_menu_container_size .container, #top_menu .te_all_dynamic_ept .o_mega_menu_container_size .o_container_small { width: 100%; } #top_menu .te_all_dynamic_ept .menu-categories-container { overflow: visible; } @media (max-width: 992px) and (max-width: 1200px) { #top_menu .te_all_dynamic_ept .menu-categories-container { overflow: hidden; max-height: 85vh; } } @media (max-width: 767.98px) { #top_menu .te_all_dynamic_ept .menu-categories-container { position: relative; } } @media (max-width: 575.98px) { #top_menu .te_all_dynamic_ept .menu-categories-container { width: 100%; } } @media (max-width: 1200px) { #top_menu .te_all_dynamic_ept .menu-categories-container .container, #top_menu .te_all_dynamic_ept .menu-categories-container .o_container_small { width: 100%; } } #top_menu .te_all_dynamic_ept .menu-categories-container #menu-categories { overflow-y: auto; max-height: 333px; min-height: 333px; max-width: 300px; box-shadow: 0 1px 10px rgba(0, 0, 0, 0.15); border-right: 1px solid #ededed; scrollbar-width: 3px; cursor: grab; } #top_menu .te_all_dynamic_ept .menu-categories-container #menu-categories::-webkit-scrollbar { width: 3px; } #top_menu .te_all_dynamic_ept .menu-categories-container #menu-categories::-webkit-scrollbar-thumb { border-radius: 0; background: currentColor; } #top_menu .te_all_dynamic_ept .menu-categories-container #menu-categories::-webkit-scrollbar-track { background: #f7f7f7; } @media (max-width: 991.98px) { #top_menu .te_all_dynamic_ept .menu-categories-container #menu-categories { max-width: 100%; } } @media (max-width: 767.98px) { #top_menu .te_all_dynamic_ept .menu-categories-container #menu-categories { max-width: 100%; border-left: 0px; } } @media (max-width: 575.98px) { #top_menu .te_all_dynamic_ept .menu-categories-container #menu-categories { max-width: 100%; min-height: auto; border-right: 1px solid #ededed; } } #top_menu .te_all_dynamic_ept .menu-categories-container #menu-categories .parent-category .cat_badge { margin-left: 5px; } #top_menu .te_all_dynamic_ept .menu-categories-container #menu-categories .img { width: 18px; vertical-align: middle; position: absolute; left: 4px; top: 1rem; margin: 1px 6px; } #top_menu .te_all_dynamic_ept .menu-categories-container #menu-categories .category_name { vertical-align: middle; width: 225px; white-space: normal; word-break: break-all; } #top_menu .te_all_dynamic_ept .menu-categories-container #menu-categories .nav-link { position: relative; padding: 0.75rem 1rem 0.75rem 2rem; white-space: nowrap; margin: 0px !important; line-height: 1.4; border: 0px solid; border-bottom: 1px solid #ededed; color: rgba(0, 0, 0, 0.5); background-color: transparent; } #top_menu .te_all_dynamic_ept .menu-categories-container #menu-categories .nav-link.active, #top_menu .te_all_dynamic_ept .menu-categories-container #menu-categories .nav-link:hover { color: #333; background-color: #f5f5f5; } #top_menu .te_all_dynamic_ept .menu-categories-container #menu-categories .nav-link span.fa { position: absolute; right: 5px; bottom: 3%; padding: 10px 20px; font-size: 1.125rem; } #top_menu .te_all_dynamic_ept .menu-categories-container #menu-categories .parent-category { cursor: pointer; transition: 0.4s all; } #top_menu .te_all_dynamic_ept .menu-categories-container #menu-categories .parent-category:hover { background: #f5f5f5; } @media (min-width: 992px) { #top_menu .te_all_dynamic_ept .menu-categories-container #menu-categories .parent-category:hover .sub-menu-dropdown { display: block; opacity: 1; visibility: visible; } } #top_menu .te_all_dynamic_ept .menu-categories-container #menu-categories .parent-category .sub-menu-dropdown { position: absolute; margin-left: 300px; top: 0; min-height: 100%; max-height: 300px; background: #fff; opacity: 0; visibility: hidden; transition: 0.2s all; overflow-y: auto; width: calc(100% - 301px); z-index: 9; scrollbar-width: 3px; cursor: grab; left: 0px; } #top_menu .te_all_dynamic_ept .menu-categories-container #menu-categories .parent-category .sub-menu-dropdown::-webkit-scrollbar { width: 3px; } #top_menu .te_all_dynamic_ept .menu-categories-container #menu-categories .parent-category .sub-menu-dropdown::-webkit-scrollbar-thumb { border-radius: 0; background: currentColor; } #top_menu .te_all_dynamic_ept .menu-categories-container #menu-categories .parent-category .sub-menu-dropdown::-webkit-scrollbar-track { background: #f7f7f7; } @media (max-width: 991px) { #top_menu .te_all_dynamic_ept .menu-categories-container #menu-categories .parent-category .sub-menu-dropdown { width: 100%; position: relative; margin-left: 0px; height: auto; padding: 0px 20px; display: none; } } @media (max-width: 1199px) { #top_menu .te_all_dynamic_ept .menu-categories-container #menu-categories .parent-category .sub-menu-dropdown .sub-menu-dropdown-content { width: 100%; } } @media (min-width: 1200px) { #top_menu .te_all_dynamic_ept .menu-categories-container #menu-categories .parent-category .sub-menu-dropdown .sub-menu-dropdown-content { width: calc(100% - 0px); } } @media (min-width: 992px) { #top_menu .te_all_dynamic_ept .menu-categories-container #menu-categories .parent-category .sub-menu-dropdown .sub-menu-dropdown-content { padding-left: 10px; position: absolute; max-height: 338px; } } #top_menu .te_all_dynamic_ept .menu-categories-container #menu-categories .parent-category .sub-menu-dropdown .dynamic_mega_menu_child .category_column { margin-bottom: 1.2rem; position: relative; } #top_menu .te_all_dynamic_ept .menu-categories-container #menu-categories .parent-category .sub-menu-dropdown .dynamic_mega_menu_child .category_column .category_heading { margin-bottom: 0rem; position: relative; line-height: 1.5; } #top_menu .te_all_dynamic_ept .menu-categories-container #menu-categories .parent-category .sub-menu-dropdown .dynamic_mega_menu_child .category_column .category_heading > a { display: inline-block; width: auto; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); position: relative; overflow: hidden; } #top_menu .te_all_dynamic_ept .menu-categories-container #menu-categories .parent-category .sub-menu-dropdown .dynamic_mega_menu_child .category_column .category_heading > a:after { content: ""; position: absolute; top: auto; right: 100%; bottom: 0; left: 0; z-index: -1; background: #000; height: 1px; /* For Safari*/ -webkit-transition-property: right; -webkit-transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; /*For Firefox*/ -moz-transition-property: right; -moz-transition-duration: 0.3s; -moz-transition-timing-function: ease-out; /*Internet Explorer*/ -ms-transition-property: right; -ms-transition-duration: 0.3s; -ms-transition-timing-function: ease-out; /*For Opera*/ -o-transition-property: right; -o-transition-duration: 0.3s; -o-transition-timing-function: ease-out; /* Standard syntax */ transition-property: right; transition-duration: 0.3s; transition-timing-function: ease-out; } #top_menu .te_all_dynamic_ept .menu-categories-container #menu-categories .parent-category .sub-menu-dropdown .dynamic_mega_menu_child .category_column .category_heading > a:hover:after, #top_menu .te_all_dynamic_ept .menu-categories-container #menu-categories .parent-category .sub-menu-dropdown .dynamic_mega_menu_child .category_column .category_heading > a:focus:after, #top_menu .te_all_dynamic_ept .menu-categories-container #menu-categories .parent-category .sub-menu-dropdown .dynamic_mega_menu_child .category_column .category_heading > a:active:after { right: 0px; } #top_menu .te_all_dynamic_ept .menu-categories-container #menu-categories .parent-category .sub-menu-dropdown .dynamic_mega_menu_child .category_column .category_heading > a:hover { color: #000; } #top_menu .te_all_dynamic_ept .menu-categories-container #menu-categories .parent-category .sub-menu-dropdown .dynamic_mega_menu_child .category_column > ul { max-height: 154px; overflow-y: auto; scrollbar-width: 3px; cursor: grab; } #top_menu .te_all_dynamic_ept .menu-categories-container #menu-categories .parent-category .sub-menu-dropdown .dynamic_mega_menu_child .category_column > ul::-webkit-scrollbar { width: 3px; } #top_menu .te_all_dynamic_ept .menu-categories-container #menu-categories .parent-category .sub-menu-dropdown .dynamic_mega_menu_child .category_column > ul::-webkit-scrollbar-thumb { border-radius: 0; background: currentColor; } #top_menu .te_all_dynamic_ept .menu-categories-container #menu-categories .parent-category .sub-menu-dropdown .dynamic_mega_menu_child .category_column > ul::-webkit-scrollbar-track { background: #f7f7f7; } #top_menu .te_all_dynamic_ept .menu-categories-container #menu-categories .parent-category .sub-menu-dropdown .dynamic_mega_menu_child .demo-icon { display: -webkit-box; display: -webkit-flex; display: flex; margin-bottom: 20px; height: 110px; } #top_menu .te_all_dynamic_ept .menu-categories-container #menu-categories .parent-category .sub-menu-dropdown .dynamic_mega_menu_child .demo-icon .img { width: auto; max-height: 110px; display: -webkit-box; display: -webkit-flex; display: flex; align-self: flex-end; } #top_menu .te_all_dynamic_ept .menu-categories-container #menu-categories .parent-category .sub-menu-dropdown .dynamic_mega_menu_child .child_categories { position: relative; } #top_menu .te_all_dynamic_ept .menu-categories-container #menu-categories .parent-category .sub-menu-dropdown .dynamic_mega_menu_child .child_categories .show_child_category { position: absolute; top: 50%; right: 10px; padding: 6px; transform: translateY(-50%); transition: all 0.4s; } #top_menu .te_all_dynamic_ept .menu-categories-container #menu-categories .parent-category .sub-menu-dropdown .dynamic_mega_menu_child .child_categories .show_child_category.rotate { transform: translateY(-50%) rotate(90deg); } #top_menu .te_all_dynamic_ept .menu-categories-container #menu-categories .parent-category .sub-menu-dropdown .dynamic_mega_menu_child .child_categories .te_main_a { margin: 0px; border-bottom: 0px solid #ededed; white-space: unset; font-size: 0.9375rem; padding: 9px 0; line-height: 18px; } #top_menu .te_all_dynamic_ept .menu-categories-container #menu-categories .parent-category .sub-menu-dropdown .dynamic_mega_menu_child .child_categories .te_main_a:hover { background: unset; } .o_mega_menu .s_mega_menu_odoo_menu .nav-link { margin: 0 !important; padding: 0.5rem 0 !important; border-bottom: none; } .cus_theme_loader_menu svg path, .cus_theme_loader_menu svg rect { fill: #35979c; } .cus_theme_loader_menu { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; background: rgba(255, 255, 255, 0.7); z-index: 9999; } .menu_loader_div_layout { display: inline-block; width: 100%; text-align: center; top: 50%; position: absolute; transform: translateY(-50%); } #top_menu li.nav-item.dropdown.o_extra_menu_items.show .dropdown.position-static .dropdown-menu, #top_menu li.nav-item.dropdown.o_extra_menu_items.show .dropdown.position-static .o_dropdown_menu { width: 100%; } .te_dynamic_ept { padding: 0; margin: 0; display: block; position: relative !important; } .te_dynamic_ept .dropdown-menu, .te_dynamic_ept .o_dropdown_menu { overflow-y: unset !important; overflow-x: unset !important; } .te_dynamic_ept #custom_menu { max-height: initial; } @media (max-width: 767.98px) { .te_dynamic_ept #custom_menu { max-height: 400px; overflow: auto; } } .te_dynamic_ept #custom_menu ul li a { color: black; } #custom_menu { right: 0px; overflow-x: visible; overflow-y: unset; max-width: 300px; width: 100%; z-index: 999; max-height: 358px; } @media (max-width: 991.98px) { #custom_menu { max-width: 100%; border-right: 1px solid #ededed !important; } } @media (max-width: 767.98px) { #custom_menu { max-width: 100%; border-right: 1px solid #ededed !important; } } @media (max-width: 575.98px) { #custom_menu { max-width: 100%; border-right: 1px solid #ededed !important; } } @media (min-width: 992px) { #custom_menu ul#custom_recursive { overflow-x: visible !important; overflow-y: unset !important; } } @media (max-width: 575.98px) { #custom_menu { width: 100%; margin: 0 auto; } } #custom_menu .te_active, #custom_menu .te_active > a { color: #35979c !important; } #custom_menu #te_main_ul { list-style: none; padding: 0; } @media (min-width: 992px) { #custom_menu #te_main_ul { width: 300px; max-height: 470px; overflow-x: visible !important; overflow-y: unset !important; } #custom_menu #te_main_ul > li { position: static; line-height: normal; } } @media (max-width: 767.98px) { #custom_menu #te_main_ul { width: 100%; max-height: 413px; overflow-x: visible !important; overflow-y: unset !important; } } #custom_menu #te_main_ul .see_all_subcate { box-shadow: 0px 3px 10px 0 rgba(50, 50, 93, 0.1); border-bottom: 2px solid #ededed; } #custom_menu #custom_menu_li { padding: 4px 8px; color: #555; border-bottom: 1px solid #ededed; border-bottom: 1px solid #ededed; cursor: pointer; display: block; line-height: normal; } #custom_menu #custom_menu_li > a { vertical-align: middle; } #custom_menu #custom_menu_li > a span:not(.cat_badge) { width: 100%; max-width: 300px; } #custom_menu #custom_menu_li > a.active { color: #35979c; } #custom_menu #custom_menu_li:hover > a, #custom_menu #custom_menu_li:hover > .ctg_arrow { color: #35979c; } #custom_menu #custom_menu_li:last-child { border-bottom: 0; } #custom_menu .ctg_arrow { cursor: pointer; font-size: 1.125rem; width: auto; text-align: center; padding: 0 5px; transition: all 0.3s ease; vertical-align: middle; float: right; margin-top: 8px; } @media (max-width: 767.98px) { #custom_menu .ctg_arrow { top: 7px; } } @media (max-width: 575.98px) { #custom_menu .ctg_arrow { top: 7px; } } @media (max-width: 991.98px) { #custom_menu .ctg_arrow { margin: 6px 0px; z-index: 1003; float: none; position: absolute; right: 0px; width: 45px; padding-right: 0; height: 20px; } #custom_menu .ctg_arrow.te_down_ctg_icon::before { content: "\f107"; } #custom_menu #custom_menu_li { position: relative; } #custom_menu #custom_recursive { position: relative; top: 5px; right: 0; left: 10px; position: relative; width: auto; top: 5px !important; left: 10px !important; right: 0 !important; transform: translateX(0px) !important; opacity: 1 !important; visibility: visible !important; transition: unset; display: none; box-shadow: unset; max-width: 99% !important; margin-bottom: 1px; overflow-x: hidden; } #custom_menu #custom_recursive li { padding: 0; } } #top_menu li.dropdown .dropdown-menu section, #top_menu li.dropdown .o_dropdown_menu section { line-height: 1.5; } #wrapwrap section#custom_menu { box-shadow: none; } #wrapwrap section#custom_menu #te_main_ul { background-clip: initial; -webkit-box-shadow: 0px 3px 10px 0 rgba(50, 50, 93, 0.1); -moz-box-shadow: 0px 3px 10px 0 rgba(50, 50, 93, 0.1); -ms-box-shadow: 0px 3px 10px 0 rgba(50, 50, 93, 0.1); -o-box-shadow: 0px 3px 10px 0 rgba(50, 50, 93, 0.1); box-shadow: 0px 3px 10px 0 rgba(50, 50, 93, 0.1); } .navbar-nav #custom_menu #te_main_ul .nav-link { padding: 0.5rem 1rem; border-bottom: 0px; margin: 0px; line-height: 1.4; display: inline-block; max-width: 260px; white-space: normal; } @media (max-width: 767.98px) { .navbar-nav #custom_menu #te_main_ul .nav-link { max-width: unset; width: 90%; padding: 0.5rem 0.8rem; } } #custom_menu.te_dynamic_div { /* For Safari*/ -webkit-transition-property: all; -webkit-transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; /*For Firefox*/ -moz-transition-property: all; -moz-transition-duration: 0.3s; -moz-transition-timing-function: ease-out; /*Internet Explorer*/ -ms-transition-property: all; -ms-transition-duration: 0.3s; -ms-transition-timing-function: ease-out; /*For Opera*/ -o-transition-property: all; -o-transition-duration: 0.3s; -o-transition-timing-function: ease-out; /* Standard syntax */ transition-property: all; transition-duration: 0.3s; transition-timing-function: ease-out; } #custom_recursive { text-align: left; position: absolute; top: auto; right: auto; bottom: auto; left: 100%; border: 0; margin: 0; width: 100%; padding: 0; background-color: #ffffff; max-height: 100%; max-width: 300px; overflow: auto; list-style-type: none; transition: all 0.2s; transform: translateX(20px); opacity: 0; visibility: hidden; box-shadow: 0px 3px 10px 0 rgba(50, 50, 93, 0.1); } .static_menu { width: 80%; left: 10%; padding: 15px; } @media (max-width: 991.98px) { .static_menu { width: 100%; left: 0; } } #custom_menu #custom_menu_li { background: #fff; } li.nav-item.dropdown.o_extra_menu_items.show ul.dropdown-menu.dropdown-menu-right.show, li.nav-item.dropdown.o_extra_menu_items.show ul.dropdown-menu-right.show.o_dropdown_menu { right: auto; } @media (max-width: 991.98px) { #top_menu_collapse_clone .dropdown-toggle::after, #top_menu_collapse .dropdown-toggle::after { content: "\f078"; font-family: "FontAwesome"; border: none; font-size: 0.75rem; } } @media (max-width: 767.98px) { #top_menu_collapse_clone .dropdown-toggle::after, #top_menu_collapse .dropdown-toggle::after { content: "\f107"; font-size: 25px; position: absolute; top: 14%; right: 25px; left: unset; width: 45px; height: 56px; text-align: center; margin: 0; } } @media (max-width: 767.98px) { .te_header_magazine #top_menu_collapse_clone .dropdown-toggle::after, .te_header_magazine #top_menu_collapse .dropdown-toggle::after { position: absolute; top: auto; right: auto; width: auto; height: auto; line-height: initial; } } .te_header_before_overlay #top_menu_collapse_clone li.o_extra_menu_items > a::after, .te_header_before_overlay #top_menu_collapse li.o_extra_menu_items > a::after, .navbar #top_menu_collapse_clone li.o_extra_menu_items > a::after, .navbar #top_menu_collapse li.o_extra_menu_items > a::after { content: normal !important; } /* Remove > icon after extra menu */ li.o_extra_menu_items a.nav-link.o-no-caret:after { content: normal !important; } .o_rtl #custom_menu .ctg_arrow { transform: unset; } header .o_mega_menu_container_size { max-width: 1400px; left: 50% !important; } @media (max-width: 991.98px) { header .dropdown-menu.o_mega_menu_container_size, header .o_mega_menu_container_size.o_dropdown_menu { max-width: 100%; } } .o_extra_menu_items .dropdown-menu, .o_extra_menu_items .o_dropdown_menu { left: auto; right: 0; } .o_extra_menu_items .te_mega_menu_ept .o_mega_menu_container_size { transform: none !important; } .o_extra_menu_items .te_mega_menu_ept .o_mega_menu_container_size .te_menu_style_2 .col-lg-3 { width: 100%; } .o_extra_menu_items .te_mega_menu_ept .o_mega_menu_container_size .te_menu_style_5 .col-lg-2 { width: 100%; } .o_extra_menu_items .te_mega_menu_ept .o_mega_menu_container_size .te_menu_style_4 .row { display: block; } .o_extra_menu_items .te_mega_menu_ept .o_mega_menu_container_size .te_menu_style_4 .row .te_menu_flip_box { max-width: 100%; } .o_extra_menu_items .te_mega_menu_ept .o_mega_menu_container_size .te_menu_style_4 .row .col-8 { width: 100%; } .o_extra_menu_items .te_mega_menu_ept .o_mega_menu_container_size .te_menu_style_1 .container, .o_extra_menu_items .te_mega_menu_ept .o_mega_menu_container_size .te_menu_style_1 .o_container_small { display: contents; } .o_extra_menu_items .te_mega_menu_ept .o_mega_menu_container_size .te_menu_style_1 .container .row, .o_extra_menu_items .te_mega_menu_ept .o_mega_menu_container_size .te_menu_style_1 .o_container_small .row { display: block; } .o_extra_menu_items .te_mega_menu_ept .o_mega_menu_container_size .te_menu_style_1 .container .row .col-lg-3, .o_extra_menu_items .te_mega_menu_ept .o_mega_menu_container_size .te_menu_style_1 .o_container_small .row .col-lg-3 { width: 100%; } .te_menu_name { color: black !important; } @media (min-width: 768px) { .te_menu_name { display: none !important; } } /* /theme_clarico_vega/static/src/scss/product_slider.scss */ /*====================== product slider style 13, style 14, style 15 ===========================*/ .s_product_product_style1 .owl-item, .s_product_product_slider_style2 .owl-item, .s_product_product_slider_style3 .owl-item { display: -webkit-box; display: -webkit-flex; display: flex; } .s_product_product_style1 .owl-item .o_carousel_product_card, .s_product_product_slider_style2 .owl-item .o_carousel_product_card, .s_product_product_slider_style3 .owl-item .o_carousel_product_card { margin: 10px 5px; } /*====================== general design for product slider styles ===========================*/ .o_carousel_product_card .o_carousel_product_img_link, .o_carousel_product_card .o_dynamic_product_hovered, .o_carousel_product_card_body .o_carousel_product_img_link, .o_carousel_product_card_body .o_dynamic_product_hovered { position: relative; } .o_carousel_product_card .mt-2, .o_carousel_product_card_body .mt-2 { margin-top: 0px !important; } .o_carousel_product_card .slider_snippet_discount, .o_carousel_product_card_body .slider_snippet_discount { color: #ff6435; display: inline-block; margin: 0 0 0 2px; font-weight: normal; font-size: 0.812rem; } @media (max-width: 991.98px) { .o_carousel_product_card .slider_snippet_discount, .o_carousel_product_card_body .slider_snippet_discount { display: block; } } @media (max-width: 767.98px) { .o_carousel_product_card .slider_snippet_discount, .o_carousel_product_card_body .slider_snippet_discount { display: inline-block; } } .o_carousel_product_card .main_price_carousel, .o_carousel_product_card_body .main_price_carousel { color: var(--AccountFinancial-text-color, #666666) !important; } .o_carousel_product_card .card-title, .o_carousel_product_card_body .card-title { max-width: 100%; } /*====================== product card group slider style 3 ===========================*/ @media (max-width: 991.98px) { .s_product_product_card_group .out_of_stock_label_div .te_out_of_stock_lbl { width: 95px !important; font-size: 11px !important; } } /*====================== product centered slider style 4 ===========================*/ .s_product_product_centered .card-title { font-size: 16px; } .s_product_template_centered .card { overflow: visible; margin-top: 6rem; padding-top: 6rem; } .s_product_template_centered .o_carousel_product_img_link { max-width: 75%; margin-top: -12rem; left: 0; right: 0; } /*====================== product add to cart slider style 5 ===========================*/ .s_product_product_add_to_cart .o_carousel_product_card_body .mt-3 { margin-top: 5px !important; } /*====================== product horizontal card slider style 7 ===========================*/ .s_product_product_horizontal_card .o_carousel_product_card { margin: 5px; } .s_product_product_horizontal_card .out_of_stock_label_div .te_out_of_stock_lbl { width: 100px !important; font-size: 12px; } /*====================== product banner slider style 12 ===========================*/ @media (max-width: 991.98px) { .s_product_product_banner .o_wrap_product_img { min-height: 300px; } } @media (max-width: 991.98px) { .s_product_product_banner .o_carousel_product_card_body { padding: 1rem 0rem 1rem 0rem !important; } .s_product_product_banner .o_carousel_product_card_body .card-title { font-size: 18px !important; } .s_product_product_banner .o_carousel_product_card_body .card-text { margin: 0.5rem 0rem; } .s_product_product_banner .o_carousel_product_card_body .my-4 { margin: 0 !important; font-size: 15px !important; } .s_product_product_banner .o_carousel_product_card_body .mt-4, .s_product_product_banner .o_carousel_product_card_body .o_portal_security_body section, .o_portal_security_body .s_product_product_banner .o_carousel_product_card_body section { margin-top: 0.3rem !important; } } /*====================== 05. Slider Style 2 ===========================*/ .te_product_ind { border: 1px solid #ededed; /* For Safari*/ -webkit-transition-property: all; -webkit-transition-duration: 0.3s; /*For Firefox*/ -moz-transition-property: all; -moz-transition-duration: 0.3s; /*Internet Explorer*/ -ms-transition-property: all; -ms-transition-duration: 0.3s; /*For Opera*/ -o-transition-property: all; -o-transition-duration: 0.3s; /* Standard syntax */ transition-property: all; transition-duration: 0.3s; text-align: center; position: relative; width: 100%; /* For Safari*/ -webkit-transition-property: all; -webkit-transition-duration: 0.4s; -webkit-transition-timing-function: ease; /*For Firefox*/ -moz-transition-property: all; -moz-transition-duration: 0.4s; -moz-transition-timing-function: ease; /*Internet Explorer*/ -ms-transition-property: all; -ms-transition-duration: 0.4s; -ms-transition-timing-function: ease; /*For Opera*/ -o-transition-property: all; -o-transition-duration: 0.4s; -o-transition-timing-function: ease; /* Standard syntax */ transition-property: all; transition-duration: 0.4s; transition-timing-function: ease; } .te_product_ind .te_slider_img img { -o-object-fit: scale-down; object-fit: scale-down; height: 20rem !important; } @media (max-width: 991.98px) { .te_product_ind .te_slider_img img { height: 15rem !important; } } @media (max-width: 575.98px) { .te_product_ind .te_slider_img img { height: 10rem !important; } } .te_product_ind .te_prod_info_2 .te_prod_info_sub { /* For Safari*/ -webkit-transition-property: all; -webkit-transition-duration: 0.3s; /*For Firefox*/ -moz-transition-property: all; -moz-transition-duration: 0.3s; /*Internet Explorer*/ -ms-transition-property: all; -ms-transition-duration: 0.3s; /*For Opera*/ -o-transition-property: all; -o-transition-duration: 0.3s; /* Standard syntax */ transition-property: all; transition-duration: 0.3s; } .te_product_ind .te_prod_info_2 .te_prod_info_sub .product_name { color: #000000; max-width: 100%; margin-bottom: 4px; overflow: hidden; margin-bottom: 3px; } .te_product_ind .te_prod_info_2 .te_prod_info_sub .te_prod_cart_wish_2 { padding-bottom: 10px; /* For Safari*/ -webkit-transition-property: all; -webkit-transition-duration: 0.4s; -webkit-transition-timing-function: ease; /*For Firefox*/ -moz-transition-property: all; -moz-transition-duration: 0.4s; -moz-transition-timing-function: ease; /*Internet Explorer*/ -ms-transition-property: all; -ms-transition-duration: 0.4s; -ms-transition-timing-function: ease; /*For Opera*/ -o-transition-property: all; -o-transition-duration: 0.4s; -o-transition-timing-function: ease; /* Standard syntax */ transition-property: all; transition-duration: 0.4s; transition-timing-function: ease; overflow: hidden; opacity: 0; position: absolute; top: auto; right: 0; bottom: 100%; left: 0; } .te_product_ind .te_prod_info_2 .te_prod_info_sub .te_prod_cart_wish_2 .js_add_cart { /* For Safari*/ -webkit-transition-property: all; -webkit-transition-duration: 0.4s; -webkit-transition-timing-function: ease; /*For Firefox*/ -moz-transition-property: all; -moz-transition-duration: 0.4s; -moz-transition-timing-function: ease; /*Internet Explorer*/ -ms-transition-property: all; -ms-transition-duration: 0.4s; -ms-transition-timing-function: ease; /*For Opera*/ -o-transition-property: all; -o-transition-duration: 0.4s; -o-transition-timing-function: ease; /* Standard syntax */ transition-property: all; transition-duration: 0.4s; transition-timing-function: ease; } .te_product_ind .te_prod_info_2 .te_prod_info_sub .te_prod_cart_wish_2 .te_quick_view { /* For Safari*/ -webkit-transition-property: all; -webkit-transition-duration: 0.4s; -webkit-transition-timing-function: ease; -webkit-transition-delay: 0.15s; /*For Firefox*/ -moz-transition-property: all; -moz-transition-duration: 0.4s; -moz-transition-timing-function: ease; -moz-transition-delay: 0.15s; /*Internet Explorer*/ -ms-transition-property: all; -ms-transition-duration: 0.4s; -ms-transition-timing-function: ease; -ms-transition-delay: 0.15s; /*For Opera*/ -o-transition-property: all; -o-transition-duration: 0.4s; -o-transition-timing-function: ease; -o-transition-delay: 0.15s; /* Standard syntax */ transition-property: all; transition-duration: 0.4s; transition-timing-function: ease; transition-delay: 0.15s; } .te_product_ind .te_prod_info_2 .te_prod_info_sub .te_prod_cart_wish_2 .o_add_wishlist { /* For Safari*/ -webkit-transition-property: all; -webkit-transition-duration: 0.4s; -webkit-transition-timing-function: ease; -webkit-transition-delay: 0.25s; /*For Firefox*/ -moz-transition-property: all; -moz-transition-duration: 0.4s; -moz-transition-timing-function: ease; -moz-transition-delay: 0.25s; /*Internet Explorer*/ -ms-transition-property: all; -ms-transition-duration: 0.4s; -ms-transition-timing-function: ease; -ms-transition-delay: 0.25s; /*For Opera*/ -o-transition-property: all; -o-transition-duration: 0.4s; -o-transition-timing-function: ease; -o-transition-delay: 0.25s; /* Standard syntax */ transition-property: all; transition-duration: 0.4s; transition-timing-function: ease; transition-delay: 0.25s; } .te_product_ind .te_prod_info_2 .te_prod_info_sub .te_prod_cart_wish_2 .o_add_wishlist:disabled, .te_product_ind .te_prod_info_2 .te_prod_info_sub .te_prod_cart_wish_2 .o_add_wishlist.o_wysiwyg_loader { color: #ffffff !important; background: rgba(53, 151, 156, 0.6); cursor: not-allowed; } .te_product_ind .te_prod_info_2 .te_prod_info_sub .te_prod_cart_wish_2 .btn { background: #ffffff; text-align: center; position: relative; width: 45px; height: 45px; line-height: 45px; color: #000000; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; transform: translateY(50px); overflow: hidden; border-width: 1px; border-color: #cccccc; border-style: solid; margin-right: 3px; font-size: 16px; padding: 0px; } @media (max-width: 991.98px) { .te_product_ind .te_prod_info_2 .te_prod_info_sub .te_prod_cart_wish_2 .btn { width: 34px; height: 34px; line-height: 34px; } } .te_product_ind .te_prod_info_2 .te_prod_info_sub .te_prod_cart_wish_2 .btn:hover { color: #ffffff; background: #35979c; border-color: #35979c; } @media (max-width: 991.98px) { .te_product_ind .te_prod_info_2 .te_prod_info_sub .te_prod_cart_wish_2 { position: unset; right: 0; left: 0; opacity: 1; padding-top: 10px; padding-bottom: 0; } .te_product_ind .te_prod_info_2 .te_prod_info_sub .te_prod_cart_wish_2 .btn { transform: unset; } } .te_product_ind:hover { -webkit-box-shadow: 0 3px 12px #ccc; -moz-box-shadow: 0 3px 12px #ccc; -ms-box-shadow: 0 3px 12px #ccc; -o-box-shadow: 0 3px 12px #ccc; box-shadow: 0 3px 12px #ccc; } .te_product_ind:hover .te_prod_info_sub .te_prod_cart_wish_2 { opacity: 1; } .te_product_ind:hover .te_prod_info_sub .te_prod_cart_wish_2 .btn { transform: translateY(0); } @media (max-width: 991.98px) { .te_product_ind:hover .te_prod_info_sub .te_prod_cart_wish_2 .btn { transform: unset; } } .te_product_ind:hover .te_prod_info_sub .te_prod_cart_wish_2 .btn:focus { box-shadow: unset !important; } .te_product_ind .slider-color-changer { opacity: 1; position: relative; } .carousel-item .o_carousel_product_card_body b, .carousel-item .product_price b { position: relative; } .carousel-item .o_carousel_product_card_body h6, .carousel-item .o_carousel_product_card_body .h6, .carousel-item .product_price h6, .carousel-item .product_price .h6 { margin-bottom: 0; display: inline-block; } .ept-total-review .fa { font-size: 0.9rem; } .ept-total-review-not-available { height: 26px; line-height: 26px; } .dynamic_snippet_template .fa-chevron-circle-left:before { content: "\f104" !important; position: absolute; left: 3px; color: #35979c; } @media (max-width: 575.98px) { .dynamic_snippet_template .fa-chevron-circle-left:before { top: 40%; } } .dynamic_snippet_template .fa-chevron-circle-right:before { content: "\f105" !important; position: absolute; right: 3px; color: #35979c; } @media (max-width: 575.98px) { .dynamic_snippet_template .fa-chevron-circle-right:before { top: 40%; } } .s_dynamic .carousel-control-prev, .s_dynamic .carousel-control-next { width: 1rem !important; } /* ========== slider style 2================== */ .product_slider_style2 .te_slider_img { position: relative; } .product_slider_style2 .te_slider_img .te_wishlist_quickview_icon { position: absolute; top: 5px; right: 5px; } .product_slider_style2 .te_slider_img .te_wishlist_quickview_icon .btn { display: block; background-color: #ffffff; color: #000000; border: 1px solid #ededed; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; border-radius: 50%; margin-top: 5px; width: 44px; height: 44px; line-height: 44px; padding: 0; opacity: 0; font-size: 16px; /* For Safari*/ -webkit-transition-property: all; -webkit-transition-duration: 0.5s; -webkit-transition-timing-function: ease; /*For Firefox*/ -moz-transition-property: all; -moz-transition-duration: 0.5s; -moz-transition-timing-function: ease; /*Internet Explorer*/ -ms-transition-property: all; -ms-transition-duration: 0.5s; -ms-transition-timing-function: ease; /*For Opera*/ -o-transition-property: all; -o-transition-duration: 0.5s; -o-transition-timing-function: ease; /* Standard syntax */ transition-property: all; transition-duration: 0.5s; transition-timing-function: ease; } @media (max-width: 991.98px) { .product_slider_style2 .te_slider_img .te_wishlist_quickview_icon .btn { width: 38px; height: 38px; line-height: 38px; } } @media (max-width: 767.98px) { .product_slider_style2 .te_slider_img .te_wishlist_quickview_icon .btn { font-size: 14px; width: 42px; height: 42px; line-height: 42px; } } .product_slider_style2 .te_slider_img .te_wishlist_quickview_icon .btn:hover { color: #ffffff; background-color: #35979c; } @media (max-width: 991.98px) { .product_slider_style2 .te_slider_img .te_wishlist_quickview_icon .btn { opacity: 1; } } .product_slider_style2 .te_slider_img .te_wishlist_quickview_icon .o_add_wishlist[disabled="True"], .product_slider_style2 .te_slider_img .te_wishlist_quickview_icon .disabled { color: #ffffff !important; background: rgba(53, 151, 156, 0.6); cursor: not-allowed; } .product_slider_style2:hover .te_wishlist_quickview_icon .btn { opacity: 1; } .product_slider_style2 .o_carousel_product_card_body span.fa.fa-shopping-cart { padding-right: 5px; } .product_slider_style2 .o_carousel_product_card_body button.btn.btn-secondary.js_add_cart.btn-sm, .product_slider_style2 .o_carousel_product_card_body .btn-group-sm > button.btn.btn-secondary.js_add_cart, .product_slider_style2 .o_carousel_product_card_body .owl-carousel.dynamic-owl-carousel .owl-nav .btn-group-sm > button.btn.btn-secondary.js_add_cart.owl-next { background: #E9ECEF; border: #E9ECEF; color: #000; 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; vertical-align: middle; padding: 0.2rem 0.5rem; } .o_website_rating_static { font-size: 0.9rem; } /*--------- Out of stock label ---------*/ .out_of_stock_label_div { position: absolute; top: 50%; transform: translateY(-50%); right: 0; bottom: auto; left: 0; opacity: 0.6; } .out_of_stock_label_div .p-1.te_out_of_stock_lbl { color: black; background: #fff !important; cursor: default; text-align: center; margin: 0px auto; display: block; padding: 14px 0px !important; } .sold-out { filter: grayscale(100%); } /* ========= product_slider_style_3============ */ .product_slider_style_3 .te_slider_img { position: relative; } .product_slider_style_3 .te_slider_img .te_prod_icons_style_3 { position: absolute; top: 5px; right: 5px; } .product_slider_style_3 .te_slider_img .te_prod_icons_style_3 .o_add_wishlist, .product_slider_style_3 .te_slider_img .te_prod_icons_style_3 .te_quick_view { display: block; background-color: #ffffff; color: #000000; border: 1px solid #ededed; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; margin-top: 5px; width: 44px; height: 44px; line-height: 44px; padding: 0; opacity: 0; font-size: 14px; /* For Safari*/ -webkit-transition-property: all; -webkit-transition-duration: 0.5s; -webkit-transition-timing-function: ease; /*For Firefox*/ -moz-transition-property: all; -moz-transition-duration: 0.5s; -moz-transition-timing-function: ease; /*Internet Explorer*/ -ms-transition-property: all; -ms-transition-duration: 0.5s; -ms-transition-timing-function: ease; /*For Opera*/ -o-transition-property: all; -o-transition-duration: 0.5s; -o-transition-timing-function: ease; /* Standard syntax */ transition-property: all; transition-duration: 0.5s; transition-timing-function: ease; } .product_slider_style_3 .te_slider_img .te_prod_icons_style_3 .o_add_wishlist:hover, .product_slider_style_3 .te_slider_img .te_prod_icons_style_3 .te_quick_view:hover { color: #ffffff; background-color: #35979c; border: 1px solid #35979c; } .product_slider_style_3 .te_slider_img .te_prod_icons_style_3 .o_add_wishlist { opacity: 1; font-size: 16px; } @media (max-width: 575.98px) { .product_slider_style_3 .te_slider_img .te_prod_icons_style_3 .o_add_wishlist { font-size: 14px; } } .product_slider_style_3 .te_slider_img .te_prod_icons_style_3 .o_add_wishlist .fa-heart-o:before { content: "\f004" !important; } .product_slider_style_3 .te_slider_img .te_prod_icons_style_3 .o_add_wishlist[disabled="true"], .product_slider_style_3 .te_slider_img .te_prod_icons_style_3 .disabled { cursor: not-allowed; color: #ffffff; background: rgba(53, 151, 156, 0.6); } .product_slider_style_3 .te_slider_img .te_prod_icons_style_3 .te_quick_view { /* For Safari*/ -webkit-transition-property: all; -webkit-transition-duration: 0.5s; -webkit-transition-timing-function: ease; -webkit-transition-delay: 0.1s; /*For Firefox*/ -moz-transition-property: all; -moz-transition-duration: 0.5s; -moz-transition-timing-function: ease; -moz-transition-delay: 0.1s; /*Internet Explorer*/ -ms-transition-property: all; -ms-transition-duration: 0.5s; -ms-transition-timing-function: ease; -ms-transition-delay: 0.1s; /*For Opera*/ -o-transition-property: all; -o-transition-duration: 0.5s; -o-transition-timing-function: ease; -o-transition-delay: 0.1s; /* Standard syntax */ transition-property: all; transition-duration: 0.5s; transition-timing-function: ease; transition-delay: 0.1s; } @media (max-width: 991.98px) { .product_slider_style_3 .te_slider_img .te_prod_icons_style_3 .btn { opacity: 1; margin-bottom: 5px; } } .product_slider_style_3 .te_slider_img .js_add_cart { display: block; background-color: #ffffff; color: #000000; border: 1px solid #ededed; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; margin-top: 5px; width: 44px; height: 44px; line-height: 44px; padding: 0; opacity: 0; font-size: 14px; /* For Safari*/ -webkit-transition-property: all; -webkit-transition-duration: 0.5s; -webkit-transition-timing-function: ease; /*For Firefox*/ -moz-transition-property: all; -moz-transition-duration: 0.5s; -moz-transition-timing-function: ease; /*Internet Explorer*/ -ms-transition-property: all; -ms-transition-duration: 0.5s; -ms-transition-timing-function: ease; /*For Opera*/ -o-transition-property: all; -o-transition-duration: 0.5s; -o-transition-timing-function: ease; /* Standard syntax */ transition-property: all; transition-duration: 0.5s; transition-timing-function: ease; } .product_slider_style_3 .te_slider_img .js_add_cart:hover { color: #ffffff; background-color: #35979c; border: 1px solid #35979c; } .product_slider_style_3 .te_slider_img:hover .te_prod_icons_style_3 .btn { opacity: 1; margin-bottom: 5px; } @media (max-width: 991.98px) { .product_slider_style_3 .te_slider_img:hover .te_prod_icons_style_3 .btn { opacity: 1; } } .product_slider_style_3 .te_slider_img:hover .js_add_cart { opacity: 1; bottom: 0%; } .toast { position: fixed; top: 40px; right: 20px; border-radius: 12px; background: #fff; padding: 15px; box-shadow: 0 6px 20px -5px rgba(0, 0, 0, 0.1); overflow: hidden; transform: translateX(calc(100% + 30px)); transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.35); z-index: 99999; } .mini_img { border: 1px solid #ededed; display: block; } .mini_img img { object-fit: scale-down; height: 90px; } .product_name_toast { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 90%; display: inline-block; font-weight: 800; } .prod_name_info i { color: green !important; } .action_btn_toast a { display: inline-block; outline: 0; border: 0; cursor: pointer; background-color: white; border-radius: 4px; padding: 5px; font-size: 12px; color: #2d3748; border: 1px solid #cbd5e0; } .close_toast { font-size: 0.875rem; color: #000000; position: absolute; top: 2px; right: 3px; width: 25px; height: 25px; background: #ffffff; border-radius: 50%; border: 1px solid #ededed; text-align: center; } .close_toast:before { content: '\00d7'; font-size: 1rem; font-family: fontAwesome; font-weight: normal; position: relative; text-align: center; } @media (max-width: 575.98px) { .first { width: 30%; } .second { width: 65%; } } .toast.active, .toast_confirmation.active { transform: translateX(0%); } .toast .progress { position: absolute; bottom: 0; left: 0; height: 3px; width: 100%; } .toast .progress:before { content: ""; position: absolute; bottom: 0; right: 0; height: 100%; width: 100%; background-color: #2770ff; } .progress.active:before { animation: progress 4s linear forwards; } @keyframes progress { 100% { right: 100%; } } #conformation_popup_containerr .main_div { width: 750px; } #conformation_popup_containerr h5, #conformation_popup_containerr .h5 { border-top: 1px solid #a9a9a942; } #conformation_popup_containerr .confirmation_main_div { padding: 0px; } #conformation_popup_containerr .confirmation_main_div .product_name_toast span { color: #90abca; } #conformation_popup_containerr .confirmation_main_div .row { height: 100%; align-items: center; } #conformation_popup_containerr .confirmation_main_div .first_div { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; height: 100%; justify-content: center; align-items: center; } #conformation_popup_containerr .confirmation_main_div .img_div { display: -webkit-box; display: -webkit-flex; display: flex; background: white; border-radius: 10px; align-items: center; justify-content: center; border: 1px solid #a9a9a942; } #conformation_popup_containerr .confirmation_main_div .cart_detail { font-size: larger; } #conformation_popup_containerr .confirmation_main_div .fa.fa-check-circle { color: green; } #conformation_popup_containerr .optional_product_main_div .optional_product_name { width: 13rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; } #conformation_popup_containerr .optional_product_main_div .owl-carousel .owl-item { display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; border: 1px solid #ededed; padding: 5px; transition-property: all; transition-duration: 0.4s; transition-timing-function: ease; } #conformation_popup_containerr .optional_product_main_div .owl-carousel .owl-item:hover { box-shadow: 0 3px 12px #ccc; } #conformation_popup_containerr .optional_product_main_div .owl-carousel .owl-nav { display: -webkit-box; display: -webkit-flex; display: flex; gap: 5px; justify-content: center; } #conformation_popup_containerr .optional_product_main_div .owl-carousel .owl-nav .owl-prev, #conformation_popup_containerr .optional_product_main_div .owl-carousel .owl-nav .owl-next { position: absolute; top: 50%; left: -12px; transform: translateY(-50%); line-height: 37px; display: inline-block; width: 38px; height: 38px; border: 1px solid #ededed; background: #fff; border-radius: 50%; font-size: 1.5rem; vertical-align: middle; box-shadow: 0 1px 10px #ededed; } #conformation_popup_containerr .optional_product_main_div .owl-carousel .owl-nav .owl-next { left: unset; right: -12px; } #conformation_popup_containerr .optional_product_main_div span, #conformation_popup_containerr .optional_product_main_div a { font-size: smaller; } @media (max-width: 575.98px) { #conformation_popup_containerr .main_div { width: auto; } #conformation_popup_containerr .main_div .item { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; } #conformation_popup_containerr .main_div .item .oe_price { display: block; } #conformation_popup_containerr .confirmation_main_div { font-size: small; -webkit-flex-wrap: wrap; flex-wrap: wrap; justify-content: center; margin-top: 15px; } #conformation_popup_containerr .confirmation_main_div .first_div { height: auto; } #conformation_popup_containerr .optional_product_main_div .optional_product_name { width: 7rem !important; } #conformation_popup_containerr .action_btn a { font-size: 0.875rem; padding: 6px 8px; } #conformation_popup_containerr .toast_product_img { max-width: 150px; } } #conformation_popup_containerr .action_btn a { font-size: 0.875rem; padding: 6px 8px; } #conformation_popup_containerr .action_btn .btn-secondary { color: #212529; background-color: #E9ECEF; border-color: #E9ECEF; } .dynamic_snippet_template .dynamic-owl-carousel .owl-nav .owl-prev, .dynamic_snippet_template .owl-carousel.dynamic-owl-carousel .owl-nav button.owl-next, .dynamic_snippet_template .dynamic-owl-carousel .owl-nav .owl-next { display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: center; background-color: #fff !important; border-radius: 50%; /* For Safari*/ -webkit-transition-property: all; -webkit-transition-duration: 0.3s; /*For Firefox*/ -moz-transition-property: all; -moz-transition-duration: 0.3s; /*Internet Explorer*/ -ms-transition-property: all; -ms-transition-duration: 0.3s; /*For Opera*/ -o-transition-property: all; -o-transition-duration: 0.3s; /* Standard syntax */ transition-property: all; transition-duration: 0.3s; box-shadow: 0 0 15px #0000001a; opacity: 0; transform: scale(0); width: 40px; height: 40px; transform: translateY(-50%) !important; } @media (max-width: 991.98px) { .dynamic_snippet_template .dynamic-owl-carousel .owl-nav .owl-prev, .dynamic_snippet_template .owl-carousel.dynamic-owl-carousel .owl-nav button.owl-next, .dynamic_snippet_template .dynamic-owl-carousel .owl-nav .owl-next { opacity: 1; } } .dynamic_snippet_template .dynamic-owl-carousel .owl-nav .owl-prev .fa, .dynamic_snippet_template .dynamic-owl-carousel .owl-nav .owl-next .fa { font-size: 20px !important; } .dynamic_snippet_template .dynamic-owl-carousel .owl-stage .owl-item { border: 1px solid transparent; } .dynamic_snippet_template .dynamic-owl-carousel:hover .owl-prev, .owl-carousel.dynamic-owl-carousel .owl-nav .dynamic_snippet_template .dynamic-owl-carousel:hover button.owl-next, .dynamic_snippet_template .dynamic-owl-carousel:hover .owl-nav button.owl-next { opacity: 1; transform: scale(1); /* For Safari*/ -webkit-transition-property: all; -webkit-transition-duration: 0.3s; /*For Firefox*/ -moz-transition-property: all; -moz-transition-duration: 0.3s; /*Internet Explorer*/ -ms-transition-property: all; -ms-transition-duration: 0.3s; /*For Opera*/ -o-transition-property: all; -o-transition-duration: 0.3s; /* Standard syntax */ transition-property: all; transition-duration: 0.3s; } /* /theme_clarico_vega/static/src/scss/portal.scss */ /***************************************** 01. Portal Details 02. Portal Table 03. Portal Main Page 04. Quotation Page ******************************************/ /*=================== 01. Portal Details ================================*/ #wrap.o_portal_wrap .o_portal_my_doc_table { --table-accent-bg: none; } #o_my_sidebar .o_portal_my_security hr { background-color: unset; border-top: 1px solid rgba(0, 0, 0, 0.1); } #o_my_sidebar .o_portal_my_details .btn.btn-sm.btn-link.float-end.mt8:focus, #o_my_sidebar .o_portal_my_details .btn-group-sm > .btn.btn-link.float-end.mt8:focus { box-shadow: none; } #portal_grid { width: 100%; display: inline-block; } #portal_grid .list-group-item { width: 31%; float: left; padding: 14px 18px; min-height: 100px; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15); border-radius: 15px; border: 0; margin: 0 1rem 1rem 0; } @media (max-width: 575.98px) { #portal_grid .list-group-item { min-height: 50px; } } @media (max-width: 575.98px) { #portal_grid .list-group-item > span.text-black.bg-transparent { display: -webkit-box; display: -webkit-flex; display: flex; } } #portal_grid .list-group-item > span.text-black.bg-transparent:after, #portal_grid .list-group-item > span.text-black.bg-transparent:before { padding: 0px 2px; } #portal_grid .list-group-item:hover { /* For Safari*/ -webkit-transition-duration: 0.3s; -webkit-transition-timing-function: nul l; /*For Firefox*/ -moz-transition-duration: 0.3s; -moz-transition-timing-function: nul l; /*Internet Explorer*/ -ms-transition-duration: 0.3s; -ms-transition-timing-function: nul l; /*For Opera*/ -o-transition-duration: 0.3s; -o-transition-timing-function: nul l; /* Standard syntax */ transition-duration: 0.3s; transition-timing-function: nul l; -webkit-box-shadow: 0px 0px 10px #e0e0e0; -moz-box-shadow: 0px 0px 10px #e0e0e0; -ms-box-shadow: 0px 0px 10px #e0e0e0; -o-box-shadow: 0px 0px 10px #e0e0e0; box-shadow: 0px 0px 10px #e0e0e0; } #portal_grid span { margin-right: 10px; font-weight: normal; padding: 0px 5px; min-width: 30px; height: 20px; text-align: center; font-size: 0.875rem; /* Reduced font-size with 2px */ line-height: 20px; transition: color .35s ease,background-color .35s ease,border-color .35s ease; } @media (max-width: 575.98px) { #portal_grid span { font-size: 0.75rem; /* Reduced font-size with 4px */ line-height: 18px; height: 18px; } } @media (max-width: 1000px) { .o_portal_my_home #portal_grid .list-group-item { width: 47%; } } @media (max-width: 575.98px) { .o_portal_my_home #portal_grid .list-group-item { width: 100%; } } /*------ max-width class for sales order table ------*/ .max_width_1000 { max-width: 1000px; } /*------ my detail section styling in portal page ------*/ .o_portal_my_details address { padding: 14px 10px; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15); border-radius: 15px; } .o_portal_my_details address i { position: absolute; line-height: 1.5; } .o_portal_my_details address span { font-size: 0.875rem; color: #000000; font-family: inherit; display: inline-block !important; word-break: break-all; } @media (max-width: 575.98px) { .o_portal_my_details { margin-top: 16px; } } /*========================= 02. Portal Table ==========================*/ /*------ To add '>' sign in bredcrumb ------*/ .o_portal_submenu li { font-size: 0.875rem !important; } .o_portal_submenu li a { font-family: inherit; } .breadcrumb-item { line-height: 1.5 !important; } .breadcrumb-item + .breadcrumb-item { padding-left: 0.5rem; } .breadcrumb-item + .breadcrumb-item::before { line-height: inherit !important; } /*------ To add style in table data ------*/ .o_portal_my_doc_table th { font-size: 1rem; color: #000000; font-family: inherit; border: 0; padding: 1.25rem !important; background-color: #f5f5f5; } .o_portal_my_doc_table tbody { background-color: #f5f5f5; } .o_portal_my_doc_table tbody tr td { padding: 1rem 1.25rem 1rem 1.25rem !important; } @media (max-width: 800px) { .o_portal_my_doc_table thead { display: none; } .o_portal_my_doc_table tbody { background-color: transparent; } .o_portal_my_doc_table tbody tr { display: block; padding: 16px 0; border-top: 1px solid #eaeaea; } .o_portal_my_doc_table tbody tr td { display: block; border: none !important; text-align: left !important; background-color: #ffffff; width: 100%; } .o_portal_my_doc_table tbody tr td a { font-weight: 767.98px; font-size: 1rem; color: #000000; } .o_portal_my_doc_table tbody tr td span { line-height: 1.8rem; } } @media (max-width: 800px) { .o_portal_wrap .o_portal_my_doc_table td { padding: 0 !important; } } /*------ dropdown buttons in navbar(portal)---------*/ #o_portal_navbar_content span { font-family: inherit; font-size: 0.875rem; } #o_portal_navbar_content .btn-group button { padding: 0.2625rem 0.6125rem !important; text-transform: none !important; } /*===================== 03. Portal Main Page =======================*/ .o_portal_my_details address span[itemprop="name"] { margin-bottom: 0.3em; font-size: 0.875rem; color: #000000; font-family: inherit; font-weight: normal !important; } .o_portal_my_details address div { padding-bottom: 0.25rem !important; grid-template-columns: 25% 1fr; } @media (max-width: 575.98px) { .o_portal_my_details address div { grid-template-columns: unset; } } .o_portal_my_details address div[itemprop="address"] > div { position: relative; } .o_portal_my_details address div[itemprop="address"] > div span[itemprop="streetAddress"] { line-height: 1.2; margin-bottom: 0.3em; } .o_portal_my_details address div[itemprop="address"] > div .fa { position: absolute; top: 0; left: 0; bottom: auto; right: auto; line-height: 1.5; } .o_portal_my_details address div[itemprop="address"] > div .fa + span { display: block; padding-left: 1.78571429em; font-size: 0.8125rem; color: #898383; font-family: inherit; line-height: 1.8; } /*------ address tag in sale order page ------*/ #informations { padding-left: 1rem; } #informations .col-lg-6 address { font-size: 0.8125rem; color: #575757; font-family: inherit; line-height: 180%; } /*---------headers in sale order page-------------*/ #quote_content h2, #quote_content .h2, #quote_content h3, #quote_content .h3 { font-family: inherit; letter-spacing: 0; font-size: 1.5rem; font-weight: bold; } @media (max-width: 575.98px) { #quote_content h2, #quote_content .h2, #quote_content h3, #quote_content .h3 { font-size: 1.25rem; padding-left: 1rem; } } @media (max-width: 575.98px) { #quote_content .card-body { padding-left: 0; padding-right: 0; } } #quote_content .te_theme_button { width: 100%; } @media (max-width: 575.98px) { #sale_order_communication h2, #sale_order_communication .h2 { padding-left: 0; } } .te_so_product_name { font-size: 0.875rem; color: #575757; } @media (max-width: 575.98px) { .te_so_product_name { max-height: 150px; overflow: auto; } } /*--------pager in navbar(portal) --------*/ .record_pager a { padding: 0.675rem 0.500rem !important; } /*---------- table in sale order page ----------*/ #sales_order_table thead tr th { padding: 0.9rem; } .o_portal_wrap #sidebar_content { z-index: 9; top: 105px; } .o_portal_wrap h5, .o_portal_wrap .h5, .o_portal_wrap h6, .o_portal_wrap .h6 { font-family: inherit; } @media (max-width: 800px) { .panel_div table tbody tr { border-bottom: 1px solid #eaeaea; } } @media (max-width: 575.98px) { #introduction { padding: 0; } } .o_portal_chatter_header .col-lg-3 p { text-align: center; } .o_portal_chatter_header .progress { height: 5px; } /*-------------------User detail form-------------------*/ .o_portal_details .col-form-label { font-weight: normal; font-size: 0.8125rem; color: #898383; font-family: inherit; text-transform: uppercase; } .o_portal_details .form-control:focus { box-shadow: none; border-color: #35979c; } .o_portal_details label.col-form-label:after { content: '*'; } .o_portal_details label.col-form-label.label-optional:after { content: ''; } /*------invoidce billing page------*/ #invoice_content .o_portal_html_view { max-width: none; } .thead-light th { font-size: 0.9rem; /* Not defined in variable */ } /*-- Gender class --*/ #wrapwrap.o_portal { background-color: #ffffff !important; } #wrap.o_portal_wrap h6, #wrap.o_portal_wrap .h6 { border-width: 0 0 1px 0; border-color: #eaeaea; border-style: solid; margin-bottom: 1rem; } #wrap.o_portal_wrap div [t-if="task.user_id"] strong { margin-bottom: 10rem; } @media (max-width: 800px) { .my_quotation_tbl td:nth-child { display: none !important; } } /*================== 04. Quotation Page ====================*/ @media (max-width: 800px) { .o_portal_my_doc_table .te_quotation { margin-bottom: 5px; } .o_portal_my_doc_table .te_quotation:before { content: "Quotations : "; font-weight: 600; } .o_portal_my_doc_table .te_quotation a { font-size: 0.875rem; color: #777; } .o_portal_my_doc_table .te_quotation a:hover { color: #35979c; } .o_portal_my_doc_table .te_quotation_date { margin-bottom: 5px; } .o_portal_my_doc_table .te_quotation_date:before { content: "Quotation Date : "; font-weight: 600; } .o_portal_my_doc_table .te_quotation_date span { font-size: 0.875rem; color: #777; } .o_portal_my_doc_table .te_quotation_valid { margin-bottom: 5px; } .o_portal_my_doc_table .te_quotation_valid:before { content: "Valid Until : "; font-weight: 600; } .o_portal_my_doc_table .te_quotation_valid span { font-size: 0.875rem; color: #777; } .o_portal_my_doc_table .te_quotation_valid.disable { display: none; } .o_portal_my_doc_table .te_quotation_cancel_expired { margin-bottom: 5px; } .o_portal_my_doc_table .te_quotation_cancel_expired:before { content: "Quotation State : "; font-weight: 600; } .o_portal_my_doc_table .te_quotation_cancel_expired span { color: #35979c; } .o_portal_my_doc_table .te_quotation_cancel_expired.disable { display: none; } .o_portal_my_doc_table .te_quotation_total { margin-bottom: 5px; } .o_portal_my_doc_table .te_quotation_total:before { content: "Total : "; font-weight: 600; } .o_portal_my_doc_table .te_quotation_total span { font-size: 0.875rem; color: #777; } } #discussion .o_portal_chatter hr { background-color: unset; border-top: 1px solid rgba(0, 0, 0, 0.1); } #details #sales_order_table thead { background-color: #F8F9FA !important; color: #212529; --table-accent-bg: none; } /* /theme_clarico_vega/static/src/scss/shop.scss */ /*====================== products_categories_slider shop page =======================*/ #products_grid_before .accordion-item .form-check, #o_wsale_offcanvas .accordion-item .form-check { padding-left: 0 !important; margin-bottom: 0rem !important; } #products_grid_before .accordion-header, #products_grid_before .nav-item:not(.accordion-item), #o_wsale_offcanvas .accordion-header, #o_wsale_offcanvas .nav-item:not(.accordion-item) { justify-content: space-between; position: relative; cursor: pointer; } #products_grid_before .accordion-header .te_ctg_h4:after, #products_grid_before .nav-item:not(.accordion-item) .te_ctg_h4:after, #o_wsale_offcanvas .accordion-header .te_ctg_h4:after, #o_wsale_offcanvas .nav-item:not(.accordion-item) .te_ctg_h4:after { position: absolute; width: 100% !important; opacity: 0; } #products_grid_before .accordion-header:hover .attr_counter, #o_wsale_offcanvas .accordion-header:hover .attr_counter { background-color: #000000; color: #ffffff; border-color: #000000; } #products_grid_before .nav-item .nav .nav-item:hover > .attr_counter, #products_grid_before li.nav-item:hover > .attr_counter, #o_wsale_offcanvas .nav-item .nav .nav-item:hover > .attr_counter, #o_wsale_offcanvas li.nav-item:hover > .attr_counter { background-color: #000000; color: #ffffff; border-color: #000000; } #products_grid_before .nav-item .nav-item, #products_grid_before .nav-item .d-flex.justify-content-between, #o_wsale_offcanvas .nav-item .nav-item, #o_wsale_offcanvas .nav-item .d-flex.justify-content-between { cursor: pointer; } #products_grid_before .nav-item .nav-item:hover .attr_counter, #products_grid_before .nav-item .d-flex.justify-content-between:hover .attr_counter, #o_wsale_offcanvas .nav-item .nav-item:hover .attr_counter, #o_wsale_offcanvas .nav-item .d-flex.justify-content-between:hover .attr_counter { background-color: #000000; color: #ffffff; border-color: #000000; } #products_grid_before .o_shop_collapse_category ul input[type="radio"]:checked + label, #o_wsale_offcanvas .o_shop_collapse_category ul input[type="radio"]:checked + label { color: #000 !important; } #products_grid_before .products_categories #o_wsale_cate_accordion2 ul, #o_wsale_offcanvas .products_categories #o_wsale_cate_accordion2 ul { margin-bottom: 0 !important; } #products_grid_before .products_categories .accordion-button, #o_wsale_offcanvas .products_categories .accordion-button { padding: 0; } #products_grid_before .products_categories .accordion-button:after, #o_wsale_offcanvas .products_categories .accordion-button:after { transform: rotate(270deg); } #products_grid_before .products_categories .accordion-button:not(.collapsed)::after, #o_wsale_offcanvas .products_categories .accordion-button:not(.collapsed)::after { transform: rotate(180deg); } #products_grid_before .color-with-name-divmax.te_s_attr_color, #o_wsale_offcanvas .color-with-name-divmax.te_s_attr_color { padding: 0.1rem 0rem 0.25rem 0.2rem; margin-top: 1px; } #products_grid_before .css_attribute_color, #o_wsale_offcanvas .css_attribute_color { border: 1px solid #ededed !important; width: 22px !important; height: 22px !important; border-radius: 20px; position: relative; vertical-align: middle; } #products_grid_before .o_products_attributes_title, #o_wsale_offcanvas .o_products_attributes_title { text-transform: capitalize; } #products_grid_before .form-check:hover .attr_counter, #o_wsale_offcanvas .form-check:hover .attr_counter { background-color: #000000; color: #ffffff; border-color: #000000; } #products_grid_before .te_s_attr_val, #o_wsale_offcanvas .te_s_attr_val { font-size: 0.9rem; /* decrease font size by 2px */ } #products_grid_before .form-check:hover .te_s_attr_val, #o_wsale_offcanvas .form-check:hover .te_s_attr_val { color: #000; } #products_grid_before .te_clear_all_variant, #o_wsale_offcanvas .te_clear_all_variant { display: none; } #products_grid_before .fw-normal, #o_wsale_offcanvas .fw-normal { color: #5a5a5a; } #products_grid_before .fw-normal:hover, #o_wsale_offcanvas .fw-normal:hover { color: #000; } #products_grid_before #o_wsale_price_range_option, #products_grid_before .accordion-item, #o_wsale_offcanvas #o_wsale_price_range_option, #o_wsale_offcanvas .accordion-item { padding: 6px 12px; border: 1px solid #eaeaea; border-top: 0; border-left: 0; border-right: 0; } #products_grid_before #o_wsale_price_range_option .form-check, #products_grid_before .accordion-item .form-check, #o_wsale_offcanvas #o_wsale_price_range_option .form-check, #o_wsale_offcanvas .accordion-item .form-check { padding-left: 0 !important; } #products_grid_before .wsale_products_categories_list .accordion-button::after, #o_wsale_offcanvas .wsale_products_categories_list .accordion-button::after { transform: rotate(270deg); } #products_grid_before .wsale_products_categories_list .accordion-button:not(.collapsed)::after, #o_wsale_offcanvas .wsale_products_categories_list .accordion-button:not(.collapsed)::after { transform: rotate(180deg); } #products_grid_before .wsale_products_categories_list .accordion-button:focus, #o_wsale_offcanvas .wsale_products_categories_list .accordion-button:focus { box-shadow: unset; border-color: unset; } #products_grid_before .wsale_products_categories_list span, #o_wsale_offcanvas .wsale_products_categories_list span { color: #5a5a5a; font-size: 0.825rem !important; } #products_grid_before .te_attr_title, #o_wsale_offcanvas .te_attr_title { padding: 5px 1px 5px 0; cursor: pointer; position: relative; } #products_grid_before .te_attr_title:not(.collapsed), #o_wsale_offcanvas .te_attr_title:not(.collapsed) { margin-bottom: 8px; } #products_grid_before .te_ctg_h4, #o_wsale_offcanvas .te_ctg_h4 { cursor: pointer; padding: 0px; padding: 5px 1px 5px 0px; } #products_grid_before .te_ctg_h4:after, #o_wsale_offcanvas .te_ctg_h4:after { content: "\f078"; font-family: "FontAwesome"; width: 20px; display: block; float: right; font-size: 0.8125rem; color: #ADB5BD !important; } #products_grid_before .te_ctg_h4:not(.collapsed)::after, #o_wsale_offcanvas .te_ctg_h4:not(.collapsed)::after { content: "\f077"; font-family: FontAwesome; } #products_grid_before .products_categories, #o_wsale_offcanvas .products_categories { border: 1px solid #ededed; border-top: 0; border-left: 0; border-right: 0; padding: 6px 12px; } #products_grid_before .ept_price_slider_block, #o_wsale_offcanvas .ept_price_slider_block { padding: 12px !important; border: 1px solid #eaeaea; border-top: 0; border-left: 0; border-right: 0; } #products_grid_before .ept_price_slider_block label, #o_wsale_offcanvas .ept_price_slider_block label { cursor: pointer; padding: 0px; margin-right: 24px; width: 98%; } #products_grid_before .ept_price_slider_block label:after, #o_wsale_offcanvas .ept_price_slider_block label:after { content: "\f078"; font-family: "FontAwesome"; width: 0.8rem; display: block; float: right; font-size: 0.8125rem; color: #ADB5BD !important; right: 24px; } #products_grid_before .ept_price_slider_block label:not(.collapsed)::after, #o_wsale_offcanvas .ept_price_slider_block label:not(.collapsed)::after { content: "\f077"; font-family: FontAwesome; } #products_grid_before .multirange-wrapper, #o_wsale_offcanvas .multirange-wrapper { margin-bottom: 0 !important; } #products_grid_before .form-check, #o_wsale_offcanvas .form-check { position: relative; padding-left: 0.5em; } #products_grid_before .form-check .form-check-input, #o_wsale_offcanvas .form-check .form-check-input { opacity: 0; position: absolute; width: 100%; height: 100%; top: 9px; left: 0; } #o_wsale_offcanvas .form-check .form-check-label:not(#o_wsale_offcanvas_orderby .form-check .form-check-label) { max-width: 95px; vertical-align: middle; } .o_wsale_products_main_row #products_grid_before .o_wsale_products_grid_before_rail { scrollbar-width: 3px; cursor: grab; } .o_wsale_products_main_row #products_grid_before .o_wsale_products_grid_before_rail::-webkit-scrollbar { width: 3px; } .o_wsale_products_main_row #products_grid_before .o_wsale_products_grid_before_rail::-webkit-scrollbar-thumb { border-radius: 0; background: currentColor; } .o_wsale_products_main_row #products_grid_before .o_wsale_products_grid_before_rail::-webkit-scrollbar-track { background: #f7f7f7; } .o_wsale_products_main_row #products_grid_before .o_wsale_products_grid_before_rail .form-check .form-check-label { max-width: 175px; vertical-align: middle; } @media (min-width: 992px) and (max-width: 1199.98px) { .o_wsale_products_main_row #products_grid_before .o_wsale_products_grid_before_rail .form-check .form-check-label { max-width: 65px; } } @media (min-width: 1200px) and (max-width: 1500px) { .o_wsale_products_main_row #products_grid_before .o_wsale_products_grid_before_rail .form-check .form-check-label { max-width: 110px; } } @media (min-width: 1200px) { .products_header .o_sortby_dropdown .dropdown-menu, .products_header .o_sortby_dropdown .o_dropdown_menu { transform: translate(8px, 32px) !important; } } .products_header .dropdown_sorty_by { border: 1px solid #ededed; padding: 0.2rem 0.5rem; display: inline-block !important; } @media (max-width: 991.98px) { .products_header .dropdown_sorty_by { margin-top: 5px; } } @media (max-width: 575.98px) { .products_header .dropdown_sorty_by { width: 40%; text-align: center; margin-top: 10px !important; border: 0; } } @media (max-width: 575.98px) { .products_header .dropdown_sorty_by { margin-top: 5px !important; } } @media (max-width: 575.98px) { .products_header .dropdown_sorty_by small, .products_header .dropdown_sorty_by .small { padding: 0rem 0rem 0 0.5rem; line-height: 18px; vertical-align: middle; font-weight: 400 !important; } } .products_header .dropdown_sorty_by .dropdown-menu-end a[role="button"] { display: none !important; } .products_header .sort_by { padding: 0rem 0rem 0 0.5rem; line-height: normal; vertical-align: middle; font-size: 0.875rem; /* decrease font size by 2px */ font-weight: 400 !important; } .products_header .dropdown-toggle { padding: 0; background: unset; box-shadow: unset !important; border: 0px !important; padding-left: 5px; font-size: 0.875rem; vertical-align: middle; } @media (max-width: 991.98px) { .products_header .dropdown-toggle:after { border: 0 !important; display: none; margin-left: 0 !important; vertical-align: 0 !important; } } @media (max-width: 575.98px) { .products_header .o_wsale_apply_layout.btn-group { display: none; } } .products_header .o_wsale_apply_layout .btn { background-color: transparent !important; font-size: 0.85rem; padding: 0.3rem 0.6125rem; border-radius: 0; } .products_header .o_wsale_apply_layout .o_wsale_apply_list { border: 1px solid #ededed; margin-left: 5px; } .products_header .o_wsale_apply_layout .o_wsale_apply_grid { border: 1px solid; border-color: #ededed; } .products_header .sort_by_mobi { display: none !important; } @media (max-width: 991.98px) { .products_header .sort_by_mobi { font-size: 1rem; margin-right: 0.25rem; line-height: 20px; display: inline-block !important; } } .products_header .te_mb_filter_count { border-radius: 12px; width: auto; padding: 3px 5px; vertical-align: top; font-size: 0.7rem; top: -12px; position: absolute; display: inline-block !important; right: -11px; background: #35979c; color: #ffffff; } #products_grid .o_wsale_product_grid_wrapper { padding: 0 !important; border: 1px solid #ededed; /* For Safari*/ -webkit-transition-property: all; -webkit-transition-duration: 0.4s; -webkit-transition-timing-function: ease; /*For Firefox*/ -moz-transition-property: all; -moz-transition-duration: 0.4s; -moz-transition-timing-function: ease; /*Internet Explorer*/ -ms-transition-property: all; -ms-transition-duration: 0.4s; -ms-transition-timing-function: ease; /*For Opera*/ -o-transition-property: all; -o-transition-duration: 0.4s; -o-transition-timing-function: ease; /* Standard syntax */ transition-property: all; transition-duration: 0.4s; transition-timing-function: ease; } @media (max-width: 575.98px) { #products_grid .o_wsale_product_grid_wrapper { border-top: 0px; } } #products_grid .o_wsale_product_grid_wrapper:hover { -webkit-box-shadow: 0 3px 12px #ccc; -moz-box-shadow: 0 3px 12px #ccc; -ms-box-shadow: 0 3px 12px #ccc; -o-box-shadow: 0 3px 12px #ccc; box-shadow: 0 3px 12px #ccc; } @media (max-width: 767.98px) { #products_grid .o_wsale_product_grid_wrapper:hover { box-shadow: none; } } #products_grid .o_wsale_product_grid_wrapper:hover .oe_product_cart .o_wsale_product_btn .btn, #products_grid .o_wsale_product_grid_wrapper:hover .oe_subdescription { opacity: 1; } #products_grid .o_wsale_product_grid_wrapper .o_wsale_product_information_text.te_shop_icon { position: relative; } #products_grid .o_wsale_product_grid_wrapper .te_shop_icon { position: relative; } #products_grid .product_name { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; height: 22px; } @media (max-width: 767.98px) { #products_grid .product_name { font-size: 14px; } } @media (max-width: 575.98px) { #products_grid .product_price span.h6 { font-size: 0.75rem !important; } } @media (max-width: 575.98px) { #products_grid .product_price del { font-size: 0.625rem !important; margin-right: 0 !important; } } @media (max-width: 767.98px) { #products_grid .o_wsale_products_grid_table_wrapper .table.o_wsale_context_thumb_cover, #products_grid .o_wsale_products_grid_table_wrapper .table td { padding: 0 !important; } } .o_wsale_layout_list .o_wsale_product_btn .btn { opacity: 1; margin-top: 0 !important; } .te_shop_pager.te_shop_pager_top { width: 100%; text-align: right; display: inline-block; padding: 0px 12px; padding-bottom: 1rem; border-bottom: 1px solid #ededed; } @media (max-width: 767.98px) { .te_shop_pager.te_shop_pager_top { border-bottom: 2px solid #ddd; box-shadow: 0px 1px 12px 0px #ddd; padding-bottom: 0 !important; } } .te_shop_pager.te_shop_pager_top .te_view_all_filter_div { display: block; width: 70%; float: left; text-align: left; padding: 2px 10px 0 3px; padding-bottom: 0; } @media (max-width: 991.98px) { .te_shop_pager.te_shop_pager_top .te_view_all_filter_div { padding: 8px 0 0 0; display: none !important; } .te_shop_pager.te_shop_pager_top .te_view_all_filter_div .te_view_filter_span { position: relative; top: 0; right: 0; bottom: auto; left: auto; padding: 0.675rem 1rem; border: 1px solid #ededed; font-size: 0.8125rem; color: #000000; font-family: inherit; display: none; } } @media (max-width: 575.98px) { .te_shop_pager.te_shop_pager_top .te_view_all_filter_div { width: 100%; } } .te_shop_pager.te_shop_pager_top .te_view_all_filter_div .prd-count { margin-top: 5px; display: inline-block; } .te_view_all_filter_div .te_view_filter_span { display: block; font-size: 0.875rem; color: #35979c; font-family: inherit; } .te_view_all_filter_div .te_view_filter_span > i.te_filters_icon { font-size: 1rem; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .te_view_all_filter_div .te_view_filter_span > span { font-size: 1rem; } .te_view_all_filter_div .te_product_filters { display: none; margin-bottom: 0px !important; } .te_view_all_filter_div .te_product_filters > span { font-size: 0.875rem; } .te_view_all_filter_div .te_product_filters .te_prod_fltr_count { border-right: 1px solid #e0e0e0; color: #000 !important; margin-right: 6px; padding: 2px 0px 1px; display: inline-block; } .te_view_all_filter_inner .attribute { display: inline-block; font-size: 0.8125rem; color: #000000; margin-right: 8px; } .te_view_all_filter_inner .attribute span.position-relative { color: #5a5a59; cursor: pointer; padding: 1px 26px 0px 12px; border: 1px solid #e5e5e5; margin: 0px 0px 0px 5px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; display: inline-block; } .te_view_all_filter_inner .attribute.attr_val { margin-left: 4px; } .te_view_all_filter_inner .attribute:last-child { border-right: 0px; } .te_view_all_filter_inner .te_clear_attr_a:hover { text-decoration: none; } .te_color-name { display: inline-block; cursor: pointer; vertical-align: top; padding-left: 5px; } .te_color-name:after, .te_color-name:before { content: unset !important; } .te_view_all_filter_div .attr-remove { cursor: pointer; font-size: 0.875rem; padding: 0px 4px 0px 15px; color: #000 !important; transition: color .2s ease-in-out; display: inline-block; margin-bottom: 4px; display: inline-block; } .te_view_all_filter_div .attr-remove:before, .te_view_all_filter_div .attr-remove:after { content: " "; position: absolute; top: 50%; left: 0px; display: inline-block; margin-top: -1px; width: 10px; height: 2px; background-color: #000; transition: background-color .2s ease-in-out,transform .2s ease-in-out,width .2s ease-in-out,-webkit-transform .2s ease-in-out; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .te_view_all_filter_div .attr-remove:after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .te_view_all_filter_div .attr-remove:hover:after, .te_view_all_filter_div .attr-remove:hover:before { -webkit-transform: rotate(0); transform: rotate(0); background-color: #000; } .te_view_all_filter_div .attr-remove:hover { color: #000 !important; } .te_view_all_filter_div .attribute.position-relative a:before, .te_view_all_filter_div .attribute.position-relative a:after { display: none; } .te_view_all_filter_div .attribute.position-relative .attr-remove { padding: 0px; margin-right: 0px; } .te_view_all_filter_div .attribute.position-relative .attr-remove span.attr_title { color: #000 !important; } .te_view_all_filter_div .attribute.position-relative.attr_val span.position-relative { margin-left: -5px; } .te_view_all_filter_div .attribute.position-relative:not(.attr_val) { border-left: 1px solid #ededed; padding-left: 8px; margin-bottom: 0px; display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; } .te_view_all_filter_div span.attr_value:before, .te_view_all_filter_div span.attr_value:after { content: " "; position: absolute; top: 50%; right: -15px; left: auto; display: inline-block; margin-top: -1px; width: 10px; height: 2px; background-color: #000; transition: background-color .2s ease-in-out,transform .2s ease-in-out,width .2s ease-in-out,-webkit-transform .2s ease-in-out; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .te_view_all_filter_div span.attr_value:after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .te_view_all_filter_div span.attr_value:hover:after, .te_view_all_filter_div span.attr_value:hover:before { -webkit-transform: rotate(0); transform: rotate(0); background-color: #ded9d9; } .te_view_all_filter_div span.attr_value:hover { color: #ded9d9 !important; text-decoration: line-through !important; } .te_view_all_filter_div span.position-relative:hover { color: #ded9d9 !important; text-decoration: line-through !important; } .te_view_all_filter_div span.position-relative:hover span.attr_value:after, .te_view_all_filter_div span.position-relative:hover span.attr_value:before { -webkit-transform: rotate(0); transform: rotate(0); background-color: #ded9d9; } span.attr_value { position: relative; left: 0px; transition: color .1s ease-in-out; } .js_attributes { /*--------- checkbox aspect---------- */ /*-------------- checked mark aspect-------------- */ /* .accordion-button{ &:after{ transform:rotate(270deg); } :not(.collapsed)::after{ transform:rotate(180deg); } } */ } .js_attributes [type="checkbox"]:not(:checked), .js_attributes [type="checkbox"]:checked { position: absolute; top: 50%; right: auto; bottom: auto; left: 5px; -moz--webkit-appearance: none; -moz-appearance: none; appearance: none; width: 17px; height: 17px; opacity: 0.001; cursor: pointer; z-index: 9999; transform: translateY(-50%); } .js_attributes [type="checkbox"]:not(:checked) + label, .js_attributes [type="checkbox"]:checked + label { position: relative; padding-left: 2.30em; cursor: pointer; } .js_attributes [type="checkbox"]:not(:checked) + label:before, .js_attributes [type="checkbox"]:checked + label:before { content: ''; position: absolute; top: 50%; right: auto; bottom: auto; left: 7px; width: 15px; height: 16px; border: 1px solid #5a5a5a; background: #ffffff; border-radius: 1px; -webkit-border-radius: 1px; -moz-border-radius: 1px; -ms-border-radius: 1px; -o-border-radius: 1px; border-radius: 1px; transform: translateY(-50%); } .js_attributes input[type="checkbox"]:checked + label:after { content: ''; position: absolute; top: 50%; transform: translateY(-50%); right: auto; left: 10px; transition-property: all; transition-duration: 0.2s; background-color: #000000; width: 9px; height: 10px; border-color: #5a5a5a; } .js_attributes .accordion-item .css_attribute_color [type="checkbox"]:not(:checked) + label:before, .js_attributes .accordion-item .css_attribute_color [type="checkbox"]:checked + label:before { display: none; } .js_attributes .accordion-item .css_attribute_color [type="checkbox"]:not(:checked) + label:after, .js_attributes .accordion-item .css_attribute_color [type="checkbox"]:checked + label:after { display: none; } .js_attributes .form-check.active .attr_counter { background-color: #000; color: #ffffff; background-color: #000; } .js_attributes .form-check.active .te_s_attr_val { color: #262626 !important; } .js_attributes .te_s_attr_color:hover, .js_attributes .te_s_attr_color.active { cursor: pointer; } .js_attributes .te_s_attr_color:hover .te_s_attr_val, .js_attributes .te_s_attr_color.active .te_s_attr_val { color: #262626 !important; } .js_attributes .te_s_attr_color:hover .attr_counter, .js_attributes .te_s_attr_color.active .attr_counter { background-color: #000000; color: #ffffff; border-color: #000000; } .js_attributes .te_s_attr_color .css_attribute_color:before { border: 2px solid #ffffff; box-shadow: inset 0 0 3px #5a5a5a; } .js_attributes .te_s_attr_color:hover .attr_counter { color: #ffffff !important; background-color: #000; border-color: #000000; } .js_attributes .css_attribute_color.active { box-shadow: 0 0 0 1px #ffffff, 0 0 0 3px #000000; } .js_attributes .nav-item.accordion-collapse:not(.css_attribute_select) { padding-bottom: 0 !important; margin-bottom: 5px !important; } .main_attr { padding: 6px 12px; list-style: none; border-bottom: 1px solid #ccc; } .attr_counter { float: right; color: #5a5a5a; font-weight: normal; padding: 0px 5px; min-width: 30px; height: 20px; border-radius: 5px; color: inherit; text-align: center; font-size: 14px; line-height: 20px; margin-top: 2px; background-color: #f5f5f7; transition: color .35s ease,background-color .35s ease,border-color .35s ease; } .te_attr_title { padding: 10px 1px 0; cursor: pointer; position: relative; } .te_attr_title:after { content: "\f078"; font-family: "FontAwesome"; width: 0.8rem; display: block; float: right; font-size: 0.8125rem; position: absolute; right: 0; top: 25%; -ms-transform: translate(-15%); transform: translateY(-15%); color: #ADB5BD !important; text-align: left; width: 20px; } .te_attr_title .te_clear_all_variant { display: none; color: #eb5813ba !important; font-size: 14px; /* Not defined in variable */ cursor: pointer; z-index: 98; text-decoration: underline !important; } .te_attr_title .te_clear_all_variant:hover { color: #ff6435 !important; transition: all 0.5s ease; } .te_attr_title:not(.collapsed)::after { content: "\f077"; font-family: FontAwesome; } .brand_main { display: block; } .brand_main div.te_s_attr_brand { display: inline-block; color: #5a5a5a; margin-top: 1px; vertical-align: middle; width: 32% !important; text-align: center; } .brand_main div.te_s_attr_brand label.form-check-label { display: none; } .brand_main div.te_s_attr_brand label.nav-link { margin: 0 !important; padding: 0rem 0rem 0.25rem 0rem; position: relative; top: 0; right: 0; bottom: 0; left: 0; } .brand_main div.te_s_attr_brand img { max-width: 60px; height: auto; } @media (min-width: 992px) and (max-width: 1299px) { .brand_main div.te_s_attr_brand img { max-width: 45px; } } .brand_main div.te_s_attr_brand label.active img { border: 1px solid black; border-radius: 50px; padding: 3px; } .nav-pills .nav-link.active, .nav-pills .show > .nav-link.brand_main { background-color: unset; } .te_duration { width: 94%; } @media (max-width: 767.98px) { .te_shop_grid { position: relative; } } @media (max-width: 575.98px) { .te_shop_grid { text-align: left; } .te_shop_grid .o_wsale_product_information_text.te_shop_icon { padding-top: 8px !important; } .te_shop_grid span[data-oe-type="monetary"] { display: inline-block; } } .te_shop_grid .product_price .text-danger.d-none { display: inline-block !important; visibility: hidden; } .te_shop_grid .te_discount { color: #ff6435; display: inline-block; margin: 0 0 0 2px; font-weight: normal; font-size: 0.812rem; /* @media (min-width: 992px) and (max-width: 1199px){ display: block; } */ } @media (max-width: 420px) { .te_shop_grid .te_discount { display: inline-block; } } @media (max-width: 767.98px) { .te_shop_grid .te_discount { font-size: 0.625rem; margin: 0; } } #wsale_products_attributes_collapse .css_attribute_color.active { box-shadow: 0 0 0 1px #ffffff, 0 0 0 3px #000000; } .js_attributes .accordion-item .attribute_filter_scroll, .js_attributes .accordion-item .attribute_filter_canvas_scroll { max-height: 165px; overflow: auto; scrollbar-width: 3px; cursor: grab; } .js_attributes .accordion-item .attribute_filter_scroll::-webkit-scrollbar, .js_attributes .accordion-item .attribute_filter_canvas_scroll::-webkit-scrollbar { width: 3px; } .js_attributes .accordion-item .attribute_filter_scroll::-webkit-scrollbar-thumb, .js_attributes .accordion-item .attribute_filter_canvas_scroll::-webkit-scrollbar-thumb { border-radius: 0; background: currentColor; } .js_attributes .accordion-item .attribute_filter_scroll::-webkit-scrollbar-track, .js_attributes .accordion-item .attribute_filter_canvas_scroll::-webkit-scrollbar-track { background: #f7f7f7; } .js_attributes .accordion-item .brand_filter_scroll, .js_attributes .accordion-item .brand_filter_canvas_scroll { max-height: 200px; overflow: auto; scrollbar-width: 3px; cursor: grab; } .js_attributes .accordion-item .brand_filter_scroll::-webkit-scrollbar, .js_attributes .accordion-item .brand_filter_canvas_scroll::-webkit-scrollbar { width: 3px; } .js_attributes .accordion-item .brand_filter_scroll::-webkit-scrollbar-thumb, .js_attributes .accordion-item .brand_filter_canvas_scroll::-webkit-scrollbar-thumb { border-radius: 0; background: currentColor; } .js_attributes .accordion-item .brand_filter_scroll::-webkit-scrollbar-track, .js_attributes .accordion-item .brand_filter_canvas_scroll::-webkit-scrollbar-track { background: #f7f7f7; } #products_grid:not(.o_wsale_layout_list) td.oe_product .o_wsale_product_btn { position: absolute; top: 0; right: 12px; bottom: unset; left: unset; padding: 0; /* @include media-breakpoint-between(sm,md){ bottom:127px; } @include media-breakpoint-down(xs){ bottom:121px; } */ } #products_grid:not(.o_wsale_layout_list) td.oe_product .o_wsale_product_btn .te_shop_grid.btn, #products_grid:not(.o_wsale_layout_list) td.oe_product .o_wsale_product_btn .btn { display: block; margin-top: 10px; transform: unset; opacity: 0; background: #ffffff; color: #35979c; border-width: 1px; border-color: #cccccc; border-style: solid; border-radius: 50%; width: 44px; height: 44px; line-height: 44px; padding: 0; /* For Safari*/ -webkit-transition-property: all; -webkit-transition-duration: 0.3s; -webkit-transition-timing-function: ease; /*For Firefox*/ -moz-transition-property: all; -moz-transition-duration: 0.3s; -moz-transition-timing-function: ease; /*Internet Explorer*/ -ms-transition-property: all; -ms-transition-duration: 0.3s; -ms-transition-timing-function: ease; /*For Opera*/ -o-transition-property: all; -o-transition-duration: 0.3s; -o-transition-timing-function: ease; /* Standard syntax */ transition-property: all; transition-duration: 0.3s; transition-timing-function: ease; } @media (min-width: 320px) and (max-width: 992px) { #products_grid:not(.o_wsale_layout_list) td.oe_product .o_wsale_product_btn .te_shop_grid.btn, #products_grid:not(.o_wsale_layout_list) td.oe_product .o_wsale_product_btn .btn { width: 35px; height: 35px; line-height: 37px; border-width: 0px; margin-top: 0px !important; background-color: transparent; } } #products_grid:not(.o_wsale_layout_list) td.oe_product .o_wsale_product_btn .te_shop_grid.btn:hover, #products_grid:not(.o_wsale_layout_list) td.oe_product .o_wsale_product_btn .btn:hover { background: #35979c; color: #ffffff; } @media (min-width: 320px) and (max-width: 992px) { #products_grid:not(.o_wsale_layout_list) td.oe_product .o_wsale_product_btn { position: absolute; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; top: auto; left: auto; right: 6px; width: auto; padding-bottom: 0; bottom: calc(100% + 5px); background-color: #ffffffad; border-radius: 35px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); } #products_grid:not(.o_wsale_layout_list) td.oe_product .o_wsale_product_btn .btn { opacity: 1; display: inline-block; margin-top: 5px; margin-right: 3px; } #products_grid:not(.o_wsale_layout_list) td.oe_product .o_wsale_product_btn:last-child .btn { margin-right: 0; } } #products_grid:not(.o_wsale_layout_list) td.oe_product .o_wsale_product_btn .a-submit { /* For Safari*/ -webkit-transition-property: all; -webkit-transition-duration: 0.3s; -webkit-transition-timing-function: ease; /*For Firefox*/ -moz-transition-property: all; -moz-transition-duration: 0.3s; -moz-transition-timing-function: ease; /*Internet Explorer*/ -ms-transition-property: all; -ms-transition-duration: 0.3s; -ms-transition-timing-function: ease; /*For Opera*/ -o-transition-property: all; -o-transition-duration: 0.3s; -o-transition-timing-function: ease; /* Standard syntax */ transition-property: all; transition-duration: 0.3s; transition-timing-function: ease; } #products_grid:not(.o_wsale_layout_list) td.oe_product .o_wsale_product_btn .o_add_wishlist { /* For Safari*/ -webkit-transition-property: all; -webkit-transition-duration: 0.3s; -webkit-transition-timing-function: ease; /*For Firefox*/ -moz-transition-property: all; -moz-transition-duration: 0.3s; -moz-transition-timing-function: ease; /*Internet Explorer*/ -ms-transition-property: all; -ms-transition-duration: 0.3s; -ms-transition-timing-function: ease; /*For Opera*/ -o-transition-property: all; -o-transition-duration: 0.3s; -o-transition-timing-function: ease; /* Standard syntax */ transition-property: all; transition-duration: 0.3s; transition-timing-function: ease; } @media (max-width: 991.98px) { #products_grid:not(.o_wsale_layout_list) td.oe_product .o_wsale_product_btn .o_add_wishlist { background: transparent !important; } } #products_grid:not(.o_wsale_layout_list) td.oe_product .o_wsale_product_btn .o_add_wishlist:disabled, #products_grid:not(.o_wsale_layout_list) td.oe_product .o_wsale_product_btn .o_add_wishlist.o_wysiwyg_loader { color: #ffffff !important; background: rgba(53, 151, 156, 0.65) !important; border-width: 1px; border-color: #35979c; border-style: solid; } @media (max-width: 991.98px) { #products_grid:not(.o_wsale_layout_list) td.oe_product .o_wsale_product_btn .o_add_wishlist:disabled, #products_grid:not(.o_wsale_layout_list) td.oe_product .o_wsale_product_btn .o_add_wishlist.o_wysiwyg_loader { border-width: 0px; color: #ff0000a6 !important; /* Custom color specific for mobile view */ background: transparent !important; cursor: not-allowed; } } #products_grid:not(.o_wsale_layout_list) td.oe_product .o_wsale_product_btn .o_add_compare { /* For Safari*/ -webkit-transition-property: all; -webkit-transition-duration: 0.3s; -webkit-transition-timing-function: ease; /*For Firefox*/ -moz-transition-property: all; -moz-transition-duration: 0.3s; -moz-transition-timing-function: ease; /*Internet Explorer*/ -ms-transition-property: all; -ms-transition-duration: 0.3s; -ms-transition-timing-function: ease; /*For Opera*/ -o-transition-property: all; -o-transition-duration: 0.3s; -o-transition-timing-function: ease; /* Standard syntax */ transition-property: all; transition-duration: 0.3s; transition-timing-function: ease; } #products_grid:not(.o_wsale_layout_list) td.oe_product .o_wsale_product_btn .te_quick_view { /* For Safari*/ -webkit-transition-property: all; -webkit-transition-duration: 0.3s; -webkit-transition-timing-function: ease; /*For Firefox*/ -moz-transition-property: all; -moz-transition-duration: 0.3s; -moz-transition-timing-function: ease; /*Internet Explorer*/ -ms-transition-property: all; -ms-transition-duration: 0.3s; -ms-transition-timing-function: ease; /*For Opera*/ -o-transition-property: all; -o-transition-duration: 0.3s; -o-transition-timing-function: ease; /* Standard syntax */ transition-property: all; transition-duration: 0.3s; transition-timing-function: ease; } .te_shop_grid { /* .oe_product_cart .o_wsale_product_information{ padding:0; } */ } .te_shop_grid .o_wsale_product_btn .btn { margin-top: 10px; transform: unset; opacity: 1; background: #ffffff; color: #35979c; border-width: 1px; border-color: #cccccc; border-style: solid; border-radius: 50%; width: 44px; height: 44px; line-height: 44px; padding: 0; } @media (max-width: 575.98px) { .te_shop_grid .o_wsale_product_btn .btn { /* For Safari*/ -webkit-transition-property: all; -webkit-transition-duration: 0.3s; -webkit-transition-timing-function: ease; /*For Firefox*/ -moz-transition-property: all; -moz-transition-duration: 0.3s; -moz-transition-timing-function: ease; /*Internet Explorer*/ -ms-transition-property: all; -ms-transition-duration: 0.3s; -ms-transition-timing-function: ease; /*For Opera*/ -o-transition-property: all; -o-transition-duration: 0.3s; -o-transition-timing-function: ease; /* Standard syntax */ transition-property: all; transition-duration: 0.3s; transition-timing-function: ease; } } @media (min-width: 992px) { .te_shop_grid .o_wsale_product_btn .btn:hover, .te_shop_grid .o_wsale_product_btn .btn:focus { background-color: #35979c !important; color: #ffffff !important; } } @media (max-width: 575.98px) { .te_shop_grid .o_wsale_product_btn .btn:hover, .te_shop_grid .o_wsale_product_btn .btn:focus { box-shadow: none; } } .te_shop_grid .oe_product_cart .oe_subdescription { transform: none; transition: none; margin-top: 3px; font-size: 0.75rem; margin-bottom: 0.25rem; opacity: 0; } @media (max-width: 991.98px) { .te_shop_grid .oe_product_cart .oe_subdescription { opacity: 1 !important; } } /* ---------pagination ---------*/ .page-item.disabled .page-link { background-color: transparent; border-color: transparent; color: rgba(0, 0, 0, 0.3) !important; } .page-link { border: none; background-color: transparent; padding: 0.25rem; margin: 0.25rem 0.45rem; color: #767676; font-size: 0.875rem; transition-duration: 0.3s; } .page-link:hover { background-color: transparent; border-color: transparent; } .page-link:focus { outline: 0; box-shadow: none; } .page-item.active .page-link { z-index: 1; background-color: transparent !important; border-color: transparent; border-bottom: 2px solid #000 !important; } .page-item.active .page-link, .page-item:hover .page-link { border-color: transparent; color: #000; } li.page-item:last-child { border: none; } /*----------- offcanvas --------------*/ #o_wsale_offcanvas .offcanvas-body { display: none; } #o_wsale_offcanvas .o_wsale_offcanvas_title { padding: 0.5rem 1.25rem; } #o_wsale_offcanvas #o_wsale_price_range_option label { padding-top: 0px !important; } /* -------- mobile product category------------ */ @media (min-width: 992px) { .products_header .te_shop_filter_resp { border: 1px solid #ededed; padding: 0.3rem 0.6125rem; } } @media (max-width: 991.98px) { .products_header .te_shop_filter_resp { display: block; float: left; } } @media (max-width: 767.98px) { .products_header .te_shop_filter_resp { border-right: 1px solid #ddd; text-align: center !important; margin-top: 0px !important; line-height: 44px; padding-top: 0px !important; width: 50%; margin-left: 0px !important; padding-bottom: 0px; } } .products_header button:focus:not(:focus-visible), .products_header .owl-carousel.dynamic-owl-carousel .owl-nav button.owl-next:focus:not(:focus-visible), .owl-carousel.dynamic-owl-carousel .owl-nav .products_header button.owl-next:focus:not(:focus-visible) { box-shadow: unset; } .oe_website_sale #o_wsale_offcanvas .o_wsale_offcanvas_title:not(.collapsed)::after { transform: none !important; } #o_wsale_offcanvas_content b, #o_wsale_offcanvas_content strong { font-weight: normal; } #o_wsale_offcanvas_content .accordion-button::after { content: "\f078"; font-family: "FontAwesome"; width: 0.8rem; display: block; float: right; font-size: 0.8125rem; position: absolute; right: 24px; top: 35%; -ms-transform: translate(-15%); transform: translateY(-15%); color: #ADB5BD !important; text-align: right; transition: none; background-image: unset !important; } #o_wsale_offcanvas_content .accordion-button:not(.collapsed)::after { content: "\f077"; background-image: unset !important; } #o_wsale_offcanvas_content a.te_clear_all_variant_off_canvas { color: #eb5813ba; padding-left: 3px; font-size: 14px; } #o_wsale_offcanvas_content a.te_clear_all_variant_off_canvas:hover { color: #ff6435 !important; transition: all 0.5s ease; } #o_wsale_offcanvas_content .accordion-item { border: 0; padding: 0; } #o_wsale_offcanvas_content .o_wsale_offcanvas_title { padding: 0.8rem 1.25rem !important; } #o_wsale_offcanvas_content .ept_price_slider_block label { width: 100% !important; font-size: 1rem; } /*============= list view ===================*/ @media (max-width: 767.98px) { .o_wsale_product_information h6.o_wsale_products_item_title.mb-2, .o_wsale_product_information .o_wsale_products_item_title.mb-2.h6 { margin: 0 !important; } } .o_wsale_layout_list .oe_product_image { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 12rem; max-width: 35%; min-width: 100px; } @media (max-width: 575.98px) { .o_wsale_layout_list .oe_product .o_wsale_product_information { padding: 0.4rem; } } .o_wsale_layout_list .oe_product .oe_product_cart { padding-bottom: 0; } @media (max-width: 575.98px) { .o_wsale_layout_list .oe_product .oe_product_cart { display: block !important; height: auto !important; } } @media (max-width: 575.98px) { .o_wsale_layout_list .oe_product .oe_product_image { position: relative; height: auto !important; padding: 0 !important; display: inline !important; } } @media (max-width: 575.98px) { .o_wsale_layout_list .oe_product .oe_product_image img { height: 100% !important; width: 100% !important; object-fit: scale-down !important; } } .o_wsale_layout_list .oe_product .o_wsale_products_item_title { font-size: 1rem !important; } @media (max-width: 767.98px) { .o_wsale_layout_list .oe_product .o_wsale_products_item_title { margin: 0 !important; } } .o_wsale_layout_list .oe_product .product_price { margin-bottom: 0.25rem; } .o_wsale_layout_list .oe_product .product_price h6, .o_wsale_layout_list .oe_product .product_price .h6 { font-size: 0.875rem !important; } .o_wsale_layout_list .oe_product .product_price del { color: #969696 !important; display: inline-block; font-family: inherit; } .o_wsale_layout_list .o_wsale_product_btn { padding-left: 5px; } @media (max-width: 767.98px) { .o_wsale_layout_list .o_wsale_product_btn { position: initial; top: unset; right: unset; bottom: unset; left: unset; transition: unset; opacity: unset; background-color: unset; display: inline-block; margin-top: 3px; border-radius: 35px; box-shadow: 0 0 5px #00000033; width: auto; } } @media (max-width: 767.98px) { .o_wsale_layout_list .o_wsale_product_btn .btn { width: 35px; height: 35px; line-height: 38px; border: 0px; margin-top: 0px !important; background-color: transparent; margin: 3px; } } .o_wsale_layout_list .o_wsale_product_btn .o_add_wishlist[disabled="True"], .o_wsale_layout_list .o_wsale_product_btn .disabled { color: #ffffff !important; background: rgba(53, 151, 156, 0.65) !important; border-width: 1px; border-color: #35979c; border-style: solid; } @media (max-width: 991.98px) { .o_wsale_layout_list .o_wsale_product_btn .o_add_wishlist[disabled="True"], .o_wsale_layout_list .o_wsale_product_btn .disabled { border-width: 0px; color: #ff0000a6 !important; /* Custom color specific for mobile view */ background: transparent !important; cursor: not-allowed; } } .o_wsale_layout_list .te_shop_icon .oe_subdescription { margin-bottom: 0; font-size: 0.8125rem; color: #898383; min-height: unset !important; opacity: 1 !important; height: unset; max-height: 36px; } .o_wsale_layout_list .modal-dialog .in_cart td { text-align: left !important; } .o_wsale_layout_list .modal-dialog .td-price { text-align: left !important; } /*============= Grid view ===================*/ #products_grid:not(.o_wsale_layout_list) .o_wsale_products_grid_table_wrapper table .te_shop_grid .o_wsale_product_grid_wrapper .rating-avg { position: absolute; bottom: 0.7rem; left: 0.1rem; z-index: 1; margin-left: 8px; font-size: 12px; font-weight: 500; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; padding: 2px 4px; background-color: rgba(255, 255, 255, 0.7); } @media (max-width: 767.98px) { #products_grid:not(.o_wsale_layout_list) .o_wsale_products_grid_table_wrapper table .te_shop_grid .o_wsale_product_grid_wrapper .rating-avg { margin-left: 10px; } } @media (max-width: 575.98px) { #products_grid:not(.o_wsale_layout_list) .o_wsale_products_grid_table_wrapper table .te_shop_grid .o_wsale_product_grid_wrapper .rating-avg { border: 1px solid #eaeaec; margin-left: 5px; } } #products_grid:not(.o_wsale_layout_list) .o_wsale_products_grid_table_wrapper table .te_shop_grid .o_wsale_product_grid_wrapper .rating-avg .fa { font-size: 12px; color: #898383, #717171, #000000, #888888, #ffffff, #575757, #707070, #eaeaea, #969696, #222, #cccccc, #7b7f83, #4c5462, #8b93a1, #777, #999, #e0e0e0, #f5f5f5, #35979c, #333333, #444, #555, #9c9c9c, #bcb6b6, #545353, #4e4e4e, transparent, inherit, 19; } #products_grid:not(.o_wsale_layout_list) .o_wsale_products_grid_table_wrapper table .te_shop_grid .o_wsale_product_grid_wrapper .rating-avg span { padding: 0px 2px; align-self: center; } @media (max-width: 767.98px) { #products_grid:not(.o_wsale_layout_list) .o_wsale_products_grid_table_wrapper table .te_shop_grid .o_wsale_product_grid_wrapper .rating-avg span { align-self: baseline; } } @media (max-width: 991.98px) { #products_grid:not(.o_wsale_layout_list) .o_wsale_products_grid_table_wrapper table .te_shop_grid .o_wsale_product_information { position: relative; } } @media (max-width: 767.98px) { #products_grid:not(.o_wsale_layout_list) .o_wsale_products_grid_table_wrapper > table, #products_grid:not(.o_wsale_layout_list) .o_wsale_products_grid_table_wrapper > table > tbody, #products_grid:not(.o_wsale_layout_list) .o_wsale_products_grid_table_wrapper > table > tbody > tr, #products_grid:not(.o_wsale_layout_list) .o_wsale_products_grid_table_wrapper > table > tbody > tr > td { display: block; width: 100%; } } @media (max-width: 991.98px) { #products_grid .products_pager { clear: both; } } @media (max-width: 991.98px) { #products_grid:not(.o_wsale_layout_list) .o_wsale_products_grid_table_wrapper table:not([data-ppr="2"]) .te_shop_grid { width: 32%; display: inline-block; margin-top: 0; } } @media (max-width: 767.98px) { #products_grid:not(.o_wsale_layout_list) .o_wsale_products_grid_table_wrapper table:not([data-ppr="2"]) .te_shop_grid { width: 50%; float: left; } } @media (max-width: 991.98px) { #products_grid:not(.o_wsale_layout_list) .o_wsale_products_grid_table_wrapper table[data-ppr="2"] .te_shop_grid { width: 48%; display: inline-block; margin-top: 0; } } .oe_advanced_configurator_modal table { table-layout: auto !important; } @media (max-width: 991.98px) { .oe_advanced_configurator_modal table thead tr { display: none !important; } } .oe_advanced_configurator_modal .js_product #optional_product_price { text-align: right !important; font-size: 0.875rem !important; } .oe_advanced_configurator_modal .js_product #optional_product_price .te_discount_option { display: block; } .oe_advanced_configurator_modal .js_product #optional_product_price .js_add { font-size: 0.875rem !important; padding: 0.375rem 0.8rem; } .oe_advanced_configurator_modal .js_product .td-product_name { min-width: 140px !important; } .oe_advanced_configurator_modal .js_product .td-img { width: 100px !important; } @media (max-width: 575.98px) { .oe_advanced_configurator_modal .js_product .td-img { display: none !important; } } .oe_advanced_configurator_modal .js_product .td-price { width: 170px !important; } @media (max-width: 991.98px) { .oe_advanced_configurator_modal tr { display: table-row !important; } .oe_advanced_configurator_modal td:not(.td-qty) { display: table-cell !important; } .oe_advanced_configurator_modal td { width: auto !important; } } @media (max-width: 575.98px) { .modal-footer .btn, .modal-footer .o_sale_product_configurator_edit { width: 100%; } } .o_wsale_product_btn .o_website_btn_loading span { margin-right: 0 !important; } @media (min-width: 992px) { .oe_product .o_wsale_product_btn { transform: translateX(20px) translateZ(0); transition: all .3s ease-out; } .oe_product:hover .o_wsale_product_btn { transform: translateY(0) translateZ(0); } .o_wsale_layout_list .oe_product .o_wsale_product_btn { transform: unset !important; } .o_wsale_layout_list .oe_product .o_wsale_product_btn:hover { transform: unset !important; } } label.lbl_see_all { margin: 0px 0px 0px 32px; cursor: pointer; font-size: 15px; } label.lbl_see_all span { display: inline-block; } label.lbl_see_all a { text-decoration: none; } #o_wsale_offcanvas .accordion-item .form-check { margin-bottom: 0rem !important; } #o_wsale_offcanvas label.lbl_see_all { margin: 0px 0px 0px 54px; position: relative; top: -5px; } #products_grid_before div.color-with-name-divmax.te_s_attr_color, #o_wsale_offcanvas div.color-with-name-divmax.te_s_attr_color { padding: 0.1rem 0rem 0rem 0.2rem; } #products_grid_before .te_color-name, #o_wsale_offcanvas .te_color-name { vertical-align: middle; } #products_grid_before .css_attribute_color, #o_wsale_offcanvas .css_attribute_color { top: 1px; } .js_attributes .accordion-item .attribute_filter_scroll.color_attr, .js_attributes .accordion-item .attribute_filter_canvas_scroll.color_attr { max-height: 170px; } /* product price table */ .te_price_table th { background-color: #cdcdcd; } .te_price_table table td { padding: 0.5rem 0.9rem !important; } .te_price_table tr:nth-child(odd) { background: #1612120d; } #o-carousel-product .carousel-outer { height: unset !important; max-height: unset !important; } /* /theme_clarico_vega/static/src/scss/snippets.scss */ /******************************************* -------------------------- THEME SNIPPETS 01. Slider Style 2 02. Slider Style 3 03. Full Screen Style 1 04. Full Screen Style 2 05. Full Screen Style 3 06. Full Screen Style 4 07. Full Screen Style 5 08. Full Screen Style 6 09. Banner with slider 10. carousel 11. 2 column style 1 12. 2 column style 2 13. 2 Column Style 3 14. 2 Column Style 4 15. Number count 16. 3 Columns (Style-1, Style-2) 17. 3 Columns (Style-3) 18. 3 Columns (Style 4) 19. 3 Columns (Style 5) 20. 3 Columns (Style 6) 21. 3 Columns (Style 7) 22. 3 Columns (Style 8 with icon style 1) 23. 3 Columns (Style 9) 24. 4 Columns (Style 1 with icon) 25. 4 Columns (Style 2) 26. 4 columns (style 3) 27. Title Style 1 28. Title Style 2 29. Title Style 3 *******************************************/ /*================== Slider Button ========================*/ .te_theme_button { padding: 0.5rem 1rem; } @media (max-width: 575.98px) { .te_theme_button { padding: 0.475rem 0.7rem; font-size: 0.875rem; } } /*================== 01. Slider Style 2 ========================*/ .te_t_slider_prod_img { max-height: 300px; } .te_s8_title { text-align: center; } .te_slider_s3_img img { max-height: 660px; } /*================== 02. Slider Style 3 ========================*/ @media (min-width: 768px) { .editor_enable .te_slider_10_bg { background-size: calc(100% - 250px); } } .te_slider_10_bg { background-size: 80%; background-position: left !important; } @media (max-width: 991.98px) { .te_slider_10_bg { background-size: 100%; } } .te_slider_10_bg .te_slider_text_content { margin-left: auto; background-color: #ffffff; width: 40%; -webkit-box-shadow: 0px 1px 20px 0 rgba(174, 174, 174, 0.2); -moz-box-shadow: 0px 1px 20px 0 rgba(174, 174, 174, 0.2); -ms-box-shadow: 0px 1px 20px 0 rgba(174, 174, 174, 0.2); -o-box-shadow: 0px 1px 20px 0 rgba(174, 174, 174, 0.2); box-shadow: 0px 1px 20px 0 rgba(174, 174, 174, 0.2); margin-right: 16px; padding: 30px; } @media (max-width: 991.98px) { .te_slider_10_bg .te_slider_text_content { margin: 0px; width: 100%; background-color: unset; box-shadow: none; } } .te_slider_10_bg .te_slider_text_content .te_slider_heading { font-size: 1rem; color: inherit; padding-bottom: 10px; } @media (max-width: 575.98px) { .te_slider_10_bg .te_slider_text_content .te_slider_heading { font-size: 0.75rem; } } .te_slider_10_bg .te_slider_text_content .te_slider_main_heading { font-size: 2.1875rem; padding-bottom: 20px; } @media (max-width: 1366px) and (min-width: 992px) { .te_slider_10_bg .te_slider_text_content .te_slider_main_heading { font-size: 1.510rem; } } @media (max-width: 991.98px) { .te_slider_10_bg .te_slider_text_content .te_slider_main_heading { font-size: 1.875rem; } } @media (max-width: 767.98px) { .te_slider_10_bg .te_slider_text_content .te_slider_main_heading { font-size: 1.375rem; } } @media (max-width: 575.98px) { .te_slider_10_bg .te_slider_text_content .te_slider_main_heading { font-size: 1rem; } } /*======================== 03. Full Screen Slider Style 1 ================================*/ @media (min-width: 768px) { .te_slider_full_screen_2 .container, .te_slider_full_screen_2 .o_container_small { width: 90% !important; } } @media (max-width: 575.98px) { .te_slider_full_screen_2 .oe_custom_bg { background-size: contain; padding: 20px 0 !important; } } @media (max-width: 575.98px) { .te_slider_full_screen_2 .te_t_slider_all_social_icon .te_t_slider_social_icon { padding: 8px; line-height: 0.5rem; width: auto; height: auto; } } /*================== 04. Full Screen Slider Style 2 ========================*/ .te_full_screen3 .banner_text_style2 { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } /*================== 05. Full Screen Slider Style 3 ========================*/ .te_slider_right_content { text-align: center; } .te_slider_right_content .te_sub_title { font-size: 1rem; color: inherit; font-family: inherit; line-height: 36px; letter-spacing: 3px; font-weight: 600; margin-bottom: 8px; /* For Safari*/ -webkit-animation-delay: 1.2s; -webkit-animation-duration: 1s; -webkit-animation-name: animateslideInDown; -webkit-animation-timing-function: ease-in; -webkit-animation-fill-mode: both; /*For Firefox*/ -moz-animation-delay: 1.2s; -moz-animation-duration: 1s; -moz-animation-name: animateslideInDown; -moz-animation-timing-function: ease-in; -moz-animation-fill-mode: both; /*Internet Explorer*/ -ms-animation-delay: 1.2s; -ms-animation-duration: 1s; -ms-animation-name: animateslideInDown; -ms-animation-timing-function: ease-in; -ms-animation-fill-mode: both; /*For Opera*/ -o-animation-delay: 1.2s; -o-animation-duration: 1s; -o-animation-name: animateslideInDown; -o-animation-timing-function: ease-in; -o-animation-fill-mode: both; /* Standard syntax */ animation-delay: 1.2s; animation-duration: 1s; animation-name: animateslideInDown; animation-timing-function: ease-in; animation-fill-mode: both; } .te_slider_right_content .te_main_title { font-size: 3.125rem; color: inherit; margin-bottom: 30px; font-weight: 600; margin-top: 10px; /* For Safari*/ -webkit-animation-delay: 1.5s; -webkit-animation-duration: 1.3s; -webkit-animation-name: fadeIn; -webkit-animation-timing-function: ease-in; -webkit-animation-fill-mode: both; /*For Firefox*/ -moz-animation-delay: 1.5s; -moz-animation-duration: 1.3s; -moz-animation-name: fadeIn; -moz-animation-timing-function: ease-in; -moz-animation-fill-mode: both; /*Internet Explorer*/ -ms-animation-delay: 1.5s; -ms-animation-duration: 1.3s; -ms-animation-name: fadeIn; -ms-animation-timing-function: ease-in; -ms-animation-fill-mode: both; /*For Opera*/ -o-animation-delay: 1.5s; -o-animation-duration: 1.3s; -o-animation-name: fadeIn; -o-animation-timing-function: ease-in; -o-animation-fill-mode: both; /* Standard syntax */ animation-delay: 1.5s; animation-duration: 1.3s; animation-name: fadeIn; animation-timing-function: ease-in; animation-fill-mode: both; } @media (max-width: 767.98px) { .te_slider_right_content .te_main_title { font-size: 2.1875rem; margin-bottom: 5px; } } @media (max-width: 575.98px) { .te_slider_right_content .te_main_title { margin-top: 0px; font-size: 1.875rem; } } .te_slider_right_content .te_slider_9_btn { margin-top: 16px; /* For Safari*/ -webkit-animation-delay: 1.2s; -webkit-animation-duration: 1s; -webkit-animation-name: animateslideInUp; -webkit-animation-timing-function: ease-in; -webkit-animation-fill-mode: both; /*For Firefox*/ -moz-animation-delay: 1.2s; -moz-animation-duration: 1s; -moz-animation-name: animateslideInUp; -moz-animation-timing-function: ease-in; -moz-animation-fill-mode: both; /*Internet Explorer*/ -ms-animation-delay: 1.2s; -ms-animation-duration: 1s; -ms-animation-name: animateslideInUp; -ms-animation-timing-function: ease-in; -ms-animation-fill-mode: both; /*For Opera*/ -o-animation-delay: 1.2s; -o-animation-duration: 1s; -o-animation-name: animateslideInUp; -o-animation-timing-function: ease-in; -o-animation-fill-mode: both; /* Standard syntax */ animation-delay: 1.2s; animation-duration: 1s; animation-name: animateslideInUp; animation-timing-function: ease-in; animation-fill-mode: both; } @media (max-width: 575.98px) { .te_slider_right_content .te_slider_9_btn { margin-top: 10px; } } .te_slider_left_content img { /* For Safari*/ -webkit-animation-delay: 1s; -webkit-animation-duration: 2s; -webkit-animation-name: animatezoomIn; -webkit-animation-timing-function: ease-in; -webkit-animation-fill-mode: both; /*For Firefox*/ -moz-animation-delay: 1s; -moz-animation-duration: 2s; -moz-animation-name: animatezoomIn; -moz-animation-timing-function: ease-in; -moz-animation-fill-mode: both; /*Internet Explorer*/ -ms-animation-delay: 1s; -ms-animation-duration: 2s; -ms-animation-name: animatezoomIn; -ms-animation-timing-function: ease-in; -ms-animation-fill-mode: both; /*For Opera*/ -o-animation-delay: 1s; -o-animation-duration: 2s; -o-animation-name: animatezoomIn; -o-animation-timing-function: ease-in; -o-animation-fill-mode: both; /* Standard syntax */ animation-delay: 1s; animation-duration: 2s; animation-name: animatezoomIn; animation-timing-function: ease-in; animation-fill-mode: both; max-height: 500px; } @media (min-width: 768px) { .te_slider_left_content img { float: right; } } @media (max-width: 767.98px) { .te_slider_left_content { text-align: center; margin-bottom: 15px; } } @keyframes animatezoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes animateslideInUp { from { -webkit-transform: translate3d(0, 50%, 0); transform: translate3d(0, 50%, 0); opacity: 0; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes animateslideInDown { from { -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); opacity: 0; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } /* Common Change For Indicators */ .s_carousel.s_carousel_default .carousel-indicators li { box-shadow: none; } /*======================= 06. Full Screen Slider Style 4 =================*/ .te_slider_10 { position: absolute; top: 50%; transform: translateY(-50%); } .te_slider_10 .te_slider_10_title { /* For Safari*/ -webkit-animation-delay: 1.8s; -webkit-animation-duration: 0s; -webkit-animation-name: textAnimation; -webkit-animation-fill-mode: both; /*For Firefox*/ -moz-animation-delay: 1.8s; -moz-animation-duration: 0s; -moz-animation-name: textAnimation; -moz-animation-fill-mode: both; /*Internet Explorer*/ -ms-animation-delay: 1.8s; -ms-animation-duration: 0s; -ms-animation-name: textAnimation; -ms-animation-fill-mode: both; /*For Opera*/ -o-animation-delay: 1.8s; -o-animation-duration: 0s; -o-animation-name: textAnimation; -o-animation-fill-mode: both; /* Standard syntax */ animation-delay: 1.8s; animation-duration: 0s; animation-name: textAnimation; animation-fill-mode: both; visibility: hidden; z-index: 9; } .te_slider_10 .s_title { display: inline-block; overflow: hidden; position: relative; } .te_slider_10 .s_title:before { content: ''; background-color: rgba(255, 255, 255, 0.5); position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 0; /* For Safari*/ -webkit-animation-delay: 0.5s; -webkit-animation-duration: 2.9s; -webkit-animation-name: bgLeft; /*For Firefox*/ -moz-animation-delay: 0.5s; -moz-animation-duration: 2.9s; -moz-animation-name: bgLeft; /*Internet Explorer*/ -ms-animation-delay: 0.5s; -ms-animation-duration: 2.9s; -ms-animation-name: bgLeft; /*For Opera*/ -o-animation-delay: 0.5s; -o-animation-duration: 2.9s; -o-animation-name: bgLeft; /* Standard syntax */ animation-delay: 0.5s; animation-duration: 2.9s; animation-name: bgLeft; z-index: 999; } .te_slider_10 .te_slider_10_content { display: inline-block; overflow: hidden; position: relative; } .te_slider_10 .te_slider_10_content p { font-size: 2.1875rem; line-height: unset; /* For Safari*/ -webkit-animation-delay: 1.8s; -webkit-animation-duration: 0s; -webkit-animation-name: textAnimation; -webkit-animation-fill-mode: both; /*For Firefox*/ -moz-animation-delay: 1.8s; -moz-animation-duration: 0s; -moz-animation-name: textAnimation; -moz-animation-fill-mode: both; /*Internet Explorer*/ -ms-animation-delay: 1.8s; -ms-animation-duration: 0s; -ms-animation-name: textAnimation; -ms-animation-fill-mode: both; /*For Opera*/ -o-animation-delay: 1.8s; -o-animation-duration: 0s; -o-animation-name: textAnimation; -o-animation-fill-mode: both; /* Standard syntax */ animation-delay: 1.8s; animation-duration: 0s; animation-name: textAnimation; animation-fill-mode: both; visibility: hidden; z-index: 9; } @media (max-width: 575.98px) { .te_slider_10 .te_slider_10_content p { font-size: 1.25rem; } } .te_slider_10 .te_slider_10_content:before { content: ''; background-color: rgba(255, 255, 255, 0.5); position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; opacity: 0; /* For Safari*/ -webkit-animation-delay: 0.5s; -webkit-animation-duration: 2.9s; -webkit-animation-name: bgRight; /*For Firefox*/ -moz-animation-delay: 0.5s; -moz-animation-duration: 2.9s; -moz-animation-name: bgRight; /*Internet Explorer*/ -ms-animation-delay: 0.5s; -ms-animation-duration: 2.9s; -ms-animation-name: bgRight; /*For Opera*/ -o-animation-delay: 0.5s; -o-animation-duration: 2.9s; -o-animation-name: bgRight; /* Standard syntax */ animation-delay: 0.5s; animation-duration: 2.9s; animation-name: bgRight; z-index: 999; } .te_slider_10 .te_theme_button { /* For Safari*/ -webkit-animation-delay: 1.8s; -webkit-animation-duration: 2.3s; -webkit-animation-name: fadeInUp; -webkit-animation-fill-mode: both; /*For Firefox*/ -moz-animation-delay: 1.8s; -moz-animation-duration: 2.3s; -moz-animation-name: fadeInUp; -moz-animation-fill-mode: both; /*Internet Explorer*/ -ms-animation-delay: 1.8s; -ms-animation-duration: 2.3s; -ms-animation-name: fadeInUp; -ms-animation-fill-mode: both; /*For Opera*/ -o-animation-delay: 1.8s; -o-animation-duration: 2.3s; -o-animation-name: fadeInUp; -o-animation-fill-mode: both; /* Standard syntax */ animation-delay: 1.8s; animation-duration: 2.3s; animation-name: fadeInUp; animation-fill-mode: both; } .te_s_slider_10 .oe_custom_bg { width: 100%; min-height: 100vh !important; vertical-align: middle; background-position: 100%; /* For Safari*/ -webkit-animation-delay: 0s; -webkit-animation-duration: 1.5s; -webkit-animation-name: fadeIn; -webkit-animation-fill-mode: both; /*For Firefox*/ -moz-animation-delay: 0s; -moz-animation-duration: 1.5s; -moz-animation-name: fadeIn; -moz-animation-fill-mode: both; /*Internet Explorer*/ -ms-animation-delay: 0s; -ms-animation-duration: 1.5s; -ms-animation-name: fadeIn; -ms-animation-fill-mode: both; /*For Opera*/ -o-animation-delay: 0s; -o-animation-duration: 1.5s; -o-animation-name: fadeIn; -o-animation-fill-mode: both; /* Standard syntax */ animation-delay: 0s; animation-duration: 1.5s; animation-name: fadeIn; animation-fill-mode: both; } .s_carousel_default.te_s_slider_10 .carousel-indicators li { border-radius: 50%; width: 1rem; height: 1rem; } @keyframes textAnimation { 0% { opacity: 0; visibility: hidden; } 25% { opacity: 0.5; visibility: hidden; } 50% { opacity: 1; visibility: visible; } 75% { opacity: 1; visibility: visible; } 100% { opacity: 1; visibility: visible; } } @keyframes bgLeft { 0% { opacity: 0; width: 0; transform: translate3d(-100%, 0, 0) translate3d(-1px, 0, 0); } 25% { opacity: 1; } 50% { opacity: 1; width: 100%; transform: translate3d(0, 0, 0) translate3d(0, 0, 0); } 75% { opacity: 1; } 100% { opacity: 0; width: 100%; transform: translate3d(100%, 0, 0) translate3d(1px, 0, 0); } } @keyframes bgRight { 0% { opacity: 0; width: 100%; transform: translate3d(100%, 0, 0) translate3d(1px, 0, 0); } 25% { opacity: 1; width: 100%; } 50% { opacity: 1; width: 100%; transform: translate3d(0, 0, 0) translate3d(0, 0, 0); } 75% { opacity: 1; } 100% { opacity: 0; width: 0%; transform: translate3d(-100%, 0, 0) translate3d(-1px, 0, 0); } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } /*======================== 07. Full Screen Slider Style 5 ===================*/ .te_slider13_sub_heading { opacity: 0; /* For Safari*/ -webkit-animation-delay: 0s; -webkit-animation-duration: 1.5s; -webkit-animation-name: scale_rotate; -webkit-animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; -webkit-animation-fill-mode: both; /*For Firefox*/ -moz-animation-delay: 0s; -moz-animation-duration: 1.5s; -moz-animation-name: scale_rotate; -moz-animation-timing-function: ease-in-out; -moz-animation-iteration-count: 1; -moz-animation-fill-mode: both; /*Internet Explorer*/ -ms-animation-delay: 0s; -ms-animation-duration: 1.5s; -ms-animation-name: scale_rotate; -ms-animation-timing-function: ease-in-out; -ms-animation-iteration-count: 1; -ms-animation-fill-mode: both; /*For Opera*/ -o-animation-delay: 0s; -o-animation-duration: 1.5s; -o-animation-name: scale_rotate; -o-animation-timing-function: ease-in-out; -o-animation-iteration-count: 1; -o-animation-fill-mode: both; /* Standard syntax */ animation-delay: 0s; animation-duration: 1.5s; animation-name: scale_rotate; animation-timing-function: ease-in-out; animation-iteration-count: 1; animation-fill-mode: both; } .te_slider13_heading { font-weight: bold; opacity: 0; /* For Safari*/ -webkit-animation-delay: 0s; -webkit-animation-duration: 2s; -webkit-animation-name: scale_rotate; -webkit-animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; -webkit-animation-fill-mode: both; /*For Firefox*/ -moz-animation-delay: 0s; -moz-animation-duration: 2s; -moz-animation-name: scale_rotate; -moz-animation-timing-function: ease-in-out; -moz-animation-iteration-count: 1; -moz-animation-fill-mode: both; /*Internet Explorer*/ -ms-animation-delay: 0s; -ms-animation-duration: 2s; -ms-animation-name: scale_rotate; -ms-animation-timing-function: ease-in-out; -ms-animation-iteration-count: 1; -ms-animation-fill-mode: both; /*For Opera*/ -o-animation-delay: 0s; -o-animation-duration: 2s; -o-animation-name: scale_rotate; -o-animation-timing-function: ease-in-out; -o-animation-iteration-count: 1; -o-animation-fill-mode: both; /* Standard syntax */ animation-delay: 0s; animation-duration: 2s; animation-name: scale_rotate; animation-timing-function: ease-in-out; animation-iteration-count: 1; animation-fill-mode: both; } .te_slider13_text { opacity: 0; /* For Safari*/ -webkit-animation-delay: 0.5s; -webkit-animation-duration: 1.5s; -webkit-animation-name: scale_rotate_text; -webkit-animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; -webkit-animation-fill-mode: both; /*For Firefox*/ -moz-animation-delay: 0.5s; -moz-animation-duration: 1.5s; -moz-animation-name: scale_rotate_text; -moz-animation-timing-function: ease-in-out; -moz-animation-iteration-count: 1; -moz-animation-fill-mode: both; /*Internet Explorer*/ -ms-animation-delay: 0.5s; -ms-animation-duration: 1.5s; -ms-animation-name: scale_rotate_text; -ms-animation-timing-function: ease-in-out; -ms-animation-iteration-count: 1; -ms-animation-fill-mode: both; /*For Opera*/ -o-animation-delay: 0.5s; -o-animation-duration: 1.5s; -o-animation-name: scale_rotate_text; -o-animation-timing-function: ease-in-out; -o-animation-iteration-count: 1; -o-animation-fill-mode: both; /* Standard syntax */ animation-delay: 0.5s; animation-duration: 1.5s; animation-name: scale_rotate_text; animation-timing-function: ease-in-out; animation-iteration-count: 1; animation-fill-mode: both; } .te_slider13_button { opacity: 0; /* For Safari*/ -webkit-animation-delay: 0.75s; -webkit-animation-duration: 1.5s; -webkit-animation-name: rotate_btn; -webkit-animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; -webkit-animation-fill-mode: both; /*For Firefox*/ -moz-animation-delay: 0.75s; -moz-animation-duration: 1.5s; -moz-animation-name: rotate_btn; -moz-animation-timing-function: ease-in-out; -moz-animation-iteration-count: 1; -moz-animation-fill-mode: both; /*Internet Explorer*/ -ms-animation-delay: 0.75s; -ms-animation-duration: 1.5s; -ms-animation-name: rotate_btn; -ms-animation-timing-function: ease-in-out; -ms-animation-iteration-count: 1; -ms-animation-fill-mode: both; /*For Opera*/ -o-animation-delay: 0.75s; -o-animation-duration: 1.5s; -o-animation-name: rotate_btn; -o-animation-timing-function: ease-in-out; -o-animation-iteration-count: 1; -o-animation-fill-mode: both; /* Standard syntax */ animation-delay: 0.75s; animation-duration: 1.5s; animation-name: rotate_btn; animation-timing-function: ease-in-out; animation-iteration-count: 1; animation-fill-mode: both; } .te_slider13_img { /* For Safari*/ -webkit-animation-delay: 0s; -webkit-animation-duration: 3s; -webkit-animation-name: fade; -webkit-animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; -webkit-animation-fill-mode: both; /*For Firefox*/ -moz-animation-delay: 0s; -moz-animation-duration: 3s; -moz-animation-name: fade; -moz-animation-timing-function: ease-in-out; -moz-animation-iteration-count: 1; -moz-animation-fill-mode: both; /*Internet Explorer*/ -ms-animation-delay: 0s; -ms-animation-duration: 3s; -ms-animation-name: fade; -ms-animation-timing-function: ease-in-out; -ms-animation-iteration-count: 1; -ms-animation-fill-mode: both; /*For Opera*/ -o-animation-delay: 0s; -o-animation-duration: 3s; -o-animation-name: fade; -o-animation-timing-function: ease-in-out; -o-animation-iteration-count: 1; -o-animation-fill-mode: both; /* Standard syntax */ animation-delay: 0s; animation-duration: 3s; animation-name: fade; animation-timing-function: ease-in-out; animation-iteration-count: 1; animation-fill-mode: both; } .te_slider13_img img { max-height: 500px; } @media (max-width: 991.98px) { .te_slider13_content { text-align: center; } } @keyframes scale_rotate { from { opacity: 0; transform: scale(3); } to { opacity: 1; transform: scale(1); } } @keyframes scale_rotate_text { from { opacity: 0; transform: scale(0); } to { opacity: 1; transform: scale(1); } } @keyframes rotate_btn { from { opacity: 0; transform: rotate(90deg); } to { opacity: 1; transform: rotate(0deg); } } .te_slider_13_main .te_slider_13_sub { width: 100%; min-height: 100vh !important; vertical-align: middle; background-position: 100%; } .o_editable .banner_video { pointer-events: none; } /*======================== 08. Full Screen Slider Style 6 ====================*/ .te_s14_img { transform: scale(1.1); } .te_s14_img img { max-height: 800px; margin-left: 9%; } @media (max-width: 767.98px) { .te_s14_img img { max-height: 450px; margin: 0px auto; } } @media (max-width: 575.98px) { .te_s14_img img { max-height: 350px; } } @media (max-width: 767.98px) { .slider_14_content { margin: 0px auto; } .slider_14_content .s_btn { padding-bottom: 32px; } } .slider_14_content .te_s14_small_heading:after { width: 90px; height: 2px; background: #35979c; margin-left: 15px; content: ''; display: inline-block; vertical-align: middle; } @media (max-width: 575.98px) { .slider_14_content .te_s14_small_heading:after { width: 60px; } } @media (max-width: 575.98px) { .slider_14_content .te_s14_small_heading:after { content: unset; } } .slider_14_content div { font-size: 3rem; text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.68); } @media (max-width: 767.98px) { .slider_14_content div { font-size: 2rem; } } @media (max-width: 575.98px) { .slider_14_content div { font-size: 1.2rem; } } .te_s14_banner_bg { padding: 8% 0 5% 0; } @media (max-width: 991.98px) { .te_s14_banner_bg { padding: 15% 0 7% 0; } } @media (max-width: 767.98px) { .te_s14_banner_bg { padding: 20% 0 12% 0; } } @media (max-width: 575.98px) { .te_s14_banner_bg { padding: 25% 0 15% 0; } } .te_s14_banner_bg .container, .te_s14_banner_bg .o_container_small { max-width: 1600px; } /*===================== 09. Banner with slider =====================*/ .te_banner_slider .te_banner_heading_small { font-size: 1.375rem; font-weight: 600; } @media (max-width: 575.98px) { .te_banner_slider .te_banner_heading_small { font-size: 1rem; } } .te_banner_slider .te_banner_heading_big { font-size: 3.125rem; } @media (max-width: 575.98px) { .te_banner_slider .te_banner_heading_big { font-size: 2.5rem; } } @media (min-width: 500px) { .te_banner_slider .te_banner_heading_big { font-size: 1.44rem; } } .te_banner_slider .te_banner_content { font-size: 1rem; } @media (max-width: 575.98px) { .te_banner_slider .te_banner_content { font-size: 0.875rem; display: none; } } .te_banner_slider .te_banner_slider_info { text-align: center; } .te_banner_slider .te_banner_slider_content { position: relative; } .te_banner_slider .te_banner_slider_content .owl-nav { position: absolute; bottom: 0; } .te_banner_slider .te_banner_slider_content .owl-nav .owl-prev, .te_banner_slider .te_banner_slider_content .owl-carousel.dynamic-owl-carousel .owl-nav button.owl-next, .owl-carousel.dynamic-owl-carousel .te_banner_slider .te_banner_slider_content .owl-nav button.owl-next, .te_banner_slider .te_banner_slider_content .owl-nav .owl-next { background: #555; color: #ffffff; width: 30px; } .te_banner_slider .te_banner_slider_content .owl-nav .owl-prev .fa, .te_banner_slider .te_banner_slider_content .owl-nav .owl-next .fa { font-size: 2.1875rem; font-weight: 600; } /*================= 10. Carousel ========================*/ .carousel_heading { color: #ffffff; font-family: inherit; line-height: normal; letter-spacing: 0px; word-spacing: 0px; } .carousel_content { font-size: 1.125rem; } @media (max-width: 575.98px) { .carousel_content { font-size: 0.875rem; } } .te_ts_style_7_inner .oe_custom_bg { height: 65vh !important; width: 100%; min-height: 100vh !important; vertical-align: middle; background-position: 100%; } @media (min-width: 1600px) { .te_ts_style_7_inner .oe_custom_bg { height: 100vh !important; } } @media (max-width: 767.98px) { .te_ts_style_7_inner .oe_custom_bg { height: 50vh !important; } } @media (max-width: 575.98px) { .te_ts_style_7_inner .oe_custom_bg { height: 40vh !important; background-position: center !important; } } @media (max-width: 575.98px) { .te_ts_style_7_inner .oe_custom_bg { height: 20vh !important; } } .te_ts_style_7_inner .te_t_slider_sm_content { position: absolute; top: 25%; transform: translateY(-50%); } @media (max-width: 575.98px) { .te_ts_style_7_inner .te_t_slider_sm_content { width: 90%; margin: 0px auto; top: 18%; } } @media (max-width: 767.98px) { .te_ts_style_7_inner .te_t_slider_sm_content .s_btn { padding-top: 0 !important; } } @media (max-width: 575.98px) { .te_ts_style_7_inner .te_t_slider_sm_content .s_btn { margin-top: 15px !important; } } .te_ts_style_7_inner .oe_img_bg > * { position: unset; } /*========================== 11. 2 Column Style 1 ======================*/ .te_2_col_s2_section { position: absolute; top: 50%; transform: translateY(-50%); padding: 70px; /* For Safari*/ -webkit-transition-property: all; -webkit-transition-duration: 0.5s; -webkit-transition-timing-function: ease; /*For Firefox*/ -moz-transition-property: all; -moz-transition-duration: 0.5s; -moz-transition-timing-function: ease; /*Internet Explorer*/ -ms-transition-property: all; -ms-transition-duration: 0.5s; -ms-transition-timing-function: ease; /*For Opera*/ -o-transition-property: all; -o-transition-duration: 0.5s; -o-transition-timing-function: ease; /* Standard syntax */ transition-property: all; transition-duration: 0.5s; transition-timing-function: ease; z-index: 1; } .te_2col_s2_img img { max-height: 425px; } /*========================== 12. 2 columns style 2 ==========================*/ .te_2_col_style_4 > section:first-child { /* For Safari*/ -webkit-animation-delay: 0s; -webkit-animation-duration: 0.7s; -webkit-animation-name: fadeInLeft; -webkit-animation-timing-function: ease-in; -webkit-animation-fill-mode: both; /*For Firefox*/ -moz-animation-delay: 0s; -moz-animation-duration: 0.7s; -moz-animation-name: fadeInLeft; -moz-animation-timing-function: ease-in; -moz-animation-fill-mode: both; /*Internet Explorer*/ -ms-animation-delay: 0s; -ms-animation-duration: 0.7s; -ms-animation-name: fadeInLeft; -ms-animation-timing-function: ease-in; -ms-animation-fill-mode: both; /*For Opera*/ -o-animation-delay: 0s; -o-animation-duration: 0.7s; -o-animation-name: fadeInLeft; -o-animation-timing-function: ease-in; -o-animation-fill-mode: both; /* Standard syntax */ animation-delay: 0s; animation-duration: 0.7s; animation-name: fadeInLeft; animation-timing-function: ease-in; animation-fill-mode: both; } @media (max-width: 575.98px) { .te_2_col_style_4 > section:first-child { display: -webkit-box; display: -webkit-flex; display: flex; padding: 0; margin-bottom: 20px; align-items: center !important; animation: unset; } } .te_2_col_style_4 .te_s_4_img img { max-height: 515px; } @media (max-width: 575.98px) { .te_2_col_style_4 .te_s_4_img { max-width: 50%; flex: 0 0 50%; padding: 0 15px; } .te_2_col_style_4 .te_s_4_img img { max-height: 211px; } } .te_2_col_style_4 .te_main_content { position: absolute; top: 35%; right: auto; bottom: auto; left: 15%; padding: 0 20px; width: 250px; } @media (max-width: 575.98px) { .te_2_col_style_4 .te_main_content { max-width: 50%; flex: 0 0 50%; padding: 0 15px; position: relative; top: 0; right: auto; bottom: auto; left: 0; } } .te_2_col_style_4 .te_main_content .te_extra_btn, .te_2_col_style_4 .te_main_content .te_extra_btn a, .te_2_col_style_4 .te_main_content h4, .te_2_col_style_4 .te_main_content .h4, .te_2_col_style_4 .te_main_content p { color: #ffffff; } @media (max-width: 575.98px) { .te_2_col_style_4 .te_main_content .te_extra_btn, .te_2_col_style_4 .te_main_content .te_extra_btn a, .te_2_col_style_4 .te_main_content h4, .te_2_col_style_4 .te_main_content .h4, .te_2_col_style_4 .te_main_content p { color: #000000; } } .te_2_col_style_4 .te_img_txt { margin-bottom: 30px; } @media (max-width: 991.98px) { .te_2_col_style_4 .te_img_txt { margin-bottom: 20px; } } .te_2_col_style_4 .te_img_txt:first-child { /* For Safari*/ -webkit-animation-delay: 0s; -webkit-animation-duration: 0.7s; -webkit-animation-name: animateslideInDown; -webkit-animation-timing-function: ease-in; -webkit-animation-fill-mode: both; /*For Firefox*/ -moz-animation-delay: 0s; -moz-animation-duration: 0.7s; -moz-animation-name: animateslideInDown; -moz-animation-timing-function: ease-in; -moz-animation-fill-mode: both; /*Internet Explorer*/ -ms-animation-delay: 0s; -ms-animation-duration: 0.7s; -ms-animation-name: animateslideInDown; -ms-animation-timing-function: ease-in; -ms-animation-fill-mode: both; /*For Opera*/ -o-animation-delay: 0s; -o-animation-duration: 0.7s; -o-animation-name: animateslideInDown; -o-animation-timing-function: ease-in; -o-animation-fill-mode: both; /* Standard syntax */ animation-delay: 0s; animation-duration: 0.7s; animation-name: animateslideInDown; animation-timing-function: ease-in; animation-fill-mode: both; } .te_2_col_style_4 .te_img_txt:last-child { margin-bottom: 0; /* For Safari*/ -webkit-animation-delay: 0s; -webkit-animation-duration: 0.7s; -webkit-animation-name: animateslideInUp; -webkit-animation-timing-function: ease-in; -webkit-animation-fill-mode: both; /*For Firefox*/ -moz-animation-delay: 0s; -moz-animation-duration: 0.7s; -moz-animation-name: animateslideInUp; -moz-animation-timing-function: ease-in; -moz-animation-fill-mode: both; /*Internet Explorer*/ -ms-animation-delay: 0s; -ms-animation-duration: 0.7s; -ms-animation-name: animateslideInUp; -ms-animation-timing-function: ease-in; -ms-animation-fill-mode: both; /*For Opera*/ -o-animation-delay: 0s; -o-animation-duration: 0.7s; -o-animation-name: animateslideInUp; -o-animation-timing-function: ease-in; -o-animation-fill-mode: both; /* Standard syntax */ animation-delay: 0s; animation-duration: 0.7s; animation-name: animateslideInUp; animation-timing-function: ease-in; animation-fill-mode: both; } .te_2_col_style_4 .te_img_txt img { max-height: 242px; } @media (max-width: 991.98px) { .te_2_col_style_4 .te_img_txt img { max-height: 220px; } } @media (max-width: 575.98px) { .te_2_col_style_4 .te_img_txt { animation: unset !important; } } .te_2_col_style_4 h4, .te_2_col_style_4 .h4 { margin-bottom: 16px; font-weight: 600; } .te_2_col_style_4 p { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.5; margin-bottom: 16px; } .te_2_col_style_4 .te_extra_btn { font-size: 0.75rem; color: #575757; font-family: inherit; text-transform: uppercase; } .te_2_col_style_4 .te_extra_btn i { margin-right: 5px; font-size: 0.625rem; } .te_2_col_style_4 .te_extra_btn a { color: #575757; } @keyframes fadeInLeft { from { opacity: 0; transform: translate3d(-100%, 0, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } } /*========================== 13. 2 columns style 3 ==========================*/ @media (max-width: 575.98px) { .te_2_col_style_5 > section:first-child { display: -webkit-box; display: -webkit-flex; display: flex; padding: 0; margin-bottom: 20px; align-items: center !important; } } .te_2_col_style_5 .te_s_5_img img { max-height: 680px; } @media (max-width: 575.98px) { .te_2_col_style_5 .te_s_5_img { flex: 0 0 58.33%; max-width: 58.33%; padding: 0 15px; } .te_2_col_style_5 .te_s_5_img img { max-height: 280px; } } .te_2_col_style_5 .te_main_content { position: absolute; top: 10%; right: 10%; bottom: auto; left: 10%; padding: 0 20px; text-align: center; } @media (max-width: 575.98px) { .te_2_col_style_5 .te_main_content { flex: 0 0 41.67%; max-width: 41.67%; padding: 0 15px; position: relative; top: 0; right: auto; bottom: auto; left: 0; text-align: left; } } .te_2_col_style_5 .te_main_content .te_extra_btn, .te_2_col_style_5 .te_main_content .te_extra_btn a, .te_2_col_style_5 .te_main_content h4, .te_2_col_style_5 .te_main_content .h4, .te_2_col_style_5 .te_main_content p { color: #ffffff; } @media (max-width: 575.98px) { .te_2_col_style_5 .te_main_content .te_extra_btn, .te_2_col_style_5 .te_main_content .te_extra_btn a, .te_2_col_style_5 .te_main_content h4, .te_2_col_style_5 .te_main_content .h4, .te_2_col_style_5 .te_main_content p { color: #000000; } } .te_2_col_style_5 .te_img_txt { margin-bottom: 25px; } .te_2_col_style_5 .te_img_txt img { max-height: 210px; } @media (max-width: 575.98px) { .te_2_col_style_5 .te_img_txt { margin-bottom: 20px; } .te_2_col_style_5 .te_img_txt img { max-height: 150px; } } .te_2_col_style_5 .te_img_txt:last-child { margin-bottom: 0; } .te_2_col_style_5 h4, .te_2_col_style_5 .h4 { margin-bottom: 16px; font-weight: 600; } .te_2_col_style_5 p { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.5; margin-bottom: 16px; } .te_2_col_style_5 .te_extra_btn { font-size: 0.75rem; color: #575757; font-family: inherit; text-transform: uppercase; } .te_2_col_style_5 .te_extra_btn i { margin-right: 5px; font-size: 0.625rem; } .te_2_col_style_5 .te_extra_btn a { color: #575757; } /*===================== 14. 2 Column Style 4 =====================*/ .te_2_col_s6 { padding: 25px 0; border-bottom: 1px dashed #cccccc; position: relative; margin: 0 15px; } .te_2_col_s6:last-child { border: 0; } @media (max-width: 767.98px) { .te_2_col_s6:last-child { border-bottom: 1px dashed #cccccc; } } .te_2_col_s6 .te_offer_s6_name { color: #000000; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: inline-block; width: 75%; margin: 0; } .te_2_col_s6 p { display: inline-block; width: 80%; color: #777; } .te_2_col_s6 .te_offer_s6_price { font-weight: 600; font-size: 1.375rem; color: #35979c; float: right; } @media (max-width: 575.98px) { .te_2_col_s6 .te_offer_s6_price { font-size: 1.25rem; } } .te_2_col_s6 .label_inner_div { padding: 0; position: absolute; top: 33px; right: 0; background: rgba(165, 128, 109, 0.7); z-index: 1; } @media (max-width: 575.98px) { .te_2_col_s6 .label_inner_div { top: 29px; } } .te_2_col_s6 .label_inner_div .te_offer_label_name { font-size: 0.75rem; padding: 2px 8px !important; color: #ffffff; } .te_2_col_s6 .label_inner_div .te_offer_label_name .fa { margin-right: 5px; font-size: 0.625rem; } .te_2_col_main_heading_s6 { text-align: center; font-size: 2.5rem; padding-bottom: 10px; } @media (max-width: 575.98px) { .te_2_col_main_heading_s6 { font-size: 2rem; } } .te_2_col_sub_heading_s6 { text-align: center; font-size: 1.5rem; padding-bottom: 5%; color: #777; } @media (max-width: 575.98px) { .te_2_col_sub_heading_s6 { font-size: 1rem; } } /*===================== 15. Numbers Count ===================*/ .te_numbers { padding: 100px 0; } .te_numbers #te_counter { margin: 0px auto; display: inline-block; text-align: center; } @media (max-width: 991.98px) { .te_numbers #te_counter { padding-bottom: 15px; } } .te_numbers #te_counter .te_count_value { font-size: 2.5rem; line-height: 100px; } .te_numbers #te_counter p { font-size: 1.3rem; } /*==================== 15. 3 Blocks ==================*/ .te_max_width_3_blocks { width: 100%; max-width: auto; } @media (max-width: 575.98px) { .te_max_width_3_blocks .col-md-4 { margin-bottom: 10px; } } .te_max_width_3_blocks .te_three_blocks_icon { position: absolute; top: 5px; right: auto; bottom: auto; left: 50%; } .te_max_width_3_blocks .te_icon_styling { color: #35979c; /*(for v13)*/ } .te_max_width_3_blocks .te_span_icon_block { width: 80px; height: 80px; -webkit-box-shadow: 0 0 0 5px #f5f5f5; -moz-box-shadow: 0 0 0 5px #f5f5f5; -ms-box-shadow: 0 0 0 5px #f5f5f5; -o-box-shadow: 0 0 0 5px #f5f5f5; box-shadow: 0 0 0 5px #f5f5f5; line-height: 80px; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .te_max_width_3_blocks .card { border: 0; height: 100%; } /*================ 16. 3 Columns (Style-1) =======================*/ .te_three_columns_heading { font-size: 1.125rem; color: inherit; font-weight: bold; } @media (max-width: 767.98px) { .te_three_columns_heading { font-size: 0.9375rem; } } .te_3_column_left_heading { text-align: left; border: 0; } .te_3_column_left_heading img { max-height: 500px; } .te_3_column_center_heading { text-align: center; border: 0; } .te_three_columns_para { font-size: 0.875rem; color: inherit; font-family: inherit; } .te_feature_image { display: block; margin: 0px auto; width: auto; max-width: 100%; } /*=================== 3 Columns Comman (Icon Style) ================*/ .te_sub_text { font-size: 0.8125rem; color: inherit; } @media (min-width: 768px) { .s_three_columns .container, .s_three_columns .o_container_small { width: 90% !important; } } /*==================== 17. 3 Columns (Style 3) =====================*/ .te_t3_col_bg_div:hover .te_title_text { bottom: 10px; } @media (max-width: 575.98px) { .te_t3_col_bg_div { margin-bottom: 10px; } } .te_bgimage { background-size: cover; opacity: 0.9; height: 100vh !important; max-height: 500px; background-position: center; } .te_bgimage .te_title_text { position: absolute; right: 4px; bottom: 0px; left: 4px; padding: 30px; background-color: rgba(234, 234, 234, 0.7); /* For Safari*/ -webkit-transition-property: bottom; -webkit-transition-duration: 0.5s; -webkit-transition-timing-function: ease; /*For Firefox*/ -moz-transition-property: bottom; -moz-transition-duration: 0.5s; -moz-transition-timing-function: ease; /*Internet Explorer*/ -ms-transition-property: bottom; -ms-transition-duration: 0.5s; -ms-transition-timing-function: ease; /*For Opera*/ -o-transition-property: bottom; -o-transition-duration: 0.5s; -o-transition-timing-function: ease; /* Standard syntax */ transition-property: bottom; transition-duration: 0.5s; transition-timing-function: ease; } /*=============== 18. 3 Columns (Style 4) =======================*/ .te_col_ind:hover .te_image_overflow img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } @media (max-width: 575.98px) { .te_col_ind { margin-bottom: 16px; } } .te_col_ind .te_image_overflow { overflow: hidden; position: relative; } .te_col_ind .te_image_overflow img { /* For Safari*/ -webkit-transition-property: all; -webkit-transition-duration: 0.4s; -webkit-transition-timing-function: ease-out; /*For Firefox*/ -moz-transition-property: all; -moz-transition-duration: 0.4s; -moz-transition-timing-function: ease-out; /*Internet Explorer*/ -ms-transition-property: all; -ms-transition-duration: 0.4s; -ms-transition-timing-function: ease-out; /*For Opera*/ -o-transition-property: all; -o-transition-duration: 0.4s; -o-transition-timing-function: ease-out; /* Standard syntax */ transition-property: all; transition-duration: 0.4s; transition-timing-function: ease-out; } .te_col_ind .te_center_position { position: relative; padding-top: 0px; min-height: 65px; } .te_col_ind img { max-height: 424px; } .te_col_ind .te_button_position { position: absolute; bottom: 0; left: 5%; background-color: #35979c; padding: 5%; width: 90%; } .te_col_ind .te_button_position h6 .te_fix_content_h3, .te_col_ind .te_button_position .h6 .te_fix_content_h3 { font-weight: bold; color: #ffffff; } .te_col_ind .te_button_position span { font-size: 0.8125rem; color: #ffffff; display: block; padding: 0.5rem 0; } @media (max-width: 575.98px) { .te_col_ind .te_button_position { width: 70%; left: 15%; } } @media (max-width: 575.98px) { .te_col_ind .te_button_position { width: 90%; left: 5%; } } /*=============== 19. 3 Columns (Style 5) =======================*/ .te_emp_img { border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; } /*================ 20. 3 Columns (Style 6) ======================*/ @media (max-width: 991.98px) { .te_3_column_style_8 { padding-bottom: 56px !important; } } @media (max-width: 767.98px) { .te_3_column_style_8 { padding-bottom: 32px !important; } } @media (max-width: 575.98px) { .te_3_column_style_8 { padding-top: 0px !important; padding-bottom: 0px !important; } } .te_3_column_style_8 .te_3_col_section:nth-child(2) .te_3_col_block { margin-bottom: 1rem !important; } @media (max-width: 575.98px) { .te_3_column_style_8 .te_3_col_section:nth-child(2) .te_3_col_block { margin-bottom: 0.5rem !important; } } .te_3_col_section .te_3_col_img { overflow: hidden; position: relative; } @media (max-width: 575.98px) { .te_3_col_section .te_3_col_img { margin-bottom: 0rem !important; } } .te_3_col_section .te_3_col_img img { /* For Safari*/ -webkit-transition-property: all; -webkit-transition-duration: 0.4s; -webkit-transition-timing-function: ease-out; /*For Firefox*/ -moz-transition-property: all; -moz-transition-duration: 0.4s; -moz-transition-timing-function: ease-out; /*Internet Explorer*/ -ms-transition-property: all; -ms-transition-duration: 0.4s; -ms-transition-timing-function: ease-out; /*For Opera*/ -o-transition-property: all; -o-transition-duration: 0.4s; -o-transition-timing-function: ease-out; /* Standard syntax */ transition-property: all; transition-duration: 0.4s; transition-timing-function: ease-out; max-height: 424px; } .te_3_col_section .te_3_col_block .te_3_col_content { background-color: #35979c; /* For Safari*/ -webkit-transition-property: all; -webkit-transition-duration: 0.4s; -webkit-transition-timing-function: ease-out; /*For Firefox*/ -moz-transition-property: all; -moz-transition-duration: 0.4s; -moz-transition-timing-function: ease-out; /*Internet Explorer*/ -ms-transition-property: all; -ms-transition-duration: 0.4s; -ms-transition-timing-function: ease-out; /*For Opera*/ -o-transition-property: all; -o-transition-duration: 0.4s; -o-transition-timing-function: ease-out; /* Standard syntax */ transition-property: all; transition-duration: 0.4s; transition-timing-function: ease-out; border-width: 2px; border-color: #35979c; border-style: solid; } .te_3_col_section .te_3_col_block .te_3_col_content span { font-size: 0.8125rem; color: #ffffff; display: block; padding: 0.5rem 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; max-width: 90%; margin: 0px auto; } .te_3_col_section .te_3_col_block .te_3_col_content:hover { background-color: transparent; } .te_3_col_section .te_3_col_block .te_3_col_content:hover span, .te_3_col_section .te_3_col_block .te_3_col_content:hover .te_fix_content_h3 { color: #000000; } .te_3_col_section .te_3_col_block .te_3_col_content .te_fix_content_h3 { font-weight: 600; color: #ffffff; } .te_3_col_section .te_3_col_block .te_3_col_content .te_fix_content_h3:hover { color: #35979c; } .te_3_col_section:hover .te_3_col_img img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } @media (max-width: 575.98px) { .te_3_col_section { padding-bottom: 25px; text-align: center; } } /*========================== 21. 3 Column Style 7 ======================*/ .column_style_11_cards { position: relative; } .te_3_s11_content { position: absolute; top: 50%; right: 18%; left: 18%; transform: translateY(-50%); padding: 40px; /* For Safari*/ -webkit-transition-property: all; -webkit-transition-duration: 0.5s; -webkit-transition-timing-function: ease; /*For Firefox*/ -moz-transition-property: all; -moz-transition-duration: 0.5s; -moz-transition-timing-function: ease; /*Internet Explorer*/ -ms-transition-property: all; -ms-transition-duration: 0.5s; -ms-transition-timing-function: ease; /*For Opera*/ -o-transition-property: all; -o-transition-duration: 0.5s; -o-transition-timing-function: ease; /* Standard syntax */ transition-property: all; transition-duration: 0.5s; transition-timing-function: ease; } @media (max-width: 767.98px) { .te_3_s11_content { left: 50%; transform: translate(-50%, -50%); padding: 0; right: unset; } } .te_3_s11_content:before, .te_3_s11_content:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ''; transition: opacity 0.35s, transform 0.35s; opacity: 0; z-index: -1; } .te_3_s11_content:before { border-top: 2px solid #000000; border-bottom: 2px solid #000000; -webkit-transform: scale(0, 1); -moz-transform: scale(0, 1); -ms-transform: scale(0, 1); -o-transform: scale(0, 1); transform: scale(0, 1); } .te_3_s11_content:after { border-right: 2px solid #000000; border-left: 2px solid #000000; -webkit-transform: scale(1, 0); -moz-transform: scale(1, 0); -ms-transform: scale(1, 0); -o-transform: scale(1, 0); transform: scale(1, 0); } .te_3_s11_content a { border-bottom: 1px solid #000000; padding-bottom: 5px; color: #000000; } .te_3_s11_image:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ''; background: rgba(255, 255, 255, 0.7); opacity: 0; } @media (min-width: 992px) { .te_3_s11_image:hover .te_3_s11_content:before, .te_3_s11_image:hover .te_3_s11_content:after { opacity: 1; transform: scale(1); } .te_3_s11_image:hover:before { opacity: 1; } } .te_3_s11_image img { max-height: 290px; } .o_editable .te_3_s11_image:before { content: unset; } .o_editable .te_offer_s3_img .te_offer_s3_img_before { z-index: 1; left: -35px; } .o_editable .te_offer_s2_img .te_offer_s2_img_before { z-index: 0; left: -100px; top: -70px; } /*================= 22. 3 Columns (Style 8 with icon style 1) ========================*/ .te_menu_flip_box .te_icon_1 { display: inline-block; text-align: center; } @media (min-width: 992px) { .te_menu_flip_box .te_icon_1 { vertical-align: middle; } } @media (max-width: 991.98px) { .te_menu_flip_box .te_icon_1 { display: block; } } .te_menu_flip_box .te_icon_1_before { position: relative; } .te_menu_flip_box .te_icon_1_before .te_dashed_border { height: 70px; width: 70px; border-width: 1px; border-color: #35979c; border-style: dashed; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; line-height: 70px; /* For Safari*/ -webkit-transition-property: all; -webkit-transition-duration: 0.5s; -webkit-transition-timing-function: ease; /*For Firefox*/ -moz-transition-property: all; -moz-transition-duration: 0.5s; -moz-transition-timing-function: ease; /*Internet Explorer*/ -ms-transition-property: all; -ms-transition-duration: 0.5s; -ms-transition-timing-function: ease; /*For Opera*/ -o-transition-property: all; -o-transition-duration: 0.5s; -o-transition-timing-function: ease; /* Standard syntax */ transition-property: all; transition-duration: 0.5s; transition-timing-function: ease; color: #35979c; } .te_menu_flip_box .te_icon_1_before:before { content: ''; height: 10px; width: 10px; background-color: #35979c; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; opacity: 0; /* For Safari*/ -webkit-transition-property: all; -webkit-transition-duration: 0.5s; -webkit-transition-timing-function: ease; /*For Firefox*/ -moz-transition-property: all; -moz-transition-duration: 0.5s; -moz-transition-timing-function: ease; /*Internet Explorer*/ -ms-transition-property: all; -ms-transition-duration: 0.5s; -ms-transition-timing-function: ease; /*For Opera*/ -o-transition-property: all; -o-transition-duration: 0.5s; -o-transition-timing-function: ease; /* Standard syntax */ transition-property: all; transition-duration: 0.5s; transition-timing-function: ease; z-index: -1; } .te_menu_flip_box:hover .te_dashed_border { color: #ffffff; } .te_menu_flip_box:hover .te_icon_1_before:before { opacity: 1; height: 50px; width: 50px; } .te_title_tex { text-align: left; padding-top: 10px; padding-left: 10px; display: inline-block; } @media (min-width: 992px) { .te_title_tex { width: 70%; vertical-align: middle; } } @media (max-width: 991.98px) { .te_title_tex { display: block; text-align: center; padding-top: 15px; } } .te_title_tex .te_icon_title_1 { font-size: 0.875rem; font-weight: 600; } .te_title_tex .te_icon_title_1:hover { color: #35979c; } /*================== 23. 3 Columns Style 9 =================*/ .te_3_col_s13 { padding: 120px 0; } .te_3_col_s13 .te_left_img { text-align: center; } .te_3_col_s13 .te_left_img img { max-height: 610px; } @media (max-width: 991.98px) { .te_3_col_s13 .te_left_img { padding-bottom: 8%; } } .te_3_col_s13 .te_right_img { text-align: center; } .te_3_col_s13 .te_right_img img { max-height: 610px; } @media (max-width: 991.98px) { .te_3_col_s13 .te_right_img { padding-top: 10%; } } .te_3_col_s13 .te_middle_img { padding: 0 25px; } .te_3_col_s13 .te_middle_img .te_middle_text_content { padding: 9% 8% 15% 8%; text-align: center; box-shadow: 0 25px 50px 0 rgba(0, 0, 0, 0.08); position: relative; } .te_3_col_s13 .te_middle_img .te_middle_text_content .te_sub_heading_s13 { font-size: 1.5rem; padding-bottom: 30px; } .te_3_col_s13 .te_middle_img .te_middle_text_content .te_main_heading_s13 { font-size: 2.3rem; font-weight: 600; line-height: 140%; } @media (max-width: 575.98px) { .te_3_col_s13 .te_middle_img .te_middle_text_content .te_main_heading_s13 { font-size: 2rem; } } .te_3_col_s13 .te_middle_img .te_middle_text_content .te_txt_content_s13 { font-size: 1rem; line-height: 150%; padding-top: 35px; } .te_3_col_s13 .te_middle_img .te_middle_text_content .s_btn { width: 100%; position: absolute; bottom: -8%; margin: 0px auto; right: 0; } .te_3_col_s13 .te_middle_img .te_middle_text_content .s_btn .btn { padding: 0.9rem 2.2rem; } .te_3_col_s13 .te_middle_img .te_middle_text_content .s_btn .btn .te_play_icon { padding-right: 6px; } /*===================== 24. 4 Columns (Style 1 with icon) ==================*/ .te_4_col_heading { text-align: center; } .te_4_col_icon { text-align: center; } @media (max-width: 991.98px) { .te_4_col_icon { padding-bottom: 20px; } } .te_4_col_icon .te_4_col_section { padding: 25px 0; background-color: #ffffff; overflow: hidden; box-shadow: 0 0 4px 5px #ededed; } .te_4_col_icon .te_4_col_section img.o_we_custom_image { max-width: 50px; } .te_4_col_icon .te_4_col_section .fa { /* For Safari*/ -webkit-transition-property: all; -webkit-transition-duration: 0.4s; -webkit-transition-timing-function: ease; /*For Firefox*/ -moz-transition-property: all; -moz-transition-duration: 0.4s; -moz-transition-timing-function: ease; /*Internet Explorer*/ -ms-transition-property: all; -ms-transition-duration: 0.4s; -ms-transition-timing-function: ease; /*For Opera*/ -o-transition-property: all; -o-transition-duration: 0.4s; -o-transition-timing-function: ease; /* Standard syntax */ transition-property: all; transition-duration: 0.4s; transition-timing-function: ease; overflow: hidden; } .te_4_col_icon .te_4_col_readmore { border-bottom: 2px solid #35979c; color: #35979c; padding-bottom: 3px; } .te_4_col_icon .te_4_col_section .fa { line-height: inherit; } .te_4_col_icon:hover .te_4_col_section .fa { animation: toTopFromBottom .3s forwards; } .te_4_col_icon .te_4_col_discreption { width: 90%; } @keyframes toTopFromBottom { 49% { -webkit-transform: translateY(-100%); } 50% { opacity: 0; -webkit-transform: translateY(100%); } 51% { opacity: 1; } } /*========================== 25. 4 columns style 2 ==========================*/ @media (max-width: 991.98px) { .four_columns_style_5 .container, .four_columns_style_5 .o_container_small, .four_columns_style_6 .container, .four_columns_style_6 .o_container_small { width: 90% !important; } } .te_col_5_title { margin-bottom: 0; font-weight: 600; letter-spacing: 1px; padding-left: 1.75rem; } @media (max-width: 575.98px) { .te_col_5_title { padding-left: 0px; margin-bottom: 0.5rem; } } .te_col_5_sub_title { line-height: 1; margin-bottom: 1rem; letter-spacing: 1px; padding-left: 1.75rem; } .te_col_5_main { padding: 0 20px; margin-bottom: 10px; } .te_col_5_main img { max-height: 500px; } .te_col_5_main .te_4_col_content { text-align: center; background: #ffffff; width: 85%; padding: 10px; margin: -30px auto 0; position: relative; /* For Safari*/ -webkit-transition-property: all; -webkit-transition-duration: 0.3s; /*For Firefox*/ -moz-transition-property: all; -moz-transition-duration: 0.3s; /*Internet Explorer*/ -ms-transition-property: all; -ms-transition-duration: 0.3s; /*For Opera*/ -o-transition-property: all; -o-transition-duration: 0.3s; /* Standard syntax */ transition-property: all; transition-duration: 0.3s; top: 0; } .te_col_5_main .te_4_col_content .te_s_5_img { /* For Safari*/ -webkit-transition-property: transform; -webkit-transition-duration: 0.6s; /*For Firefox*/ -moz-transition-property: transform; -moz-transition-duration: 0.6s; /*Internet Explorer*/ -ms-transition-property: transform; -ms-transition-duration: 0.6s; /*For Opera*/ -o-transition-property: transform; -o-transition-duration: 0.6s; /* Standard syntax */ transition-property: transform; transition-duration: 0.6s; transform-style: preserve-3d; } .te_col_5_main .te_4_col_content .te_s_5_img img { max-height: 40px; } .te_col_5_main .te_4_col_content p { line-height: 1.5; margin: 5px 0; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 45px; } .te_col_5_main .te_4_col_content .te_extra_btn { font-size: 0.625rem; color: #9c9c9c; font-family: inherit; line-height: unset; text-transform: uppercase; display: inline-block; } .te_col_5_main .te_4_col_content .te_extra_btn i { margin-right: 5px; } .te_col_5_main .te_4_col_content .te_extra_btn a { color: #9c9c9c; } .te_col_5_main:hover .te_s_5_img { transform: rotateY(180deg); } .te_col_5_main:hover .te_4_col_content { top: -4%; } /*========================== 26. 4 columns style 3 ==========================*/ .o_editable .te_s_6_img_sec:before { content: unset !important; } .te_col_6_main img { max-height: 300px; } .te_col_6_main > div { padding: 0 20px; margin-bottom: 10px; text-align: center; } .te_col_6_main .te_4_col2_content { text-align: left; padding: 0.5rem 1.5rem; } .te_col_6_main .te_4_col2_content span { font-size: 0.625rem; color: #9c9c9c; font-family: inherit; line-height: unset; text-transform: uppercase; } .te_col_6_main .te_4_col2_content p { line-height: 1.5; font-weight: 600; font-size: 1.125rem; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: auto; } .te_col_6_main .te_4_col2_content .te_extra_btn { font-size: 0.625rem; color: #9c9c9c; font-family: inherit; line-height: unset; text-transform: uppercase; display: inline-block; } .te_col_6_main .te_4_col2_content .te_extra_btn a { color: #9c9c9c; } /*========================== 27. Title style 1 ==========================*/ .te_title_1 { text-align: center; } .te_title_1 .title_style_2 { width: 15%; margin: 0 auto; height: 3px; background: black; margin-top: 5px; } /*========================== 28. Title Style 2 ==========================*/ .te_title_2 { text-align: center; } .te_title_2 .te_title_sub_div { position: relative; display: inline-block; padding-left: 70px; } .te_title_2 .te_title_sub_div:before, .te_title_2 .te_title_sub_div:after { content: ''; background: #35979c; position: absolute; top: 15px; height: 2px; left: 0; } .te_title_2 .te_title_sub_div:before { width: 30px; margin-top: 6px; left: 20px; } .te_title_2 .te_title_sub_div:after { width: 50px; } .te_title_2 .te_title_style2 { position: relative; display: block; padding-bottom: 10px; padding-right: 70px; } .te_title_2 .te_title_style2:before, .te_title_2 .te_title_style2:after { content: ''; background: #35979c; position: absolute; top: 15px; height: 2px; right: 0; } .te_title_2 .te_title_style2:before { width: 30px; margin-top: 6px; right: 20px; } .te_title_2 .te_title_style2:after { width: 50px; } /*========================== 29. Title Style 3 ==========================*/ .te_title_5 { text-align: center; } .te_title_5 .te_subtitle_top_style5 { margin-bottom: 0; color: #989898; } .te_title_5 .te_title_style5 { color: #2d2a2a; margin-bottom: 0; } .te_title_5 .te_subtitle_bottom_style5 { color: #777; } /*======================== 30. Offer Snippet ======================================*/ /*----------------------- Offer Snippet comman style ---------------------------*/ .te_offerleft_h { min-height: 500px; max-height: 500px; } .te_offerleft_h img { max-height: 500px; } @media (max-width: 991.98px) { .te_top_space { margin-top: 32px; } } /*================== 31. Offer Style 1 ======================*/ .te_max_width_4_column { /*Lazyload on snippets*/ } .te_max_width_4_column p { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; height: 109px; margin-bottom: 13px !important; } @media (max-width: 575.98px) { .te_max_width_4_column p { height: auto; } } @media (max-width: 575.98px) { .te_max_width_4_column div.text-center section.s_btn.o_colored_level { margin-bottom: 10px; } } .te_max_width_4_column img[data-src] { max-width: 100%; } @media (max-width: 991.98px) { .te_max_width_4_column .img.img-fluid { width: auto !important; } } .te_img_hover_light:hover { opacity: 0.7; /* For Safari*/ -webkit-transition-property: all; -webkit-transition-duration: 1.5s; -webkit-transition-timing-function: ease; /*For Firefox*/ -moz-transition-property: all; -moz-transition-duration: 1.5s; -moz-transition-timing-function: ease; /*Internet Explorer*/ -ms-transition-property: all; -ms-transition-duration: 1.5s; -ms-transition-timing-function: ease; /*For Opera*/ -o-transition-property: all; -o-transition-duration: 1.5s; -o-transition-timing-function: ease; /* Standard syntax */ transition-property: all; transition-duration: 1.5s; transition-timing-function: ease; } @media (max-width: 767.98px) { .te_offer_middle_img { margin-bottom: 16px; } } .te_offer_s1_1img img { width: 100%; } .te_offer_s1_2img img { max-height: 385px; } .te_offer_s1_3img img { width: 100%; } /*================ 32. Offer (style 2) =====================*/ @media (max-width: 767.98px) { .te_space_section { margin-top: 32px; } } @media (max-width: 575.98px) { .te_space_section { text-align: center; } } .te_space_section img { max-height: 460px; } .te_offer_2_left_txt h2, .te_offer_2_left_txt .h2 { font-weight: bold; } .te_offer_2_left_txt h5, .te_offer_2_left_txt .h5 { margin: 0; } .te_offer_2_left_txt h5 span, .te_offer_2_left_txt .h5 span { font-size: 2.1875rem; color: #35979c; font-weight: bold; } @media (max-width: 991.98px) { .te_offer_2_left_txt h5 span, .te_offer_2_left_txt .h5 span { font-size: 1.5rem; color: #35979c; } .te_offer_2_left_txt .te_top_bottom { margin: 8px 0px !important; } .te_offer_2_left_txt .te_btn_left_center { text-align: left; } } @media (max-width: 575.98px) { .te_offer_2_left_txt h2, .te_offer_2_left_txt .h2, .te_offer_2_left_txt h5, .te_offer_2_left_txt .h5, .te_offer_2_left_txt .te_btn_left_center, .te_offer_2_left_txt p { text-align: center; } } /*================== 33. Offer (style 3) =====================*/ @media (max-width: 575.98px) { .te_set_res .te_offerleft_h { min-height: auto; max-height: 100%; } .te_set_res .te_offerleft_h img { max-height: 490px; } .te_set_res .te_offer_3_text_left { margin-top: 16px; text-align: center; margin-bottom: 16px; } .te_set_res .te_offer_3_text_left .te_btn_r_space { margin-top: 16px; } .te_set_res .te_top_space img { max-height: 139px; } } .te_offer_3_text_left p { font-size: 0.8125rem; } .te_offer_3_text_left p span { font-size: 1rem; color: #35979c; } .te_offer_3_text_left .te_btn_r_space { margin-top: 32px; } .te_offerright_h { min-height: 234px; max-height: 234px; } .te_offerright_h img { max-height: 139px; } .te_offerright_txt { margin-top: 16px; } .te_offerright_txt h4, .te_offerright_txt .h4 { margin: 0; } .te_offerright_txt p { font-size: 0.75rem; } @media (max-width: 767.98px) { .te_top_box_space { margin-top: 32px; } } /*====================== 34. Offer Style 4 ======================*/ .offer_5_bg { background-color: #f5f5f5; } @media (max-width: 575.98px) { .te_offer_img_center { text-align: center; } } .te_left_to_right .te_text_middle { display: inline-block; max-height: 300px; } .te_left_to_right .te_text_middle img { max-height: 240px; } .te_left_to_right .te_left_side { display: inline-block; } @media (max-width: 575.98px) { .te_left_to_right .te_left_side { text-align: center; } } .te_offer_5_text_left h2, .te_offer_5_text_left .h2 { letter-spacing: 0.6rem; } /*========================== 35. Offer Style 5 ======================*/ .offer_style_6 { position: relative; } .te_offer_main_content { position: absolute; bottom: 0; background: #ffffff; padding: 40px 30px; width: 50%; } .te_offer_main_content a { border-bottom: 1px solid #000000; padding-bottom: 5px; color: #000000; } .te_offer_right_content p { font-size: 1.5rem; line-height: 1.5; padding: 5px 0 10px 0; } .te_offer_right_content a { border-bottom: 1px solid #000000; padding-bottom: 5px; color: #000000; } .te_offer_s6_img_big img { max-height: 700px; } .te_offer_s6_img_small img { max-height: 451px; } /*========================== 36. Offer Style 6 ======================*/ .offer_style_7_content { position: relative; } .te_offer_big_img_content { position: absolute; top: 0; padding: 30px; width: 60%; } .te_offer_big_img2_content { position: absolute; top: 0; padding: 30px; width: 60%; } .te_offer_small_img_content { position: absolute; top: 0; padding: 20px; } .te_offer_img { position: relative; } .te_offer_img img { /* For Safari*/ -webkit-transition-property: all; -webkit-transition-duration: 0.5s; -webkit-transition-timing-function: ease; /*For Firefox*/ -moz-transition-property: all; -moz-transition-duration: 0.5s; -moz-transition-timing-function: ease; /*Internet Explorer*/ -ms-transition-property: all; -ms-transition-duration: 0.5s; -ms-transition-timing-function: ease; /*For Opera*/ -o-transition-property: all; -o-transition-duration: 0.5s; -o-transition-timing-function: ease; /* Standard syntax */ transition-property: all; transition-duration: 0.5s; transition-timing-function: ease; } @media (min-width: 992px) { .te_offer_img:hover img { transform: scale(1.1); } } .te_offer_s7_right { padding-bottom: 30px; } @media (max-width: 575.98px) { .te_offer_s7_right { padding-bottom: 15px; } .te_offer_s7_right > div:first-child { padding-bottom: 15px; } } .te_offer_s7_left { padding-top: 30px; } @media (max-width: 575.98px) { .te_offer_s7_left { padding-top: 15px; } .te_offer_s7_left > div:first-child { padding-bottom: 15px; } } .te_offer_s7_img_big img { max-height: 700px; } .te_offer_s7_img_small img { max-height: 451px; } /*========================= 37. Offer style 7 =====================*/ .animation_style_7 { position: relative; overflow: hidden; } .animation_style_7::before { background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%); content: ""; display: block; height: 100%; left: -75%; position: absolute; top: 0; transform: skewX(-25deg); width: 50%; z-index: 2; } .animation_style_7:hover::before, .animation_style_7:focus::before { animation: shine 1s; } @keyframes shine { 100% { left: 125%; } } .te_trending_two img { max-height: 750px; } .te_banner_box { position: relative; } .te_banner_box.te_banner_offer .te_fix { top: 21%; bottom: 18%; } .te_banner_box.te_banner_offer .te_banner_inner img { max-height: 750px; } .te_banner_box.te_banner_offer .te_banner_info { position: absolute; top: 30%; bottom: 25%; left: 0; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit--webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -moz--webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -ms--webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; z-index: 1; } @media (max-width: 991.98px) { .te_banner_box.te_banner_offer .te_banner_info { bottom: 40%; } } @media (max-width: 767.98px) { .te_banner_box.te_banner_offer .te_banner_info { top: 10%; bottom: 12%; } } @media (max-width: 575.98px) { .te_banner_box.te_banner_offer .te_banner_info { bottom: 6%; } } @media (max-width: 575.98px) { .te_banner_box.te_banner_offer .te_banner_info { top: 16%; bottom: 8.5%; } } .te_banner_box.te_banner_offer .te_banner_info .te_banner_info_inner { text-align: center; } .te_banner_box.te_banner_offer .te_banner_info .te_banner_info_inner .te_banner_title_1 { font-size: 1.125rem; color: #ffffff; font-family: inherit; text-transform: uppercase; letter-spacing: 10px; font-weight: 700; } @media (max-width: 767.98px) { .te_banner_box.te_banner_offer .te_banner_info .te_banner_info_inner .te_banner_title_1 { letter-spacing: 1; } } @media (max-width: 575.98px) { .te_banner_box.te_banner_offer .te_banner_info .te_banner_info_inner .te_banner_title_1 { letter-spacing: 0; } } .te_banner_box.te_banner_offer .te_banner_info .te_banner_info_inner .te_banner_title_4 { font-weight: bold; letter-spacing: 5px; font-size: 1.875rem; border-width: 3px; border-color: #ffffff; border-style: solid; display: inline-block; vertical-align: middle; line-height: 1; margin: 15px 0; } @media (max-width: 575.98px) { .te_banner_box.te_banner_offer .te_banner_info .te_banner_info_inner .te_banner_title_4 { font-size: 1.5rem; letter-spacing: 2px; } } .te_banner_box.te_banner_offer .te_banner_info .te_banner_info_inner .te_banner_title_4 span:first-child { color: #000000; background: #ffffff; } .te_banner_box.te_banner_offer .te_banner_info .te_banner_info_inner .te_banner_title_4 span:last-child { color: #ffffff; } .te_banner_box.te_banner_offer .te_banner_info .te_banner_info_inner .te_banner_title_4 span { padding: 15px 18px 15px 17px; width: 50%; float: left; font-family: inherit; } @media (max-width: 575.98px) { .te_banner_box.te_banner_offer .te_banner_info .te_banner_info_inner .te_banner_title_4 span { padding: 11px 11px 11px 16px; } } .te_banner_box.te_banner_offer .te_banner_info .te_banner_info_inner .te_banner_title_5 { font-size: 0.8125rem; color: #ffffff; margin-bottom: 44px; font-weight: 300; letter-spacing: 7px; } @media (max-width: 991.98px) { .te_banner_box.te_banner_offer .te_banner_info .te_banner_info_inner .te_banner_title_5 { margin-bottom: 26px; } } @media (max-width: 767.98px) { .te_banner_box.te_banner_offer .te_banner_info .te_banner_info_inner .te_banner_title_5 { margin-bottom: 26px; letter-spacing: 6; } } @media (max-width: 575.98px) { .te_banner_box.te_banner_offer .te_banner_info .te_banner_info_inner .te_banner_title_5 { margin-bottom: 26px; letter-spacing: 0; } } .te_banner_box.te_banner_offer .te_banner_info .te_banner_info_inner .te_heading_bigger { color: #ffffff; font-family: inherit; line-height: 1; margin-bottom: 4px; } .te_banner_box.te_banner_offer .te_banner_info .te_banner_info_inner .te_heading_bigger font { font-size: 3.75rem; } @media (max-width: 767.98px) { .te_banner_box.te_banner_offer .te_banner_info .te_banner_info_inner .te_heading_bigger font { font-size: 2.8125rem; margin-top: 8px; } } @media (max-width: 575.98px) { .te_banner_box.te_banner_offer .te_banner_info .te_banner_info_inner .te_heading_bigger font { font-size: 3.125rem; } } @media (max-width: 575.98px) { .te_banner_box.te_banner_offer .te_banner_info .te_banner_info_inner .te_heading_bigger font { font-size: 2.1875rem; } } .te_banner_box.te_banner_offer .te_banner_info .te_banner_info_inner .te_banner_title_6 { font-size: 1.5rem; color: #ffffff; font-weight: 700; margin-bottom: 12px; } @media (max-width: 575.98px) { .te_banner_box.te_banner_offer .te_banner_info .te_banner_info_inner .te_banner_title_6 { font-size: 1.25rem; margin-bottom: 8px; margin-top: 16px; } } .te_banner_box.te_banner_offer .te_banner_info .te_banner_info_inner .te_letter_s { letter-spacing: 1px; margin-bottom: 44px; } @media (max-width: 991.98px) { .te_banner_box.te_banner_offer .te_banner_info .te_banner_info_inner .te_letter_s { margin-bottom: 36px; } } /*====== Service Plan (3 Column Price) ========*/ .te_3_col_price { border: 1px solid #ededed; background-color: #ffffff; } .te_3_col_price .te_big_price { border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; width: 130px; height: 130px; background-color: #ffffff; color: #000000; margin: 0px auto; -webkit-box-shadow: 0 0 4px 5px #ededed; -moz-box-shadow: 0 0 4px 5px #ededed; -ms-box-shadow: 0 0 4px 5px #ededed; -o-box-shadow: 0 0 4px 5px #ededed; box-shadow: 0 0 4px 5px #ededed; position: relative; /* For Safari*/ -webkit-transition-property: all; -webkit-transition-duration: 0.4s; -webkit-transition-timing-function: ease; /*For Firefox*/ -moz-transition-property: all; -moz-transition-duration: 0.4s; -moz-transition-timing-function: ease; /*Internet Explorer*/ -ms-transition-property: all; -ms-transition-duration: 0.4s; -ms-transition-timing-function: ease; /*For Opera*/ -o-transition-property: all; -o-transition-duration: 0.4s; -o-transition-timing-function: ease; /* Standard syntax */ transition-property: all; transition-duration: 0.4s; transition-timing-function: ease; } .te_3_col_price .te_big_price .te_price_fsize { font-size: 2.5rem; } .te_3_col_price .te_big_price .te_price_fsize .te_3_col_price_currency { position: absolute; top: 0; right: 0; font-size: 18px; width: 36px; height: 36px; line-height: 36px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; color: #ffffff; z-index: 1; /* For Safari*/ -webkit-transition-property: all; -webkit-transition-duration: 0.3s; -webkit-transition-timing-function: ease; /*For Firefox*/ -moz-transition-property: all; -moz-transition-duration: 0.3s; -moz-transition-timing-function: ease; /*Internet Explorer*/ -ms-transition-property: all; -ms-transition-duration: 0.3s; -ms-transition-timing-function: ease; /*For Opera*/ -o-transition-property: all; -o-transition-duration: 0.3s; -o-transition-timing-function: ease; /* Standard syntax */ transition-property: all; transition-duration: 0.3s; transition-timing-function: ease; background-color: #35979c; } .te_3_col_price .te_big_price .te_days { font-size: 1rem; } .te_3_col_price ul li .fa { padding-right: 10px; } .te_3_col_price ul li .fa-check { color: #5bd13c; } .te_3_col_price ul li .fa-times { color: red; } .te_3_col_price:hover .te_big_price { background-color: #35979c; color: #ffffff; } .te_3_col_price:hover .te_big_price .te_price_fsize .te_3_col_price_currency { color: #000000; background-color: #ffffff; } /*======================== 38. 4 Columns Pricing ========================*/ .te_price_main { /* For Safari*/ -webkit-transition-property: all; -webkit-transition-duration: 0.3s; /*For Firefox*/ -moz-transition-property: all; -moz-transition-duration: 0.3s; /*Internet Explorer*/ -ms-transition-property: all; -ms-transition-duration: 0.3s; /*For Opera*/ -o-transition-property: all; -o-transition-duration: 0.3s; /* Standard syntax */ transition-property: all; transition-duration: 0.3s; overflow: visible !important; } @media (max-width: 575.98px) { .te_price_main { margin-bottom: 10px; } } .te_price_main:hover { border-width: 1px; border-color: #35979c; border-style: solid; transform: scale(1.03); box-shadow: 0 3px 12px #ccc; } @media (max-width: 575.98px) { .te_price_main:hover { transform: unset; } } .te_price_main ul { padding: 1.5rem; } .te_price_main ul > li { padding: 10px; } .te_price_main ul > li > .fa { margin-left: 8px; } .te_price_main .te_price_head { text-align: center; background: #35979c; padding: 10px; color: #ffffff; } .te_price_main .te_price_btn { position: relative; } .te_price_main .te_price_btn a { position: absolute !important; top: auto; right: -8px; bottom: -12px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; padding: 7px; font-size: 15px; line-height: 15px; z-index: 1; } .te_price_main .te_price_btn a:after { content: ""; display: block; position: absolute; top: auto; right: 0; bottom: -6px; width: 0; height: 0; border-bottom: 8px solid transparent; border-left: 8px solid #35979c; } .te_price_main .te_only_price { padding: 1.5rem; border-bottom: 4px double #ededed; } .te_price_main .te_only_price .te_sign { font-size: 1rem; } .te_price_main .te_only_price .te_price { font-size: 2.1875rem; } /*================= 07. Pricing (Beginner/Professional/Expert) 4(Columns) ========================*/ .te_heading_price { font-size: 3.75rem; color: #000000; } .te_price_currency { font-size: 1.375rem; color: #000000; position: relative; top: unset; right: 0; bottom: 30px; left: 10px; } .li_text { font-size: 0.9375rem; color: inherit; font-family: inherit; border-width: 0 0 1px 0; border-color: #e0e0e0; border-style: dotted; } .te_common_border_bottom { border-width: 0 0 1px 0; border-color: #f5f5f5; border-style: solid; } .te_four_column_title { color: #444; letter-spacing: 0px; } .te_pricing_box { border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03); -moz-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03); -ms-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03); -o-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03); /* For Safari*/ -webkit-transition-property: all; -webkit-transition-duration: 0.3s; /*For Firefox*/ -moz-transition-property: all; -moz-transition-duration: 0.3s; /*Internet Explorer*/ -ms-transition-property: all; -ms-transition-duration: 0.3s; /*For Opera*/ -o-transition-property: all; -o-transition-duration: 0.3s; /* Standard syntax */ transition-property: all; transition-duration: 0.3s; } @media (max-width: 575.98px) { .te_pricing_box { margin-bottom: 15px; } } .te_pricing_box:hover { transform: scale(1.03); box-shadow: 0 3px 12px #ccc; } @media (max-width: 575.98px) { .te_pricing_box:hover { transform: unset; } } .te_pricing_box .list-group { border-bottom: none; } .te_feature_image { display: block; margin: 0px auto; width: auto; max-width: 100%; } /*--------------- Employee And Customers Common Style ------------------*/ @media (max-width: 575.98px) { .te_team_arrow { width: 6% !important; } } .te_team_img { position: relative; display: block; margin: 0px auto; } @media (max-width: 991.98px) { .te_team_img { display: block; margin: 0px auto; } } @media (max-width: 575.98px) { .te_team_img { display: block; margin: 26px auto; } } .te_social_icon_inline { display: inline-block; } .te_employee_name { font-weight: 600; } .te_employee_job_title { font-size: 0.8125rem; width: 100%; max-width: 90%; } .carousel-control-prev, .carousel-control-next { cursor: pointer; } /*================= 17. Team 1 ======================*/ .te_social_icon a { font-size: 0.75rem; color: #717171; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; margin: 10px 2px; padding: 5px 5px 1px 5px; border-width: 1px; border-color: #e0e0e0; border-style: solid; width: 30px; height: 30px; /* For Safari*/ -webkit-transition-property: all; -webkit-transition-duration: 0.6s; -webkit-transition-timing-function: ease; /*For Firefox*/ -moz-transition-property: all; -moz-transition-duration: 0.6s; -moz-transition-timing-function: ease; /*Internet Explorer*/ -ms-transition-property: all; -ms-transition-duration: 0.6s; -ms-transition-timing-function: ease; /*For Opera*/ -o-transition-property: all; -o-transition-duration: 0.6s; -o-transition-timing-function: ease; /* Standard syntax */ transition-property: all; transition-duration: 0.6s; transition-timing-function: ease; display: block; } .te_social_icon a:hover { background-color: #35979c; border-color: #35979c; color: #ffffff; } .te_designation_border { width: 10%; border-width: 1px; border-color: #bcb6b6; border-style: solid; padding: 0; margin: 10px auto 6px auto; } /*================ 18. Team 2 =====================*/ .te_team_2_design { position: absolute; right: 25px; bottom: -56px; left: 25px; padding: 4px 2px 4px 2px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; background-color: #ffffff; border-width: 1px; border-color: #eaeaea; border-style: solid; } .te_team_2_design .te_social_2_icon a { font-size: 0.75rem; color: #717171; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; margin: 10px 2px; padding: 6px 5px 1px 5px; width: 30px; height: 30px; background-color: #eaeaea; cursor: pointer; /* For Safari*/ -webkit-transition-property: all; -webkit-transition-duration: 0.6s; -webkit-transition-timing-function: ease; /*For Firefox*/ -moz-transition-property: all; -moz-transition-duration: 0.6s; -moz-transition-timing-function: ease; /*Internet Explorer*/ -ms-transition-property: all; -ms-transition-duration: 0.6s; -ms-transition-timing-function: ease; /*For Opera*/ -o-transition-property: all; -o-transition-duration: 0.6s; -o-transition-timing-function: ease; /* Standard syntax */ transition-property: all; transition-duration: 0.6s; transition-timing-function: ease; display: block; } .te_team_2_design .te_social_2_icon a:hover { background-color: #35979c; border-color: #35979c; text-decoration: none; color: #ffffff; } /*================= 19. Team 3 ==================*/ .te_team_3_row { padding-bottom: 50px; } .te_team_img:hover .te_team_3_design { opacity: 1; bottom: -30px; -webkit-box-shadow: rgba(58, 78, 95, 0.2) 0 10px 16px; -moz-box-shadow: rgba(58, 78, 95, 0.2) 0 10px 16px; -ms-box-shadow: rgba(58, 78, 95, 0.2) 0 10px 16px; -o-box-shadow: rgba(58, 78, 95, 0.2) 0 10px 16px; box-shadow: rgba(58, 78, 95, 0.2) 0 10px 16px; } .te_team_3_design { position: absolute; right: 25px; bottom: 20px; left: 25px; padding: 4px 2px 4px 2px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; background-color: #ffffff; opacity: 0; /* For Safari*/ -webkit-transition-property: all; -webkit-transition-duration: 0.4s; -webkit-transition-timing-function: ease; /*For Firefox*/ -moz-transition-property: all; -moz-transition-duration: 0.4s; -moz-transition-timing-function: ease; /*Internet Explorer*/ -ms-transition-property: all; -ms-transition-duration: 0.4s; -ms-transition-timing-function: ease; /*For Opera*/ -o-transition-property: all; -o-transition-duration: 0.4s; -o-transition-timing-function: ease; /* Standard syntax */ transition-property: all; transition-duration: 0.4s; transition-timing-function: ease; } .te_team_3_design .te_social_icon_3 { padding: 0; } .te_team_3_design .te_social_icon_3 a { font-size: 0.75rem; color: #717171; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; margin: 10px 2px; padding: 6px 5px 1px 5px; width: 30px; height: 30px; cursor: pointer; display: block; } .te_team_3_design .te_social_icon_3 a.te_team_3_facebook { background-color: #3b5998; color: #ffffff; } .te_team_3_design .te_social_icon_3 a.te_team_3_facebook:hover { opacity: 0.8; } .te_team_3_design .te_social_icon_3 a.te_team_3_twitter { background-color: #00aced; color: #ffffff; } .te_team_3_design .te_social_icon_3 a.te_team_3_twitter:hover { opacity: 0.8; } .te_team_3_design .te_social_icon_3 a.te_team_3_google-plus { background-color: #dc4a38; color: #ffffff; } .te_team_3_design .te_social_icon_3 a.te_team_3_google-plus:hover { opacity: 0.8; } .te_team_3_design .te_social_icon_3 a.te_team_3_linkedin { background-color: #007bb6; color: #ffffff; } .te_team_3_design .te_social_icon_3 a.te_team_3_linkedin:hover { opacity: 0.8; } @media (max-width: 991.98px) { .te_team_3_design { opacity: 1; bottom: -45px; border-width: 1px; border-color: #eaeaea; border-style: solid; z-index: 6; } } /*================= 41. Team 4 ==================*/ .te_team_4_title { font-size: 2.1875rem; text-align: center; } .te_team_4_desc { text-align: center; width: 70%; } .te_team_4_img { overflow: hidden; position: relative; } .te_team_4_img img { border-radius: 100%; max-height: 265px; } .te_team_4_img:hover:before { animation: effect_shine 1s; } .te_team_4_img:before { position: absolute; top: 0; right: auto; bottom: auto; left: -100%; content: ""; z-index: 1; display: block; width: 50%; height: 100%; background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%); -webkit-transform: skewX(-25deg); -moz-transform: skewX(-25deg); -ms-transform: skewX(-25deg); -o-transform: skewX(-25deg); transform: skewX(-25deg); } /*================= 42. Team 5 ==================*/ .te_team_5_content { position: relative; top: 50%; transform: translateY(-50%); } .te_team_5_img { /* For Safari*/ -webkit-transition-property: all; -webkit-transition-duration: 0.4s; -webkit-transition-timing-function: ease; /*For Firefox*/ -moz-transition-property: all; -moz-transition-duration: 0.4s; -moz-transition-timing-function: ease; /*Internet Explorer*/ -ms-transition-property: all; -ms-transition-duration: 0.4s; -ms-transition-timing-function: ease; /*For Opera*/ -o-transition-property: all; -o-transition-duration: 0.4s; -o-transition-timing-function: ease; /* Standard syntax */ transition-property: all; transition-duration: 0.4s; transition-timing-function: ease; } .te_team_5_img:hover { box-shadow: 0 3px 12px #ccc; } .te_team_5_img img { max-height: 500px; } /*================= 43. Team 6 ==================*/ .te_team_6_bg { background-color: #f4f6f7; } .te_team_6_bg .te_team_6_img img { border-width: 2px; border-color: #cccccc; border-style: solid; padding: 5px; border-radius: 100%; max-height: 144px; } .te_team_6_col { /* For Safari*/ -webkit-transition-property: all; -webkit-transition-duration: 0.4s; -webkit-transition-timing-function: ease; /*For Firefox*/ -moz-transition-property: all; -moz-transition-duration: 0.4s; -moz-transition-timing-function: ease; /*Internet Explorer*/ -ms-transition-property: all; -ms-transition-duration: 0.4s; -ms-transition-timing-function: ease; /*For Opera*/ -o-transition-property: all; -o-transition-duration: 0.4s; -o-transition-timing-function: ease; /* Standard syntax */ transition-property: all; transition-duration: 0.4s; transition-timing-function: ease; } .te_team_6_col:hover { background: #ffffff; box-shadow: 0 3px 12px #ccc; } .te_team_6_col:hover .te_team_6_img img { filter: brightness(0.7); /* For Safari*/ -webkit-transition-property: all; -webkit-transition-duration: 0.4s; -webkit-transition-timing-function: ease; /*For Firefox*/ -moz-transition-property: all; -moz-transition-duration: 0.4s; -moz-transition-timing-function: ease; /*Internet Explorer*/ -ms-transition-property: all; -ms-transition-duration: 0.4s; -ms-transition-timing-function: ease; /*For Opera*/ -o-transition-property: all; -o-transition-duration: 0.4s; -o-transition-timing-function: ease; /* Standard syntax */ transition-property: all; transition-duration: 0.4s; transition-timing-function: ease; } /*================= 44. Team 7 ==================*/ .te_team_7_section:hover .te_team_7_social_icon { opacity: 1; } .te_team_7_section:hover .te_team_7_content { border-bottom: 10px solid #35979c; } .te_team_7_img { position: relative; } .te_team_7_img img { max-height: 424px; } .te_team_7_img .te_team_7_social_icon { position: absolute; top: 0; width: 30px; height: 100%; background: rgba(44, 62, 80, 0.75); opacity: 0; /* For Safari*/ -webkit-transition-property: all; -webkit-transition-duration: 0.4s; -webkit-transition-timing-function: ease; /*For Firefox*/ -moz-transition-property: all; -moz-transition-duration: 0.4s; -moz-transition-timing-function: ease; /*Internet Explorer*/ -ms-transition-property: all; -ms-transition-duration: 0.4s; -ms-transition-timing-function: ease; /*For Opera*/ -o-transition-property: all; -o-transition-duration: 0.4s; -o-transition-timing-function: ease; /* Standard syntax */ transition-property: all; transition-duration: 0.4s; transition-timing-function: ease; } .te_team_7_img .te_team_7_social_icon .fa { color: #ffffff; } .te_team_7_img .te_team_7_social_icon a { padding: 5px 5px 1px 5px; } @media (max-width: 767.98px) { .te_team_7_img .te_team_7_social_icon { position: relative; bottom: 0; width: 100%; opacity: 1; } .te_team_7_img .te_team_7_social_icon section { display: inline-block !important; padding: 10px !important; } } .te_team_7_content { border: 1px solid #ededed; border-bottom: 10px solid #ccc; } /*===== 09. common css for Employee And Customers Snippet ========*/ .customer_style1_snippet .carousel-inner .carousel-item.active { display: -webkit-box; display: -webkit-flex; display: flex; } .customer_style1_snippet .carousel-inner .carousel-item-next, .customer_style1_snippet .carousel-inner .carousel-item-prev { display: none; } .customer_style1_snippet .carousel-inner .carousel-item-right.active, .customer_style1_snippet .carousel-inner .carousel-item-next { -webkit-transform: translateX(25%); -moz-transform: translateX(25%); -ms-transform: translateX(25%); -o-transform: translateX(25%); transform: translateX(25%); } @media (max-width: 767.98px) { .customer_style1_snippet .carousel-inner .carousel-item-right.active, .customer_style1_snippet .carousel-inner .carousel-item-next { -webkit-transform: translateX(33.33%); -moz-transform: translateX(33.33%); -ms-transform: translateX(33.33%); -o-transform: translateX(33.33%); transform: translateX(33.33%); } } @media (max-width: 575.98px) { .customer_style1_snippet .carousel-inner .carousel-item-right.active, .customer_style1_snippet .carousel-inner .carousel-item-next { -webkit-transform: translateX(50%); -moz-transform: translateX(50%); -ms-transform: translateX(50%); -o-transform: translateX(50%); transform: translateX(50%); } } @media (max-width: 575.98px) { .customer_style1_snippet .carousel-inner .carousel-item-right.active, .customer_style1_snippet .carousel-inner .carousel-item-next { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } } .customer_style1_snippet .carousel-inner .carousel-item-left.active, .customer_style1_snippet .carousel-inner .carousel-item-prev { -webkit-transform: translateX(-25%); -moz-transform: translateX(-25%); -ms-transform: translateX(-25%); -o-transform: translateX(-25%); transform: translateX(-25%); } @media (max-width: 767.98px) { .customer_style1_snippet .carousel-inner .carousel-item-left.active, .customer_style1_snippet .carousel-inner .carousel-item-prev { -webkit-transform: translateX(-33.33%); -moz-transform: translateX(-33.33%); -ms-transform: translateX(-33.33%); -o-transform: translateX(-33.33%); transform: translateX(-33.33%); } } @media (max-width: 575.98px) { .customer_style1_snippet .carousel-inner .carousel-item-left.active, .customer_style1_snippet .carousel-inner .carousel-item-prev { -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } } @media (max-width: 575.98px) { .customer_style1_snippet .carousel-inner .carousel-item-left.active, .customer_style1_snippet .carousel-inner .carousel-item-prev { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } } .customer_style1_snippet .carousel-inner .carousel-item-right, .customer_style1_snippet .carousel-inner .carousel-item-left { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .customer_style1_snippet .te_img_hover_overflow img { height: 300px; -o-object-fit: scale-down; object-fit: scale-down; } .customer_style1_snippet .te_team_arrow { width: auto; opacity: 1; } .customer_style1_snippet .te_team_arrow.carousel-control-prev { left: 12px; } .customer_style1_snippet .te_team_arrow.carousel-control-next { right: 12px; } .customer_style1_snippet .te_team_arrow .te_next_prev { background: #ffffff; border-width: 1px; border-color: #cccccc; border-style: solid; /* For Safari*/ -webkit-transition-property: all; -webkit-transition-duration: 0.4s; /*For Firefox*/ -moz-transition-property: all; -moz-transition-duration: 0.4s; /*Internet Explorer*/ -ms-transition-property: all; -ms-transition-duration: 0.4s; /*For Opera*/ -o-transition-property: all; -o-transition-duration: 0.4s; /* Standard syntax */ transition-property: all; transition-duration: 0.4s; padding: 4px 12px; font-size: 1.6rem; -webkit-box-shadow: 0 1px 10px #ccc; -moz-box-shadow: 0 1px 10px #ccc; -ms-box-shadow: 0 1px 10px #ccc; -o-box-shadow: 0 1px 10px #ccc; box-shadow: 0 1px 10px #ccc; } .customer_style1_snippet .te_team_arrow .te_next_prev:hover { border-width: 1px; border-color: #35979c; border-style: solid; } .customer_style1_snippet .te_team_arrow .te_next_prev:hover i { color: #35979c; } .customer_style1_snippet .te_team_arrow .te_next_prev i { font-weight: 600; } .common_carousel_items.carousel-control-prev { left: 12px; } .common_carousel_items.carousel-control-next { right: 12px; } .common_carousel_items .te_next_prev { background: #ffffff; border-width: 1px; border-color: #cccccc; border-style: solid; /* For Safari*/ -webkit-transition-property: all; -webkit-transition-duration: 0.4s; /*For Firefox*/ -moz-transition-property: all; -moz-transition-duration: 0.4s; /*Internet Explorer*/ -ms-transition-property: all; -ms-transition-duration: 0.4s; /*For Opera*/ -o-transition-property: all; -o-transition-duration: 0.4s; /* Standard syntax */ transition-property: all; transition-duration: 0.4s; padding: 4px 12px; font-size: 1.6rem; -webkit-box-shadow: 0 1px 10px #ccc; -moz-box-shadow: 0 1px 10px #ccc; -ms-box-shadow: 0 1px 10px #ccc; -o-box-shadow: 0 1px 10px #ccc; box-shadow: 0 1px 10px #ccc; } .common_carousel_items .te_next_prev:hover { border-width: 1px; border-color: #35979c; border-style: solid; } .common_carousel_items .te_next_prev:hover i { color: #35979c; } .common_carousel_items .te_next_prev i { font-weight: 600; } /*==================== 20. Customer 1 ===================*/ .te_emp_img { border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; padding-right: 15px; padding-left: 15px; } .te_left_right { padding-right: 15px; padding-left: 15px; } .te_emp_name { padding-left: 10px; } .te_emp_content { font-size: 0.875rem; color: inherit; text-align: center; } @media (max-width: 575.98px) { .te_emp_content { font-size: 0.75rem; color: #969696; } } /*======================= 21. Customer 2 =======================*/ @media (max-width: 575.98px) { .te_carousel_arrow_set .te_arrow_set { width: 90% !important; } } .te_carousel-control_left, .te_carousel-control_right { position: absolute; top: 0; bottom: 0; left: 25px; /* For Safari*/ -webkit-transition-property: all; -webkit-transition-duration: 0.4s; -webkit-transition-timing-function: ease; /*For Firefox*/ -moz-transition-property: all; -moz-transition-duration: 0.4s; -moz-transition-timing-function: ease; /*Internet Explorer*/ -ms-transition-property: all; -ms-transition-duration: 0.4s; -ms-transition-timing-function: ease; /*For Opera*/ -o-transition-property: all; -o-transition-duration: 0.4s; -o-transition-timing-function: ease; /* Standard syntax */ transition-property: all; transition-duration: 0.4s; transition-timing-function: ease; width: 0; } @media (max-width: 575.98px) { .te_carousel-control_left, .te_carousel-control_right { position: absolute; top: 0; bottom: 0; left: 18px; } } .te_carousel-control_left .te_left_arrow, .te_carousel-control_right .te_left_arrow { font-size: 2.1875rem; color: #000000; /* For Safari*/ -webkit-transition-property: all; -webkit-transition-duration: 0.3s; -webkit-transition-timing-function: ease; /*For Firefox*/ -moz-transition-property: all; -moz-transition-duration: 0.3s; -moz-transition-timing-function: ease; /*Internet Explorer*/ -ms-transition-property: all; -ms-transition-duration: 0.3s; -ms-transition-timing-function: ease; /*For Opera*/ -o-transition-property: all; -o-transition-duration: 0.3s; -o-transition-timing-function: ease; /* Standard syntax */ transition-property: all; transition-duration: 0.3s; transition-timing-function: ease; line-height: 35px; } .te_carousel-control_left .te_left_arrow:hover, .te_carousel-control_right .te_left_arrow:hover { font-size: 2.8125rem; } .te_carousel-control_right { right: 25px; left: unset; } @media (max-width: 575.98px) { .te_carousel-control_right { right: 18px; } } @media (max-width: 575.98px) { .te_emp_img_name { text-align: center; } } .common_carousel_items.carousel-control-prev { left: 12px; } .common_carousel_items.carousel-control-next { right: 12px; } .common_carousel_items .te_next_prev { background: #ffffff; border-width: 1px; border-color: #cccccc; border-style: solid; /* For Safari*/ -webkit-transition-property: all; -webkit-transition-duration: 0.4s; /*For Firefox*/ -moz-transition-property: all; -moz-transition-duration: 0.4s; /*Internet Explorer*/ -ms-transition-property: all; -ms-transition-duration: 0.4s; /*For Opera*/ -o-transition-property: all; -o-transition-duration: 0.4s; /* Standard syntax */ transition-property: all; transition-duration: 0.4s; padding: 4px 12px; font-size: 1.6rem; -webkit-box-shadow: 0 1px 10px #ccc; -moz-box-shadow: 0 1px 10px #ccc; -ms-box-shadow: 0 1px 10px #ccc; -o-box-shadow: 0 1px 10px #ccc; box-shadow: 0 1px 10px #ccc; } .common_carousel_items .te_next_prev:hover { border-width: 1px; border-color: #35979c; border-style: solid; } .common_carousel_items .te_next_prev:hover i { color: #35979c; } .common_carousel_items .te_next_prev i { font-weight: 600; } .te_employee_main .te_cust_img { max-height: 80px; width: auto; max-width: 100%; border-radius: 50%; } @media (max-width: 767.98px) { .te_employee_main .te_cust_img { margin-bottom: 20px; } } .te_employee_main .te_c_employee_name { padding: 0; margin: 0; font-weight: 600; } .te_employee_main .te_icon_content { display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; } .te_employee_main .te_icon_content .te_quotes_icon { color: #eaeaea; position: absolute; top: -40px; left: -1rem; z-index: -1; } @media (max-width: 767.98px) { .te_employee_main .te_icon_content .te_quotes_icon { font-size: 3.125rem; position: absolute; top: -1rem; left: 0; } } .te_employee_main .te_icon_content .te_quotes_icon_right { position: absolute; right: -0.8rem; bottom: 1rem; color: #cccccc; } @media (max-width: 767.98px) { .te_employee_main .te_icon_content .te_quotes_icon_right { position: absolute; right: 0; bottom: 1rem; } } .te_employee_main .te_icon_content p { font-size: 1rem; color: inherit; margin-top: 15px; z-index: 98; position: relative; } /*========================== 51. Customer Style 3 ======================*/ .te_quote_section { background-color: #f6f7f8; border-radius: 5%; padding: 35px; transform: perspective(1px) translateZ(0); /* For Safari*/ -webkit-transition-property: all; -webkit-transition-duration: 0.4s; -webkit-transition-timing-function: ease; /*For Firefox*/ -moz-transition-property: all; -moz-transition-duration: 0.4s; -moz-transition-timing-function: ease; /*Internet Explorer*/ -ms-transition-property: all; -ms-transition-duration: 0.4s; -ms-transition-timing-function: ease; /*For Opera*/ -o-transition-property: all; -o-transition-duration: 0.4s; -o-transition-timing-function: ease; /* Standard syntax */ transition-property: all; transition-duration: 0.4s; transition-timing-function: ease; position: relative; overflow: hidden; } .te_quote_section .te_quote_text { font-size: 1rem; color: inherit; z-index: 99; position: relative; } .te_quote_section .te_quote_text .fa { opacity: 0.1; position: absolute; top: -43px; z-index: -1; } .te_quote_section .te_employee_img { color: #35979c; } .te_quote_section:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; background: rgba(0, 0, 0, 0.3); transform: scaleY(0); transform-origin: center bottom; /* For Safari*/ -webkit-transition-property: transform; -webkit-transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; /*For Firefox*/ -moz-transition-property: transform; -moz-transition-duration: 0.3s; -moz-transition-timing-function: ease-out; /*Internet Explorer*/ -ms-transition-property: transform; -ms-transition-duration: 0.3s; -ms-transition-timing-function: ease-out; /*For Opera*/ -o-transition-property: transform; -o-transition-duration: 0.3s; -o-transition-timing-function: ease-out; /* Standard syntax */ transition-property: transform; transition-duration: 0.3s; transition-timing-function: ease-out; border-radius: 5%; } .te_quote_section:hover .te_employee_img { color: #ffffff; } .te_quote_section:hover:before { transform-origin: center top; transform: scaleY(1); } .te_quote_section:hover .te_quote_text { color: #ffffff; } /*========================== 82. Customer Style 5 ===================*/ .te_customer_testimonial_s5 { text-align: center; background: #ededed; } .te_customer_testimonial_s5 .te_customer_testimonial { font-size: 1.875rem; color: #35979c; } @media (max-width: 575.98px) { .te_customer_testimonial_s5 .te_customer_testimonial { font-size: 1.625rem; } } .te_customer_testimonial_s5 .te_what_customer_saying_s5 { font-size: 2.1875rem; color: #000000; padding-top: 15px; font-weight: 600; } @media (max-width: 575.98px) { .te_customer_testimonial_s5 .te_what_customer_saying_s5 { font-size: 1.875rem; } } .te_customer_testimonial_s5 .te_customer_caption_s5 { font-size: 0.9375rem; color: #888888; padding-top: 20px; } .te_customer_testimonial_s5 .te_customer_testimonial_item { padding-bottom: 30px; } .te_customer_testimonial_s5 .te_customer_testimonial_item .te_cutomer_item_bg { background: #ffffff; text-align: left; padding: 20px; } @media (max-width: 575.98px) { .te_customer_testimonial_s5 .te_customer_testimonial_item .te_cutomer_item_bg { padding: 20px 20px 60px 20px; } .te_customer_testimonial_s5 .te_customer_testimonial_item .te_cutomer_item_bg .col-lg-3 { vertical-align: top; } } .te_customer_testimonial_s5 .te_customer_testimonial_item .te_cutomer_item_bg .col-lg-9 { float: right; padding-right: 0; padding-left: 15px; } .te_customer_testimonial_s5 .te_customer_testimonial_item .te_cutomer_item_bg img { max-height: 130px; } .te_customer_testimonial_s5 .te_customer_testimonial_item .te_cutomer_item_bg p { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; height: 75px; margin-bottom: 10px; line-height: 165%; color: #8b93a1; } @media (max-width: 575.98px) { .te_customer_testimonial_s5 .te_customer_testimonial_item .te_cutomer_item_bg p { height: 68px; } } .te_customer_testimonial_s5 .te_customer_testimonial_item .te_cutomer_item_bg .te_customer_name_s5 { margin-bottom: 3px; } .te_customer_testimonial_s5 .te_customer_testimonial_item .te_cutomer_item_bg .te_customer_position_s5 { color: #35979c; } /*========================== 58. Offer Timer Style 2 ======================*/ .te_offer_s2_img { position: relative; } @media (max-width: 991.98px) { .te_offer_s2_img { display: inline-block; } } @media (max-width: 767.98px) { .te_offer_s2_img { display: inline-block; } } .te_offer_s2_img img, .te_offer_s2_img img[data-src] { max-width: 600px; margin-left: 50px !important; } @media (max-width: 991.98px) { .te_offer_s2_img img, .te_offer_s2_img img[data-src] { max-width: 490px; } } @media (max-width: 767.98px) { .te_offer_s2_img img, .te_offer_s2_img img[data-src] { max-width: 300px; } } @media (max-width: 400px) { .te_offer_s2_img img, .te_offer_s2_img img[data-src] { margin-left: auto !important; } } .te_offer_s2_img .te_offer_s2_img_before { background-color: #35979c; display: block; position: absolute; top: -40px; left: -10px; width: 440px; height: 100%; z-index: -1; } @media (max-width: 991.98px) { .te_offer_s2_img .te_offer_s2_img_before { width: 400px; } } @media (max-width: 767.98px) { .te_offer_s2_img .te_offer_s2_img_before { width: 300px; } } @media (max-width: 991.98px) { .te_offer_s2_section section { text-align: center; } } @media (max-width: 767.98px) { .te_offer_s2_section { padding-top: 15px; } .te_offer_s2_section section { text-align: center; } .te_offer_s2_section .s_hr_solid { margin: 0 auto; } } .o_rtl .te_offer_s2_img img { transform: scale(-1, 1); } /*==================== 76. Offer Timer Style 3 ====================*/ .te_offer_s3_section { text-align: center; background-position: center; background-repeat: no-repeat; background-size: auto; } .te_offer_s3_section .te_offer_s3_heading { font-size: 2.1875rem; position: relative; padding-bottom: 15px; } @media (max-width: 575.98px) { .te_offer_s3_section .te_offer_s3_heading { font-size: 1.875rem; } } .te_offer_s3_section .te_offer_s3_heading:after { content: ""; position: absolute; top: unset; right: 0; bottom: 0; left: 0; border: 1px solid #ededed; width: 15%; text-align: center; margin: 0px auto; } @media (max-width: 575.98px) { .te_offer_s3_section .te_offer_s3_heading:after { bottom: 15px; } } .te_offer_s3_section .te_offer_s3_text { font-size: 1.5rem; display: inline-block; } .te_offer_s3_section .te_offer_s3_discount { display: inline-block; font-size: 1rem; color: #888888; text-decoration: line-through; padding-left: 5px; } .te_offer_s3_section .js_timer_div .rounded_digit { border: 0; border-radius: unset; font-weight: unset; width: unset; height: unset; box-shadow: unset; background: transparent; } .te_offer_s3_section .js_timer_div .rounded_digit .te_days_hr_min_sec_digit { font-size: 2.1875rem; } @media (max-width: 575.98px) { .te_offer_s3_section .js_timer_div .rounded_digit .te_days_hr_min_sec_digit { font-size: 1.875rem; } } .te_offer_s3_section .js_timer_div .snippet_right_timer_div { text-align: center !important; } .te_offer_s3_section .js_timer_div .snippet_right_timer_div .col-lg-3.col-md-2 { max-width: 15%; } @media (max-width: 575.98px) { .te_offer_s3_section .js_timer_div .snippet_right_timer_div .col-lg-3.col-md-2 { max-width: 25%; } } .te_offer_s3_section .js_timer_div .snippet_right_timer_div .col-lg-3.col-md-2 .rounded_digit::before { content: ":"; float: right; font-size: 1.5rem; padding-top: 15px; } @media (max-width: 575.98px) { .te_offer_s3_section .js_timer_div .snippet_right_timer_div .col-lg-3.col-md-2 .rounded_digit::before { padding-top: 5px; } } .te_offer_s3_section .js_timer_div .snippet_right_timer_div .col-lg-3.col-md-2:last-child .rounded_digit:before { content: unset; } @media (max-width: 767.98px) { .te_offer_s3_section { margin-top: 25px; } } .te_offer_div .row { padding-top: 0px !important; padding-bottom: 0px !important; } .te_offer_s3_img { position: relative; } .te_offer_s3_img .te_offer_s3_img_before { background: rgba(53, 151, 156, 0.2); display: block; position: absolute; top: 12%; bottom: 12%; left: 70px; width: 60%; z-index: -1; } @media (max-width: 767.98px) { .te_offer_s3_img .te_offer_s3_img_before { left: 0px; } } @media (max-width: 575.98px) { .te_offer_s3_img .te_offer_s3_img_before { content: unset; } } .te_offer_s3_img img { max-height: 500px; margin-left: auto; } @media (min-width: 992px) { .te_offer_s3_img img { margin: 0 auto; } } @media (max-width: 767.98px) { .te_offer_s3_img img { margin-left: auto; margin-right: 0; } } @media (min-width: 576px) { .te_offer_s3_img img { margin: 0 auto; } } .te_offer_s3_img .te_vertical_line { transform: rotate(180deg); writing-mode: vertical-rl; position: absolute; top: 0; font-size: 1.5rem; } @media (min-width: 1499.98px) { .te_offer_s3_img .te_vertical_line { left: 130px; } } @media (min-width: 1299.98px) and (max-width: 1499.98px) { .te_offer_s3_img .te_vertical_line { left: 65px; } } @media (min-width: 1199.98px) and (max-width: 1299.98px) { .te_offer_s3_img .te_vertical_line { left: 40px; } } @media (min-width: 991.98px) and (max-width: 1199.98px) { .te_offer_s3_img .te_vertical_line { left: -40px; } } @media (max-width: 991.98px) { .te_offer_s3_img .te_vertical_line { left: 122px; } } @media (max-width: 767.98px) { .te_offer_s3_img .te_vertical_line { left: 65px; } } @media (max-width: 575.98px) { .te_offer_s3_img .te_vertical_line { display: none; } } /*================= 14. Header Offer Text =======================*/ .te_s_header_offer_text ul { list-style-type: none; padding: 0; width: auto; display: block; margin: 0px auto; } .te_s_header_offer_text ul > li { display: inline-block; padding: 0 0.5em; font-size: 0.8125rem; color: #000; } /*================ 26. 3 Columns (Style 7) ======================*/ .te_three_col_text { font-size: 1rem; color: inherit; line-height: 1.6; } @media (max-width: 575.98px) { .te_three_col_text { font-size: 0.9375rem; } } @media (max-width: 575.98px) { .te_three_col_text { font-size: 0.875rem; } } .te_img_emp { padding: 0px; } .te_employee_img { display: inline-block; vertical-align: middle; } .te_space_emp { padding-left: 10px; } .te_space_emp .te_name_name { font-family: inherit; } .te_space_emp .te_name_designation { font-size: 0.9375rem; } @media (max-width: 767.98px) { .te_3_col_b_space { padding-bottom: 8px; } .te_3_col_t_space { padding-top: 8px; } } /*============================ Banner Style 2========================================*/ .te_banner_heading { font-family: inherit; } .te_banner_heading font { font-size: 1.125rem; } @media (max-width: 575.98px) { .te_banner_heading font { font-size: 1.25rem; color: #222; line-height: 180%; } } .te_banner_subheading { font-size: 0.875rem; } @media (min-width: 576px) { .te_banner_s2 .jumbotron { padding: 4rem 2rem; } } .te_banner_s2 .s_title_banner, .te_banner_s2 .s_text_banner, .te_banner_s2 .s_btn { padding: 0px 15px; } @media (max-width: 575.98px) { .te_banner_s2 .te_img_hover_overflow { width: 100%; } } .te_banner_s2 .te_img_hover_overflow img { max-height: 366px; } .te_banner_s2 .te_img_height { max-width: 500px; } @media (max-width: 575.98px) { .te_banner_s2 .te_img_height { max-width: 100%; } } .te_jumbotron_bg { box-shadow: 0 3px 9px #ccc; background-color: rgba(255, 255, 255, 0.9); } /*==================== Banner Style 3 ==================*/ @media (max-width: 991.98px) { .te_banner_s3 .container, .te_banner_s3 .o_container_small { width: 90%; } } .te_banner_s3 .oe_img_bg.o_bg_img_center { background-position: right !important; } .te_banner_s3 .te_banner_s3_content { margin: 10rem 0 12rem 0; } @media (max-width: 575.98px) { .te_banner_s3 .te_banner_s3_content { margin: 0rem 0 0rem 0; } } .te_banner_s3 .te_banner_s3_content .te_banner_sub_heading { font-size: 5rem; margin-bottom: 5px; font-weight: bold; } @media (max-width: 991.98px) { .te_banner_s3 .te_banner_s3_content .te_banner_sub_heading { font-size: 4rem; } } @media (max-width: 767.98px) { .te_banner_s3 .te_banner_s3_content .te_banner_sub_heading { font-size: 1.4rem; } } .te_banner_s3 .te_banner_s3_content .te_banner_main_heading { font-size: 5rem; margin-bottom: 15px; font-weight: bold; } @media (max-width: 991.98px) { .te_banner_s3 .te_banner_s3_content .te_banner_main_heading { font-size: 4rem; } } @media (max-width: 767.98px) { .te_banner_s3 .te_banner_s3_content .te_banner_main_heading { font-size: 1.4rem; } } .te_banner_s3 .te_banner_s3_content p { font-size: 1.2875rem; } @media (max-width: 575.98px) { .te_banner_s3 .te_banner_s3_content p { font-size: 1.1875rem; } } @media (max-width: 575.98px) { .te_banner_s3 .te_banner_s3_content p { font-size: 0.875rem; } } @media (max-width: 575.98px) { .te_banner_s3 .te_banner_s3_content .s_btn .shop_now_btn { font-size: 14px; padding: 0.475rem 0.7rem; } } .te_banner_s3 .te_category_banner_block { margin-top: -4.5%; margin-bottom: 32px; } @media (max-width: 991.98px) { .te_banner_s3 .te_category_banner_block { margin-top: 5%; } } .te_banner_s3 .te_category_banner_block .te_banner_categ_block { background: #ededed; border-radius: 20px; /* For Safari*/ -webkit-transition-property: all; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; /*For Firefox*/ -moz-transition-property: all; -moz-transition-duration: 0.2s; -moz-transition-timing-function: ease; /*Internet Explorer*/ -ms-transition-property: all; -ms-transition-duration: 0.2s; -ms-transition-timing-function: ease; /*For Opera*/ -o-transition-property: all; -o-transition-duration: 0.2s; -o-transition-timing-function: ease; /* Standard syntax */ transition-property: all; transition-duration: 0.2s; transition-timing-function: ease; } @media (max-width: 991.98px) { .te_banner_s3 .te_category_banner_block .te_banner_categ_block { margin-bottom: 30px; } } @media (max-width: 575.98px) { .te_banner_s3 .te_category_banner_block .te_banner_categ_block { margin-bottom: 20px; } } .te_banner_s3 .te_category_banner_block .te_banner_categ_block .te_categ_content { background-position: 100%; border-radius: 20px; } .te_banner_s3 .te_category_banner_block .te_banner_categ_block .te_categ_content a { padding: 35px 3px; display: -webkit-box; display: -webkit-flex; display: flex; font-size: inherit; vertical-align: middle; color: #000000; text-decoration: none; justify-content: center; align-items: center; } @media (max-width: 991.98px) { .te_banner_s3 .te_category_banner_block .te_banner_categ_block .te_categ_content a { padding: 50px 30px; } } @media (max-width: 575.98px) { .te_banner_s3 .te_category_banner_block .te_banner_categ_block .te_categ_content a { padding: 15px 30px; } } .te_banner_s3 .te_category_banner_block .te_banner_categ_block .te_categ_content a .te_banner_categ_name { max-width: 195px; vertical-align: middle; align-item: center; } @media (max-width: 575.98px) { .te_banner_s3 .te_category_banner_block .te_banner_categ_block .te_categ_content a .te_banner_categ_name { line-height: 32px; vertical-align: middle; } } .te_banner_s3 .te_category_banner_block .te_banner_categ_block img { max-height: 60px; margin-right: 12px; } @media (max-width: 575.98px) { .te_banner_s3 .te_category_banner_block .te_banner_categ_block img { vertical-align: middle; } } .te_banner_s3 .te_category_banner_block .te_banner_categ_block:hover { background: #ffffff; box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.15); } @media (max-width: 991.98px) { .te_banner_s3 .te_category_banner_block .te_banner_categ_block:hover { transform: unset; } } .te_banner_s3 .container, .te_banner_s3 .o_container_small { padding: 0; } @media (max-width: 575.98px) { .te_banner_s3 .container, .te_banner_s3 .o_container_small { width: 90%; } } .o_wsale_alternative_products .quick-view-a { display: none !important; } .hotspot_element { display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; left: 50%; top: 50%; margin: auto; position: absolute; height: 12px !important; width: 12px; border-radius: 50%; background: #000; } .hotspot_element .hotspot_dot { height: 12px; width: 12px; background: inherit; border-radius: 50%; animation: animate-light 2s linear infinite; display: -webkit-box; display: -webkit-flex; display: flex; } .hotspot_element.circle a:not(.hotspot_add_to_cart_btn) { border-radius: 50%; } .hotspot_element.circle .hotspot_dot { border-radius: 50%; } .hotspot_element.square { border-radius: unset !important; } .hotspot_element.square a { border-radius: unset !important; } .hotspot_element.square .hotspot_dot { border-radius: unset !important; } .hotspot_element .popover { top: 14px; left: 50%; transform: translateX(-50%); position: absolute; } @media (max-width: 575.98px) { .hotspot_element .popover { left: auto !important; } } .hotspot_element:hover { cursor: pointer; } .hotspot_element.fade_hotspot .hotspot_dot { animation: animate-light 2s linear infinite; } .hotspot_element.blink a:not(.hotspot_add_to_cart_btn) { background: inherit; } .hotspot_element.blink .hotspot_dot { animation: zoom-in-zoom-out 1s ease infinite !important; } .hotspot_element.light_theme .hotspot_dot { animation: animate-light 2s linear infinite; } .hotspot_element.dark_theme .hotspot_dot { animation: animate-dark 2s linear infinite; } /* ----------------Add Hotspot animations--------------- */ @keyframes animate-light { 0% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7), 0 0 0 0 rgba(255, 255, 255, 0.7); } 40% { box-shadow: 0 0 0 0 rgba(53, 151, 156, 0), 0 0 0 0 rgba(255, 255, 255, 0.7); } 80% { box-shadow: 0 0 0 10px rgba(53, 151, 156, 0), 0 0 0 10px rgba(53, 151, 156, 0); } 100% { box-shadow: 0 0 0 0 rgba(53, 151, 156, 0), 0 0 0 10px rgba(53, 151, 156, 0); } } @keyframes animate-dark { 0% { box-shadow: 0 0 0 0 rgba(5, 6, 6, 0.7), 0 0 0 0 rgba(5, 6, 6, 0.7); } 40% { box-shadow: 0 0 0 10px rgba(53, 151, 156, 0), 0 0 0 0 rgba(34, 47, 48, 0.7); } 80% { box-shadow: 0 0 0 10px rgba(53, 151, 156, 0), 0 0 0 10px rgba(53, 151, 156, 0); } 100% { box-shadow: 0 0 0 0 rgba(53, 151, 156, 0), 0 0 0 10px rgba(53, 151, 156, 0); } } @keyframes zoom-in-zoom-out { 0% { transform: scale(1, 1); } 50% { transform: scale(1.3, 1.3); } 100% { transform: scale(1, 1); } } /* ----------------hotspot popup--------------- */ .hotspot-popover { box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 10px; border-radius: 8px; outline: 0px; } .hotspot-popover img { max-width: 96px !important; max-height: 100px !important; height: 100px; } .hotspot-popover .product_price { border-top: 2px solid #ededed; padding-top: 5px; } .hotspot-popover .product_price .text-danger.oe_default_price { width: auto; display: inline-block; } @media (max-width: 575.98px) { .hotspot-popover .product_price .text-danger.oe_default_price { font-size: 0.75rem; /* Reduced 4px */ } } .hotspot-popover .product_price del { color: #969696 !important; display: inline-block; } .hotspot-popover .product_price del span { font-weight: normal; } .hotspot-popover .hotspot_add_to_cart_btn { display: inline-block; margin-top: 5px; padding: 0.25rem 0.75rem; width: auto; } .hotspot-popover .hotspot_add_to_cart_btn .fa { font-size: 1rem; padding-right: 0.25rem; vertical-align: middle; } .hotspot-popover .border_custom { border-top: 2px solid #ededed; } .hotspot-popover .custom_width { width: 253px; } .product_builder_banner .product_slider_style2, .s_product_template_style1 .o_carousel_product_card { width: 99% !important; } /* /theme_clarico_vega/static/src/scss/button/animation.scss */ /* /theme_clarico_vega/static/src/scss/login_popup.scss */ div#loginRegisterPopup { z-index: 1100; top: 0; left: 0; width: 100vw; height: 100vh; } #loginRegisterPopup { cursor: url("/theme_clarico_vega/static/src/img/cross.png"), auto; } #loginRegisterPopup .modal-dialog { max-width: 450px; cursor: default; } #loginRegisterPopup .modal-dialog .close { position: absolute; right: 0; z-index: 3; background: #ffffff; padding: 3px 6px; } #loginRegisterPopup .modal-dialog .modal-body { padding: 0; } #loginRegisterPopup .modal-dialog .modal-body .nav-tabs { border: 0px solid; } #loginRegisterPopup .modal-dialog .modal-body .nav-tabs .login_register_tab { width: 50%; padding: 0; } #loginRegisterPopup .modal-dialog .modal-body .nav-tabs .login_register_tab.full-width { width: 100%; } #loginRegisterPopup .modal-dialog .modal-body .nav-tabs .login_register_tab a { width: 100%; padding: 1rem; text-align: center; background: #eaeaea; color: #555; font-size: 1.125rem; font-weight: 500; display: inline-block; text-decoration: none; line-height: 1.6; } #loginRegisterPopup .modal-dialog .modal-body .nav-tabs .login_register_tab a.active { background: #ffffff; color: #35979c; } #loginRegisterPopup .modal-dialog .modal-body .oe_login_form, #loginRegisterPopup .modal-dialog .modal-body .oe_signup_form, #loginRegisterPopup .modal-dialog .modal-body .oe_reset_password_form { box-shadow: unset; margin: 0rem auto; padding: 1.25rem; } #loginRegisterPopup .modal-dialog .modal-body .tabs-content .open_reset_password { width: 100%; text-align: right; } .oe_login_form, .oe_signup_form, .oe_reset_password_form { max-width: 400px; padding: 32px; -webkit-box-shadow: 0px 0px 15px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 0px 15px 0 rgba(0, 0, 0, 0.15); -ms-box-shadow: 0px 0px 15px 0 rgba(0, 0, 0, 0.15); -o-box-shadow: 0px 0px 15px 0 rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 15px 0 rgba(0, 0, 0, 0.15); } .oe_login_form .form-group > .form-control, .oe_signup_form .form-group > .form-control, .oe_reset_password_form .form-group > .form-control { border: 0; border-bottom: 1px solid #CED4DA; } .oe_login_form .form-group > .form-control:focus, .oe_signup_form .form-group > .form-control:focus, .oe_reset_password_form .form-group > .form-control:focus { box-shadow: none; border-color: #000000; } .oe_login_form .form-group, .oe_signup_form .form-group, .oe_reset_password_form .form-group { margin-bottom: 12px; } .oe_login_form label, .oe_signup_form label, .oe_reset_password_form label { font-weight: normal; font-size: 0.9375rem; color: #000000; letter-spacing: 1px; word-spacing: 0; margin-bottom: 2px; } #loginPopup .oe_login_form .o_auth_oauth_providers, #loginPopup .oe_signup_form .o_auth_oauth_providers, #loginPopup .oe_reset_password_form .o_auth_oauth_providers, #registerPopup .oe_login_form .o_auth_oauth_providers, #registerPopup .oe_signup_form .o_auth_oauth_providers, #registerPopup .oe_reset_password_form .o_auth_oauth_providers { vertical-align: middle; } #loginPopup .oe_login_form .o_auth_oauth_providers > a, #loginPopup .oe_signup_form .o_auth_oauth_providers > a, #loginPopup .oe_reset_password_form .o_auth_oauth_providers > a, #registerPopup .oe_login_form .o_auth_oauth_providers > a, #registerPopup .oe_signup_form .o_auth_oauth_providers > a, #registerPopup .oe_reset_password_form .o_auth_oauth_providers > a { margin-bottom: 8px; } #loginPopup .oe_login_form .o_auth_oauth_providers > a:hover, #loginPopup .oe_signup_form .o_auth_oauth_providers > a:hover, #loginPopup .oe_reset_password_form .o_auth_oauth_providers > a:hover, #registerPopup .oe_login_form .o_auth_oauth_providers > a:hover, #registerPopup .oe_signup_form .o_auth_oauth_providers > a:hover, #registerPopup .oe_reset_password_form .o_auth_oauth_providers > a:hover { background-color: inherit; } #loginPopup .oe_login_form .o_auth_oauth_providers > a > i, #loginPopup .oe_signup_form .o_auth_oauth_providers > a > i, #loginPopup .oe_reset_password_form .o_auth_oauth_providers > a > i, #registerPopup .oe_login_form .o_auth_oauth_providers > a > i, #registerPopup .oe_signup_form .o_auth_oauth_providers > a > i, #registerPopup .oe_reset_password_form .o_auth_oauth_providers > a > i { font-size: 20px; vertical-align: middle; width: 40px; height: 40px; line-height: 40px; border-radius: 50%; background-color: #eaeaea; text-align: center; margin-right: 5px; margin-bottom: 5px; } #loginPopup .oe_login_form .o_auth_oauth_providers > a > i:before, #loginPopup .oe_signup_form .o_auth_oauth_providers > a > i:before, #loginPopup .oe_reset_password_form .o_auth_oauth_providers > a > i:before, #registerPopup .oe_login_form .o_auth_oauth_providers > a > i:before, #registerPopup .oe_signup_form .o_auth_oauth_providers > a > i:before, #registerPopup .oe_reset_password_form .o_auth_oauth_providers > a > i:before { mix-blend-mode: luminosity; } #loginPopup .oe_login_form .o_auth_oauth_providers > a > i:hover:before, #loginPopup .oe_signup_form .o_auth_oauth_providers > a > i:hover:before, #loginPopup .oe_reset_password_form .o_auth_oauth_providers > a > i:hover:before, #registerPopup .oe_login_form .o_auth_oauth_providers > a > i:hover:before, #registerPopup .oe_signup_form .o_auth_oauth_providers > a > i:hover:before, #registerPopup .oe_reset_password_form .o_auth_oauth_providers > a > i:hover:before { mix-blend-mode: unset; } #loginPopup .oe_login_form .o_auth_oauth_providers .o_custom_icon, #loginPopup .oe_signup_form .o_auth_oauth_providers .o_custom_icon, #loginPopup .oe_reset_password_form .o_auth_oauth_providers .o_custom_icon, #registerPopup .oe_login_form .o_auth_oauth_providers .o_custom_icon, #registerPopup .oe_signup_form .o_auth_oauth_providers .o_custom_icon, #registerPopup .oe_reset_password_form .o_auth_oauth_providers .o_custom_icon { width: 1em !important; height: 1em !important; border: 3px solid #875A7B; outline: 11px solid #eaeaea; margin-left: 12px; transform: unset; } .form-control:disabled, .form-control.o_wysiwyg_loader, .form-control[readonly] { background-color: #f5f5f5; } .form-control::placeholder { color: #b1b1b1; /*This color is not used in variables*/ } .te_login_links > a, .te_reset_pw_login_btns > a { font-size: 0.75rem; color: #888888; font-family: inherit; } .te_signup_login_link { font-size: 0.75rem; color: #888888; font-family: inherit; } .te_user_account_icon, .te_currency_symbol { display: none; } /* /theme_clarico_vega/static/src/scss/label/sale_label.scss */ .te_prod_label { font-size: 0.8125rem; padding: 2px 8px; } .te_prod_label:before { content: "\f02b"; font-family: FontAwesome; font-size: 0.625rem; } .te_prod_label:after { content: ""; position: absolute; top: 0px; right: auto; bottom: 0px; left: -9px; width: 22px; background-color: #ffffff; filter: blur(6px) opacity(0.5); -webkit-transform: skewX(-25deg); -moz-transform: skewX(-25deg); -ms-transform: skewX(-25deg); -o-transform: skewX(-25deg); transform: skewX(-25deg); /* For Safari*/ -webkit-animation-delay: 0.2s; -webkit-animation-duration: 1s; -webkit-animation-name: shine_label; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite; /*For Firefox*/ -moz-animation-delay: 0.2s; -moz-animation-duration: 1s; -moz-animation-name: shine_label; -moz-animation-timing-function: linear; -moz-animation-iteration-count: infinite; /*Internet Explorer*/ -ms-animation-delay: 0.2s; -ms-animation-duration: 1s; -ms-animation-name: shine_label; -ms-animation-timing-function: linear; -ms-animation-iteration-count: infinite; /*For Opera*/ -o-animation-delay: 0.2s; -o-animation-duration: 1s; -o-animation-name: shine_label; -o-animation-timing-function: linear; -o-animation-iteration-count: infinite; /* Standard syntax */ animation-delay: 0.2s; animation-duration: 1s; animation-name: shine_label; animation-timing-function: linear; animation-iteration-count: infinite; opacity: 0; } #products_grid .o_product_label_style_1_right, #products_grid .o_product_label_style_1_left, .te_product_ind .o_product_label_style_1_right, .te_product_ind .o_product_label_style_1_left { display: inline-block; width: auto; font-size: 0.8125rem; padding: 2px 8px !important; position: absolute; top: 8px; right: 8px; bottom: unset; left: unset; z-index: 1; overflow: hidden; font-weight: 500; } #products_grid .o_product_label_style_1_right:before, #products_grid .o_product_label_style_1_left:before, .te_product_ind .o_product_label_style_1_right:before, .te_product_ind .o_product_label_style_1_left:before { content: "\f02b"; font-family: FontAwesome; margin-right: 5px; font-size: 0.625rem; } #products_grid .o_product_label_style_1_right:after, #products_grid .o_product_label_style_1_left:after, .te_product_ind .o_product_label_style_1_right:after, .te_product_ind .o_product_label_style_1_left:after { content: ""; position: absolute; top: 0px; right: auto; bottom: 0px; left: -9px; width: 22px; background-color: #ffffff; filter: blur(6px) opacity(0.5); -webkit-transform: skewX(-25deg); -moz-transform: skewX(-25deg); -ms-transform: skewX(-25deg); -o-transform: skewX(-25deg); transform: skewX(-25deg); /* For Safari*/ -webkit-animation-delay: 0.2s; -webkit-animation-duration: 1s; -webkit-animation-name: shine_label; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite; /*For Firefox*/ -moz-animation-delay: 0.2s; -moz-animation-duration: 1s; -moz-animation-name: shine_label; -moz-animation-timing-function: linear; -moz-animation-iteration-count: infinite; /*Internet Explorer*/ -ms-animation-delay: 0.2s; -ms-animation-duration: 1s; -ms-animation-name: shine_label; -ms-animation-timing-function: linear; -ms-animation-iteration-count: infinite; /*For Opera*/ -o-animation-delay: 0.2s; -o-animation-duration: 1s; -o-animation-name: shine_label; -o-animation-timing-function: linear; -o-animation-iteration-count: infinite; /* Standard syntax */ animation-delay: 0.2s; animation-duration: 1s; animation-name: shine_label; animation-timing-function: linear; animation-iteration-count: infinite; opacity: 0; } #products_grid .o_product_label_style_1_left, .te_product_ind .o_product_label_style_1_left { position: absolute; top: 8px; right: unset; bottom: unset; left: 8px; } #products_grid .o_product_label_style_2_right, #products_grid .o_product_label_style_2_left, .te_product_ind .o_product_label_style_2_right, .te_product_ind .o_product_label_style_2_left { position: absolute; top: 8px; right: 6px; bottom: auto; left: unset; font-size: 0.8125rem; line-height: 1; -webkit-box-shadow: 4px 4px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 4px 4px 0px rgba(0, 0, 0, 0.1); -ms-box-shadow: 4px 4px 0px rgba(0, 0, 0, 0.1); -o-box-shadow: 4px 4px 0px rgba(0, 0, 0, 0.1); box-shadow: 4px 4px 0px rgba(0, 0, 0, 0.1); text-align: center; z-index: 1; padding: 3px 8px !important; font-weight: 500; } #products_grid .o_product_label_style_2_left, .te_product_ind .o_product_label_style_2_left { position: absolute; top: 8px; right: auto; bottom: auto; left: 6px; } #products_grid .o_product_label_style_3_right, #products_grid .o_product_label_style_3_left, .te_product_ind .o_product_label_style_3_right, .te_product_ind .o_product_label_style_3_left { position: absolute; top: 10px; right: 0px; z-index: 1; padding: 1px 8px 0.5px 8px; font-size: 0.8rem; font-weight: 500; } #products_grid .o_product_label_style_3_right:before, #products_grid .o_product_label_style_3_left:before, .te_product_ind .o_product_label_style_3_right:before, .te_product_ind .o_product_label_style_3_left:before { content: ""; position: absolute; top: 0px; bottom: 0px; left: 0px; width: 10px; z-index: -1; background: inherit; transform: skew(-33deg, 0deg); } #products_grid .o_product_label_style_3_right:after, #products_grid .o_product_label_style_3_left:after, .te_product_ind .o_product_label_style_3_right:after, .te_product_ind .o_product_label_style_3_left:after { content: ""; position: absolute; top: 0px; bottom: 0px; left: 0px; width: 47px; z-index: -1; background: inherit; transform: skew(33deg, 0deg); } #products_grid .o_product_label_style_3_left, .te_product_ind .o_product_label_style_3_left { position: absolute; top: 10px; right: unset; left: 0px; } #products_grid .o_product_label_style_3_left:before, .te_product_ind .o_product_label_style_3_left:before { position: absolute; top: 0px; right: 0px; bottom: 0px; left: unset; } #products_grid .o_product_label_style_3_left:after, .te_product_ind .o_product_label_style_3_left:after { position: absolute; top: 0px; right: 0px; bottom: 0px; left: unset; } #products_grid .o_product_label_style_4_left, #products_grid .o_product_label_style_4_right, .te_product_ind .o_product_label_style_4_left, .te_product_ind .o_product_label_style_4_right { position: absolute; top: 20px; left: -8px; z-index: 1; padding: 3px 4px 3px 8px; font-size: 0.75rem; font-weight: 500; } #products_grid .o_product_label_style_4_left:before, #products_grid .o_product_label_style_4_right:before, .te_product_ind .o_product_label_style_4_left:before, .te_product_ind .o_product_label_style_4_right:before { content: ""; position: absolute; top: -6px; left: 0px; height: 0; width: 0; border-left: 9px solid transparent; border-bottom-width: 6px; border-bottom-style: solid; border-bottom-color: inherit; } #products_grid .o_product_label_style_4_left:after, #products_grid .o_product_label_style_4_right:after, .te_product_ind .o_product_label_style_4_left:after, .te_product_ind .o_product_label_style_4_right:after { content: ""; position: absolute; top: 1px; right: -10px; height: 0; width: 0; border-top: 11px solid transparent; border-bottom: 12px solid transparent; border-left-width: 10px; border-left-style: solid; border-left-color: inherit; } #products_grid .o_product_label_style_4_right, .te_product_ind .o_product_label_style_4_right { position: absolute; top: 20px; right: -10px; left: unset; padding: 3px 8px 3px 4px; } #products_grid .o_product_label_style_4_right:before, .te_product_ind .o_product_label_style_4_right:before { transform: scaleX(-1); position: absolute; top: -6px; right: 1px; left: unset; } #products_grid .o_product_label_style_4_right:after, .te_product_ind .o_product_label_style_4_right:after { transform: scaleX(-1); position: absolute; top: 1px; left: -10px; } #products_grid .o_product_label_style_5_left, #products_grid .o_product_label_style_5_right, .te_product_ind .o_product_label_style_5_left, .te_product_ind .o_product_label_style_5_right { position: absolute; top: 12px; right: auto; bottom: auto; left: 12px; font-weight: 500; font-size: 12px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; text-align: center; height: 46px; width: 46px; border-radius: 23px; z-index: 1; white-space: normal; word-break: break-word; } #products_grid .o_product_label_style_5_right, .te_product_ind .o_product_label_style_5_right { position: absolute; top: 12px; right: 12px; bottom: auto; left: auto; } #products_grid .o_ribbon_left, #products_grid .o_ribbon_right, #products_grid .o_tag_left, #products_grid .o_tag_right, .te_product_ind .o_ribbon_left, .te_product_ind .o_ribbon_right, .te_product_ind .o_tag_left, .te_product_ind .o_tag_right { font-weight: 500; z-index: 1; } #product_details .o_ribbon_left, #product_details .o_ribbon_right { transform: unset; font-weight: 500; } /* /theme_clarico_vega/static/src/scss/header.scss */ #top_menu_collapse #top_menu #hide_wishlist { display: none !important; } #top_menu_collapse #top_menu a.nav-link { position: relative; } @media (min-width: 992px) { header.o_header_affixed nav.navbar .pre_header { display: none; } } header.o_header_affixed nav.navbar .header_middle { padding: 2px 0; } header.o_header_affixed nav.navbar .header_middle .te_search_popover .input-group .te_advanced_search_div { padding: 0 8px; } header.o_header_affixed nav.navbar .header_middle .te_search_popover .input-group .ept-parent-category { padding: 0px 12px; } @media (max-width: 575.98px) { header.o_header_affixed nav.navbar .header_middle .te_search_popover .input-group .ept-parent-category { padding: 0px 12px 0px 0px; } } header.o_header_affixed nav.navbar .header_middle .te_search_popover .oe_search_box { height: 36px; padding: 0; } header.o_header_affixed nav.navbar .header_bottom #top_menu_collapse #top_menu > li > a.nav-link { outline: unset; width: calc(100% - 20px); } header.o_header_affixed nav.navbar .header_bottom #top_menu_collapse.header_menu_slide { top: 0 !important; height: calc(100vh - 40px); } header.o_header_affixed nav.navbar .header_bottom #top_menu_collapse #top_menu > li:first-child > a.nav-link { margin-left: -8px; } @media (max-width: 575.98px) { header.o_header_affixed nav.navbar .header_middle .te_search_popover button.oe_search_button { padding: 5px 24px; } } @media (max-width: 575.98px) { header.o_top_fixed_element nav.navbar .header_top { display: none; } } header nav.navbar { display: block; padding: 0; } header nav.navbar .pre_header { background-color: #000000; padding: 2px 16px; } header nav.navbar .pre_header .te_s_header_offer_text { align-self: center; } header nav.navbar .pre_header .te_s_header_offer_text span { color: #ffffff; vertical-align: middle; margin: 0.2rem 0 0.2rem 0; display: inline-block; font-size: 0.875rem; /* Reduced font-size with 2px */ } @media (max-width: 575.98px) { header nav.navbar .pre_header .te_s_header_offer_text span { margin: 0; font-size: 14px; } } header nav.navbar .pre_header .s_social_media a { color: #ffffff; font-size: 0.875rem; /* Reduced font-size with 2px */ } @media (max-width: 767.98px) { header nav.navbar .pre_header .s_social_media { display: none; } } header nav.navbar .pre_header .s_social_media_title { color: #ffffff; font-size: 0.875rem; margin-left: 0.4rem; } header nav.navbar .pre_header .te_header_before_right { display: -webkit-box; display: -webkit-flex; display: flex; } @media (max-width: 991.98px) { header nav.navbar .pre_header .te_header_before_right { display: none; } } header nav.navbar .pre_header .te_header_before_right .te_header_lang { display: inline-block; padding: 1px 12px; align-self: center; } header nav.navbar .pre_header .te_header_before_right .te_header_lang + .h10_pricelist { border-left: 1px solid #555; } header nav.navbar .pre_header .te_header_before_right .te_header_lang .o_lang_flag { width: 20px; height: 20px; vertical-align: middle; } header nav.navbar .pre_header .te_header_before_right .te_header_lang .lang_btn_name { vertical-align: middle; } header nav.navbar .pre_header .te_header_before_right .te_header_lang .list-inline .list-inline-item { color: #ffffff; } header nav.navbar .pre_header .te_header_before_right .te_header_lang .list-inline .list-inline-item .lang_btn_code { display: none !important; } header nav.navbar .pre_header .te_header_before_right .te_header_lang .list-inline .list-inline-item span:not(.lang_btn_code) { display: inline-block; } header nav.navbar .pre_header .te_header_before_right .te_header_lang .dropdown-toggle { padding: 0; color: #ffffff !important; font-size: 0.875rem; /* Reduced font-size with 2px */ text-decoration: none; font-family: inherit; } header nav.navbar .pre_header .te_header_before_right .te_header_lang .dropdown-toggle:after { vertical-align: middle; } header nav.navbar .pre_header .te_header_before_right .te_header_pricelist { display: inline-block; padding: 1px 12px; align-self: center; } header nav.navbar .pre_header .te_header_before_right .te_header_pricelist .dropdown-toggle { padding: 0; color: #ffffff; text-decoration: none; font-size: 0.875rem; /* Reduced font-size with 2px */ box-shadow: none; background-color: unset; } header nav.navbar .pre_header .te_header_before_right .te_header_pricelist .dropdown-toggle > span { vertical-align: middle; } header nav.navbar .pre_header .te_header_before_right .te_header_pricelist .dropdown-toggle:after { vertical-align: middle; } header nav.navbar .pre_header .te_header_before_right .te_header_pricelist .dropdown-menu, header nav.navbar .pre_header .te_header_before_right .te_header_pricelist .o_dropdown_menu { min-width: 8rem; left: auto; right: 0; } header nav.navbar .header_middle { padding: 6px 15px; /*------- Header Cart and Wishlist Icon --------*/ } @media (max-width: 575.98px) { header nav.navbar .header_middle { padding: 0; } } @media (max-width: 575.98px) { header nav.navbar .header_middle .middle_first .navbar-toggler { padding: 0 4px; margin-left: 0.5rem !important; box-shadow: none; } } @media (max-width: 767.98px) { header nav.navbar .header_middle .middle_first .navbar-toggler .navbar-toggler-icon { width: 20px; } header nav.navbar .header_middle .middle_first .navbar-toggler .navbar-toggler-icon .inner_bar, header nav.navbar .header_middle .middle_first .navbar-toggler .navbar-toggler-icon:before, header nav.navbar .header_middle .middle_first .navbar-toggler .navbar-toggler-icon:after { background-color: #35979c; } } header nav.navbar .header_middle .middle_first .navbar-brand { vertical-align: middle; display: inline-block; } @media (max-width: 575.98px) { header nav.navbar .header_middle .middle_first .navbar-brand { margin-right: 0; } } @media (max-width: 575.98px) { header nav.navbar .header_middle .middle_first .navbar-brand.logo img { max-width: 110px; } } header nav.navbar .header_middle .te_header_right_icon { text-align: right; } @media (min-width: 992px) { header nav.navbar .header_middle .te_header_right_icon { display: -webkit-box; display: -webkit-flex; display: flex; } } @media (min-width: 768px) and (max-width: 991px) { header nav.navbar .header_middle .te_header_right_icon { display: inherit; } } header nav.navbar .header_middle .te_header_right_icon > div, header nav.navbar .header_middle .te_header_right_icon li { display: inline-block; padding: 0 18px; } @media (max-width: 575.98px) { header nav.navbar .header_middle .te_header_right_icon > div, header nav.navbar .header_middle .te_header_right_icon li { padding: 0 10px; border-right: 0px solid; vertical-align: middle; } } header nav.navbar .header_middle .te_header_right_icon > div:last-child, header nav.navbar .header_middle .te_header_right_icon li:last-child { border-right: 0px solid; } header nav.navbar .header_middle .te_header_right_icon > div.te_header_search, header nav.navbar .header_middle .te_header_right_icon li.te_header_search { width: auto; display: none; padding: 0 18px; margin-right: 0; } @media (max-width: 991.98px) { header nav.navbar .header_middle .te_header_right_icon > div.te_header_search, header nav.navbar .header_middle .te_header_right_icon li.te_header_search { display: inline-block; vertical-align: middle; } } @media (max-width: 575.98px) { header nav.navbar .header_middle .te_header_right_icon > div.te_header_search, header nav.navbar .header_middle .te_header_right_icon li.te_header_search { padding: 0 8px; border-right: 0px solid; } } header nav.navbar .header_middle .te_header_right_icon > .te_header_lang { height: 30px; vertical-align: middle; padding: 0px !important; } header nav.navbar .header_middle .te_header_right_icon > .te_header_lang span.align-middle { color: #35979c; } header nav.navbar .header_middle .te_header_right_icon > .te_header_pricelist { vertical-align: middle; padding: 1px 10px; } header nav.navbar .header_middle .te_header_right_icon > .te_header_pricelist a.dropdown-toggle { padding: 0px; box-shadow: none; color: #35979c; background-color: transparent; } @media (max-width: 1399.98px) { header nav.navbar .header_middle .te_header_right_icon span.align-middle { display: none; } } @media (max-width: 1399.98px) { header nav.navbar .header_middle .te_header_right_icon .te_currency_name { display: none; } } @media (max-width: 1399.98px) { header nav.navbar .header_middle .te_header_right_icon .te_currency_symbol { display: inline-block; } } @media (max-width: 991.98px) { header nav.navbar .header_middle .te_header_right_icon .js_language_selector, header nav.navbar .header_middle .te_header_right_icon .te_header_pricelist { display: none; } } header nav.navbar .header_middle .te_header_right_icon .js_language_selector .dropdown-menu, header nav.navbar .header_middle .te_header_right_icon .js_language_selector .o_dropdown_menu, header nav.navbar .header_middle .te_header_right_icon .te_header_pricelist .dropdown-menu, header nav.navbar .header_middle .te_header_right_icon .te_header_pricelist .o_dropdown_menu { left: auto; right: 0; } header nav.navbar .header_middle .te_header_right_icon .te_header_search { padding: 0px 8px 0px 15px; } @media (max-width: 575.98px) { header nav.navbar .header_middle .te_header_right_icon .te_header_search { padding: 0 8px; } } @media (max-width: 767.98px) { header nav.navbar .header_middle .te_header_right_icon .te_header_search { padding: 0 8px 0px 12px; } } header nav.navbar .header_middle .te_header_style_right .te_header_search .ept-parent-category, header nav.navbar .header_middle .te_header_style_right .te_header_search .btn-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active, header nav.navbar .header_middle .te_header_style_right .te_header_search .btn-primary.active:not(:disabled):not(.o_wysiwyg_loader):not(.disabled), header nav.navbar .header_middle .te_header_style_right .te_header_search .show > .btn-primary.dropdown-toggle { font-size: inherit; } @media (max-width: 991.98px) { header nav.navbar .header_middle .te_header_style_right { width: 100%; position: absolute; bottom: 6px; left: 0px; z-index: -1; } } header nav.navbar .header_middle .te_search_popover button.oe_search_button { position: absolute; top: 0; right: -2px; bottom: 0; z-index: 9; background-color: #eaeff3; border-top-right-radius: 30px; border-bottom-right-radius: 30px; padding: 10px 24px; line-height: 1; border-color: #eaeff3; display: -webkit-box; display: -webkit-flex; display: flex; } header nav.navbar .header_middle .te_search_popover .form-control::placeholder { opacity: 0.5; } header nav.navbar .header_middle .te_search_popover .input-group { border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px; border-color: transparent; border: 2px solid #eaeff3; } header nav.navbar .header_middle .te_search_popover .input-group input.form-control { border: 0px; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px; border-top-right-radius: 30px !important; border-bottom-right-radius: 30px !important; box-shadow: unset; line-height: 40px; height: 40px; padding: 0px 1rem; font-size: 1rem !important; } @media (max-width: 575.98px) { header nav.navbar .header_middle .te_search_popover .input-group input.form-control { height: auto; } } header nav.navbar .header_middle .te_search_popover .input-group .te_advanced_search_div { background-color: #fff; border-top-left-radius: 30px; border-bottom-left-radius: 30px; z-index: 99; } header nav.navbar .header_middle .te_search_popover .input-group .ept-parent-category { padding: 0px 12px; height: auto; background-color: #fff; color: #333; vertical-align: middle; display: inline-block; border-top-left-radius: 30px; border-bottom-left-radius: 30px; box-shadow: unset !important; border: 0px solid #ededed; border-right: 1px solid #ededed; height: 40px; line-height: 40px; font-size: 1rem !important; } header nav.navbar .header_middle .te_search_popover .input-group .ept-parent-category .span_category { height: 40px; line-height: 40px; vertical-align: middle; } header nav.navbar .header_middle .te_search_popover .input-group .ept-parent-category .caret { display: inline-block; margin-left: 0.255em; content: ""; border-top: 0.3em solid; border-right: 0.3em solid transparent; border-bottom: 0; border-left: 0.3em solid transparent; vertical-align: middle; } header nav.navbar .header_middle .te_search_popover .input-group .ept-parent-category:after { display: none; } @media (max-width: 575.98px) { header nav.navbar .header_middle .te_search_popover .header_search_icon { width: 16px !important; } } header nav.navbar .header_middle .te_search_popover button.oe_search_button > i, header nav.navbar .header_middle .te_search_popover .owl-carousel.dynamic-owl-carousel .owl-nav button.oe_search_button.owl-next > i { background-image: url("/theme_clarico_vega/static/src/img/header_icons/search_icon.svg"); background-size: 100%; background-repeat: no-repeat; width: 20px; height: 20px; } @media (max-width: 575.98px) { header nav.navbar .header_middle .te_search_popover button.oe_search_button > i, header nav.navbar .header_middle .te_search_popover .owl-carousel.dynamic-owl-carousel .owl-nav button.oe_search_button.owl-next > i { width: 19px !important; height: 19px; } } header nav.navbar .header_middle .te_search_popover button.oe_search_button > i:before, header nav.navbar .header_middle .te_search_popover .owl-carousel.dynamic-owl-carousel .owl-nav button.oe_search_button.owl-next > i:before { display: none; } header nav.navbar .header_middle .te_search_popover button.oe_search_button.btn-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active, header nav.navbar .header_middle .te_search_popover button.oe_search_button.btn-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active:focus { background-color: transparent; box-shadow: none; font-size: inherit; } header nav.navbar .header_middle .te_header_search { display: inline-block; width: 100%; margin-right: 10px; } header nav.navbar .header_middle .te_header_search .o_searchbar_form .dropdown-menu a.active, header nav.navbar .header_middle .te_header_search .o_searchbar_form .o_dropdown_menu a.active { background-color: inherit; color: inherit; } header nav.navbar .header_middle .te_header_search .o_searchbar_form .dropdown-menu a.active, header nav.navbar .header_middle .te_header_search .o_searchbar_form .o_dropdown_menu a.active, header nav.navbar .header_middle .te_header_search .o_searchbar_form .dropdown-menu a:active, header nav.navbar .header_middle .te_header_search .o_searchbar_form .o_dropdown_menu a:active, header nav.navbar .header_middle .te_header_search .o_searchbar_form .dropdown-menu a:hover, header nav.navbar .header_middle .te_header_search .o_searchbar_form .o_dropdown_menu a:hover { background-color: inherit; color: inherit; } header nav.navbar .header_middle .te_header_search .o_searchbar_form .dropdown-menu a.active h6, header nav.navbar .header_middle .te_header_search .o_searchbar_form .o_dropdown_menu a.active h6, header nav.navbar .header_middle .te_header_search .o_searchbar_form .dropdown-menu a.active .h6, header nav.navbar .header_middle .te_header_search .o_searchbar_form .o_dropdown_menu a.active .h6, header nav.navbar .header_middle .te_header_search .o_searchbar_form .dropdown-menu a:active h6, header nav.navbar .header_middle .te_header_search .o_searchbar_form .o_dropdown_menu a:active h6, header nav.navbar .header_middle .te_header_search .o_searchbar_form .dropdown-menu a:active .h6, header nav.navbar .header_middle .te_header_search .o_searchbar_form .o_dropdown_menu a:active .h6, header nav.navbar .header_middle .te_header_search .o_searchbar_form .dropdown-menu a:hover h6, header nav.navbar .header_middle .te_header_search .o_searchbar_form .o_dropdown_menu a:hover h6, header nav.navbar .header_middle .te_header_search .o_searchbar_form .dropdown-menu a:hover .h6, header nav.navbar .header_middle .te_header_search .o_searchbar_form .o_dropdown_menu a:hover .h6 { background-color: inherit; color: inherit; } header nav.navbar .header_middle .te_header_search .o_searchbar_form .search_btn_close_ept { right: 75px; } @media (max-width: 991.98px) { header nav.navbar .header_middle .te_header_search { width: auto; margin-right: 8px; } header nav.navbar .header_middle .te_header_search .te_srch_icon_header { display: block; } header nav.navbar .header_middle .te_header_search .te_srch_icon_header a { outline: none; } header nav.navbar .header_middle .te_header_search .te_search_popover { opacity: 0; visibility: hidden; -webkit-transform: translate(0, 10px); -moz-transform: translate(0, 10px); -ms-transform: translate(0, 10px); -o-transform: translate(0, 10px); transform: translate(0, 10px); outline: 0; position: absolute; top: 50px; right: 0px; left: 0; width: 100%; padding: 4px 10px; } header nav.navbar .header_middle .te_header_search .te_search_popover.visible { -webkit-transform: translate(0, -24px); -moz-transform: translate(0, -24px); -ms-transform: translate(0, -24px); -o-transform: translate(0, -24px); transform: translate(0, -24px); /* For Safari*/ -webkit-transition-property: all; -webkit-transition-duration: 0.5s; -webkit-transition-timing-function: cubic-bezier(0.75, -0.02, 0.2, 0.97); /*For Firefox*/ -moz-transition-property: all; -moz-transition-duration: 0.5s; -moz-transition-timing-function: cubic-bezier(0.75, -0.02, 0.2, 0.97); /*Internet Explorer*/ -ms-transition-property: all; -ms-transition-duration: 0.5s; -ms-transition-timing-function: cubic-bezier(0.75, -0.02, 0.2, 0.97); /*For Opera*/ -o-transition-property: all; -o-transition-duration: 0.5s; -o-transition-timing-function: cubic-bezier(0.75, -0.02, 0.2, 0.97); /* Standard syntax */ transition-property: all; transition-duration: 0.5s; transition-timing-function: cubic-bezier(0.75, -0.02, 0.2, 0.97); opacity: 1; z-index: 999; } header nav.navbar .header_middle .te_header_search .te_search_popover .o_searchbar_form .dropdown-menu, header nav.navbar .header_middle .te_header_search .te_search_popover .o_searchbar_form .o_dropdown_menu { overflow-y: auto !important; } header nav.navbar .header_middle .te_header_search .te_search_popover:before { z-index: -1; content: ''; position: absolute; top: -8px; right: calc(50% - 10px); bottom: auto; left: auto; /* For Safari*/ -webkit-transition-property: transform; -webkit-transition-duration: 0.3s; /*For Firefox*/ -moz-transition-property: transform; -moz-transition-duration: 0.3s; /*Internet Explorer*/ -ms-transition-property: transform; -ms-transition-duration: 0.3s; /*For Opera*/ -o-transition-property: transform; -o-transition-duration: 0.3s; /* Standard syntax */ transition-property: transform; transition-duration: 0.3s; } header nav.navbar .header_middle .te_header_search .te_srch_icon { background-image: url("/theme_clarico_vega/static/src/img/header_icons/search_icon.svg"); background-size: 100%; background-repeat: no-repeat; width: 19px; height: 19px; vertical-align: middle; } header nav.navbar .header_middle .te_header_search .te_srch_icon:before { display: none; } header nav.navbar .header_middle .te_header_search .te_srch_close { display: none; background-image: url("/theme_clarico_vega/static/src/img/header_icons/close.svg"); background-size: 100%; background-repeat: no-repeat; width: 19px; height: 19px; vertical-align: middle; } header nav.navbar .header_middle .te_header_search .te_srch_close:before { display: none; } } header nav.navbar .header_middle .te_wish_icon_head a, header nav.navbar .header_middle .te_cart_icon_head a { padding: 0; position: relative; display: inline-block !important; text-decoration: none; font-size: 1rem; vertical-align: middle; } header nav.navbar .header_middle .te_wish_icon_head a sup, header nav.navbar .header_middle .te_cart_icon_head a sup { border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; -ms-border-radius: 12px; -o-border-radius: 12px; border-radius: 12px; width: auto; padding: 3px 5px; vertical-align: top; font-size: 0.625rem; position: absolute; top: -6px; right: -10px; display: inline-block !important; } header nav.navbar .header_middle .te_cart_icon_head a i { background: url("/theme_clarico_vega/static/src/img/header_icons/cart.svg") 100% 100% no-repeat; width: 23px; height: 22px; vertical-align: middle; } @media (max-width: 575.98px) { header nav.navbar .header_middle .te_cart_icon_head a i { width: 20px !important; } } header nav.navbar .header_middle .te_cart_icon_head a i:before { display: none; } header nav.navbar .header_middle .te_wish_icon_head a i { background: url("/theme_clarico_vega/static/src/img/header_icons/wishlist.svg") 100% 100% no-repeat; width: 23px; height: 22px; vertical-align: middle; } header nav.navbar .header_middle .te_wish_icon_head a i:before { display: none; } @media (max-width: 575.98px) { header nav.navbar .header_middle .te_wish_icon_head a i { width: 20px !important; } } header nav.navbar .header_middle .te_signin > a .te_user_account_icon, header nav.navbar .header_middle .te_signin > a.te_user_account_icon, header nav.navbar .header_middle .te_user_account > a .te_user_account_icon, header nav.navbar .header_middle .te_user_account > a.te_user_account_icon { display: inline-block; } header nav.navbar .header_middle .te_signin > a span, header nav.navbar .header_middle .te_user_account > a span { text-decoration: none; background: url("/theme_clarico_vega/static/src/img/header_icons/user.svg") 100% no-repeat; width: 19px; height: 24px; vertical-align: middle; } header nav.navbar .header_middle .te_signin > a span:before, header nav.navbar .header_middle .te_user_account > a span:before { display: none; } @media (max-width: 575.98px) { header nav.navbar .header_middle .te_signin > a span, header nav.navbar .header_middle .te_user_account > a span { width: 17px !important; } } header nav.navbar .header_middle .te_user_account .dropdown-toggle { vertical-align: middle; text-decoration: none; } @media (max-width: 575.98px) { header nav.navbar .header_middle .te_user_account .dropdown-toggle:after { margin-left: 0px; } } header nav.navbar .header_middle .te_user_account .dropdown-menu:before, header nav.navbar .header_middle .te_user_account .o_dropdown_menu:before { right: 12px; } header nav.navbar .header_middle .te_user_account .dropdown-menu:after, header nav.navbar .header_middle .te_user_account .o_dropdown_menu:after { right: 11px; } header nav.navbar .header_middle .te_signin .btn-link { vertical-align: super; } header nav.navbar .header_middle .te_signin { padding: 0px !important; } header nav.navbar .header_bottom { border-top: 1px solid #ededed; } @media (max-width: 991.98px) { header #top_menu_collapse_clone .dropdown-toggle::after, header #top_menu_collapse .dropdown-toggle::after { content: "\f078"; font-family: "FontAwesome"; border: none; font-size: 0.75rem; } } @media (max-width: 991.98px) { header #top_menu_collapse_clone .dropdown-toggle::after, header #top_menu_collapse .dropdown-toggle::after { content: "\f107"; font-size: 25px; position: absolute; top: 0; right: 5px; width: 45px; height: 56px; line-height: 56px; text-align: center; margin: 0; } } header #top_menu_collapse #top_menu .o_offcanvas_menu_toggler { display: none; } header #top_menu_collapse #top_menu.nav-pills > .nav-link:hover, header #top_menu_collapse #top_menu.nav-pills > .nav-link.active, header #top_menu_collapse #top_menu.nav-pills.show > .nav-link { /*color: $nav-pills-link-active-color; background-color: $nav-pills-link-active-bg;*/ } header #top_menu_collapse #top_menu > li { padding: 0; line-height: 1; margin: 0; } @media (min-width: 992px) { header #top_menu_collapse #top_menu > li { align-self: center; } } header #top_menu_collapse #top_menu > li:first-child { border-left: 0px solid; } @media (min-width: 992px) { header #top_menu_collapse #top_menu > li:first-child > a.nav-link { padding-left: 0px; margin-left: 0px; } } header #top_menu_collapse #top_menu > li:last-child a.nav-link:before { display: none; } @media (max-width: 991.98px) { header #top_menu_collapse #top_menu > li { border-left: 0; margin: 0 0; } } header #top_menu_collapse #top_menu > li > a.nav-link { padding-top: 4px; padding-bottom: 4px; transition: 0.4s all; position: relative; color: inherit; border-radius: 4px; } @media (min-width: 992px) { header #top_menu_collapse #top_menu > li > a.nav-link { padding: 16px 14px; } } @media (max-width: 991.98px) { header #top_menu_collapse #top_menu > li > a.nav-link { margin: 0; padding: 14px; color: #35979c; white-space: unset; } } header #top_menu_collapse #top_menu > li > a.nav-link:before { /*content: ''; position: absolute; width: 1px; top: 50%; transform: translateY(-50%); display: inline; background: #ededed;*/ right: 0; height: calc(100% - 20px); } header #top_menu_collapse #top_menu > li > a.nav-link span { vertical-align: middle; line-height: 1.2; } header #top_menu_collapse #top_menu > li > a.nav-link.active { min-height: inherit; } header #top_menu_collapse #top_menu:last-child { border-right: 0px; } @media (max-width: 991.98px) { header #top_menu_collapse .dropdown-toggle:after { position: absolute; top: 50%; right: 0; left: unset; height: auto; line-height: 1; text-align: center; margin: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } } header #top_menu_collapse.header_menu_slide { position: fixed !important; top: 0; bottom: auto; height: calc(100vh - 40px); overflow-x: hidden; z-index: 9999; width: 0; display: block; padding-top: 50px; /*@include o-apply-colors('menu'); @if (color-yiq(o-color('menu')) != $yiq-text-dark) { @extend .navbar-dark; }*/ background-color: #FFFFFF; color: #000000; left: 0; right: unset; } header #top_menu_collapse.header_menu_slide .nav-item { opacity: 1 !important; } header #top_menu_collapse.header_menu_slide .o_mega_menu { /*@include o-apply-colors('menu'); @if (color-yiq(o-color('menu')) != $yiq-text-dark) { @extend .navbar-dark; }*/ background-color: #FFFFFF; color: #000000; } header .close_top_menu { display: none; } @media (max-width: 991.98px) { header .close_top_menu { display: block; position: absolute; top: 10px; right: 10px; height: 35px; width: 35px; text-align: center; line-height: 2; border-radius: 50%; border: 1px solid #ddd; cursor: pointer; } } /* Common styles */ header { /* User name related style */ /* Add close toggle icon on mobile view */ /* Show pricelist and language in mobile view */ } header span.oe_search_found { display: none; } header .o_colored_level.navbar-light .js_language_selector a.o_add_language { display: none !important; } header .o_colored_level.navbar-light .js_language_selector button.dropdown-toggle { color: #35979c; background-color: transparent !important; } @media (max-width: 991.98px) { header .o_colored_level.navbar-light .js_language_selector button.dropdown-toggle { width: 100%; text-align: left; } } header .o_colored_level.navbar-light .js_language_selector .dropdown-menu a.dropdown-item, header .o_colored_level.navbar-light .js_language_selector .o_dropdown_menu a.dropdown-item { text-decoration: none; } header .o_colored_level.navbar-light .js_language_selector .dropdown-menu a.dropdown-item.active, header .o_colored_level.navbar-light .js_language_selector .o_dropdown_menu a.dropdown-item.active { color: #35979c !important; background-color: transparent !important; } header .o_colored_level.navbar-light .js_language_selector .dropdown-menu a.dropdown-item.active:hover, header .o_colored_level.navbar-light .js_language_selector .o_dropdown_menu a.dropdown-item.active:hover { color: #35979c !important; } header .o_colored_level.navbar-light .js_language_selector .dropdown-menu a.dropdown-item.js_change_lang span, header .o_colored_level.navbar-light .js_language_selector .o_dropdown_menu a.dropdown-item.js_change_lang span { font-family: inherit; text-decoration: none; } header .o_colored_level.navbar-light .js_language_selector .dropdown-menu a.dropdown-item.js_change_lang span.lang_btn_code, header .o_colored_level.navbar-light .js_language_selector .o_dropdown_menu a.dropdown-item.js_change_lang span.lang_btn_code { display: none !important; } @media (max-width: 991.98px) { header #oe_structure_header_boxed_1 { display: none; } } header .te_user_account .dropdown-item.te_user_name { cursor: default; pointer-events: none; } header .te_user_account .dropdown-item.te_user_name .te_user_drop_item { display: block; } header .te_user_account .dropdown-menu, header .te_user_account .o_dropdown_menu { padding: 0.2rem 0 0 0; margin-top: 2px !important; } @media (max-width: 575.98px) { header .te_user_account .dropdown-menu, header .te_user_account .o_dropdown_menu { margin-top: 8px !important; } } header .te_user_account .dropdown-menu:before, header .te_user_account .o_dropdown_menu:before { content: ""; position: absolute; top: -12px; right: 28px; border: 6px solid; border-color: transparent transparent #fff transparent; z-index: 4; display: block; height: 0; width: 0; } header .te_user_account .dropdown-menu:after, header .te_user_account .o_dropdown_menu:after { content: ""; position: absolute; top: -15px; right: 27px; border: 7px solid; border-color: transparent transparent #ededed transparent; z-index: 3; display: block; height: 0px; width: 0px; } header .te_user_account .dropdown-menu a.dropdown-item, header .te_user_account .o_dropdown_menu a.dropdown-item { padding: 0.55rem 1.5rem; border-bottom: 1px solid #ededed; font-size: 0.875rem; /* Reduced font-size with 2px */ } header .te_user_account .dropdown-menu a.dropdown-item > span.fa, header .te_user_account .o_dropdown_menu a.dropdown-item > span.fa { font-size: inherit; color: rgba(0, 0, 0, 0.5); margin-right: 1rem; } header .te_user_account .dropdown-menu a.dropdown-item:hover > span, header .te_user_account .o_dropdown_menu a.dropdown-item:hover > span { color: #35979c; } header .te_user_account .dropdown-menu a.dropdown-item:last-child, header .te_user_account .o_dropdown_menu a.dropdown-item:last-child { border: none; } header .js_language_selector > a.dropdown-item, header .te_header_pricelist > a.dropdown-item, header .te_user_account > a.dropdown-item { font-size: 0.875rem; /* Reduced font-size with 2px */ } header .navbar .nav-item { list-style: none; } header .navbar .nav-item.dropdown.o_extra_menu_items { align-self: center; } @media (max-width: 991.98px) { header #top_menu_collapse li.nav-item { border-top: 1px solid #eee; } } @media (max-width: 991.98px) { header #top_menu_collapse li.nav-item:first-child { border-top: 0px; } } @media (max-width: 991.98px) { header #top_menu_collapse li.nav-item:last-child { border-bottom: 1px solid #eee; } } @media (max-width: 991.98px) { header li.te_header_lang_mobi, header li.te_header_pricelist_mobi { border-top: 1px solid #eee !important; } } @media (max-width: 991.98px) { header .navbar-light .navbar-toggler.ept_mobi_toggler { margin-left: 1rem; } header .navbar-light .navbar-toggler.ept_mobi_toggler span.navbar-toggler-icon { background-image: none; width: 24px; vertical-align: middle; margin-top: 5px; } header .navbar-light .navbar-toggler.ept_mobi_toggler span.navbar-toggler-icon:before, header .navbar-light .navbar-toggler.ept_mobi_toggler span.navbar-toggler-icon:after { content: ''; background-color: #35979c; display: block; height: 2px; margin: 5px 0; transition: all .2s ease-in-out; } header .navbar-light .navbar-toggler.ept_mobi_toggler span.navbar-toggler-icon .inner_bar { content: ''; background-color: #35979c; display: block; height: 2px; margin: 5px 0; transition: all .2s ease-in-out; } } @media (max-width: 991.98px) { header .te_header_lang_mobi { display: block !important; border-top: 0px !important; } header .te_header_lang_mobi .js_language_selector { margin-left: 0px !important; padding: 10px 0px 10px 14px !important; } header .te_header_lang_mobi .js_language_selector .dropdown-toggle { padding-left: 0px; } header .te_header_lang_mobi .dropdown-menu, header .te_header_lang_mobi .o_dropdown_menu { position: absolute; width: 100%; } header .te_header_lang_mobi .dropdown-menu .a.dropdown-item, header .te_header_lang_mobi .o_dropdown_menu .a.dropdown-item { padding: 0.25rem 1.2rem; } } @media (max-width: 991.98px) { header .te_header_pricelist_mobi { display: block !important; padding: 10px 0px !important; } header .te_header_pricelist_mobi a.dropdown-toggle { width: 100%; text-align: left; box-shadow: none !important; color: #35979c; background-color: transparent; padding-top: 0px; } header .te_header_pricelist_mobi .dropdown-menu, header .te_header_pricelist_mobi .o_dropdown_menu { position: absolute; width: 100%; } } header li.o_wsale_my_wish:not(.o_wsale_my_wish_hide_empty) { display: inline-block !important; } header .dropdown-toggle::after { vertical-align: middle; margin-left: 2px; } /* Globle applied font size */ a.btn, button.btn, .owl-carousel.dynamic-owl-carousel .owl-nav button.btn.owl-next { font-size: 1.0625rem; } #wrapwrap.wrapwrap_trans_header { z-index: initial !important; overflow: hidden; } #wrapwrap.wrapwrap_trans_header header#top { z-index: 9; } #wrapwrap .dropdown-menu, #wrapwrap .o_dropdown_menu { background-clip: initial; -webkit-box-shadow: 0px 3px 10px 0 rgba(50, 50, 93, 0.1); -moz-box-shadow: 0px 3px 10px 0 rgba(50, 50, 93, 0.1); -ms-box-shadow: 0px 3px 10px 0 rgba(50, 50, 93, 0.1); -o-box-shadow: 0px 3px 10px 0 rgba(50, 50, 93, 0.1); box-shadow: 0px 3px 10px 0 rgba(50, 50, 93, 0.1); border-radius: 0; } #wrapwrap .dropdown-menu.dropdown-menu-right, #wrapwrap .dropdown-menu-right.o_dropdown_menu { right: 0; left: auto; } #wrapwrap .dropdown-menu.show a:hover, #wrapwrap .show.o_dropdown_menu a:hover { text-decoration: none; background-color: transparent; } #wrapwrap .dropdown-menu a.dropdown-item, #wrapwrap .o_dropdown_menu a.dropdown-item { text-decoration: none; } /* ========= offcanvas header account ============= */ .offcanvas { width: 350px; } .offcanvas .offcanvas-header { justify-content: center !important; } .offcanvas .offcanvas-header .te_user_drop_item_message { position: absolute; left: 54px; font-size: 12px; top: 10%; bottom: 0; border: 1px solid; line-height: 9px; border-radius: 25px; margin-right: 10px; font-weight: normal; width: max-content; height: 19px; text-align: center; background: #212121; padding: 5px; color: #ffffff; } .offcanvas .offcanvas-header button.btn-close.text-reset { position: absolute; left: auto; right: 10px; top: 9px; } .offcanvas .offcanvas-header .te_user_name span.fa.fa-user-o { display: -webkit-box; display: -webkit-flex; display: flex; margin: 0 auto; justify-content: center; width: 85px; height: 85px; border-radius: 50%; font-size: 25px; line-height: 84px; margin: 0 auto; background-color: #e6e6e659 !important; color: #21252A !important; box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1); margin-bottom: 0.7rem; position: relative; } .offcanvas .offcanvas-header .te_user_drop_item { text-align: center; display: block; text-decoration: none; } .offcanvas .offcanvas-header .te_user_name { text-decoration: none; } .offcanvas .offcanvas-body { display: -webkit-box; display: -webkit-flex; display: flex; justify-content: space-between; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; } .offcanvas .offcanvas-body .scrollbar { overflow-y: auto; scrollbar-width: 3px; cursor: grab; } .offcanvas .offcanvas-body .scrollbar::-webkit-scrollbar { width: 3px; } .offcanvas .offcanvas-body .scrollbar::-webkit-scrollbar-thumb { border-radius: 0; background: currentColor; } .offcanvas .offcanvas-body .scrollbar::-webkit-scrollbar-track { background: #f7f7f7; } .offcanvas .offcanvas-body #o_logout { color: #900000; margin-bottom: 0; } .offcanvas .offcanvas-body a.list-group-item { background-color: #f1f1f1; border: 0; margin-bottom: 0.7rem; box-shadow: 0px 4px 3px rgba(0, 0, 0, 0.1); border-radius: 15px; align-items: center; border: 1px solid transparent; display: -webkit-box; display: -webkit-flex; display: flex; text-decoration: none; padding: 0.25rem; } .offcanvas .offcanvas-body a.list-group-item:hover .fa { color: #35979c; background: #ffffff; } .offcanvas .offcanvas-body a.list-group-item:hover .my_wish_quantity { background: #ffffff; color: #35979c; } .offcanvas .offcanvas-body a.list-group-item:hover .my_cart_quantity { background: #ffffff; color: #35979c; } .offcanvas .offcanvas-body a:hover { color: #35979c !important; box-shadow: 6px 6px 6px 0px rgba(0, 0, 0, 0.1); } .offcanvas .offcanvas-body .fa { width: 36px; height: 36px; line-height: 36px; justify-content: center; display: -webkit-box; display: -webkit-flex; display: flex; border-radius: 50%; box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1); background: #ffffff; } .offcanvas .offcanvas-body .my_wish_quantity, .offcanvas .offcanvas-body .my_cart_quantity { display: -webkit-box; display: -webkit-flex; display: flex; position: absolute; justify-content: center; left: 85%; right: 0; top: auto; margin-right: 10px; font-weight: normal; padding: 3px 5px; min-width: 30px; height: 18px; text-align: center; font-size: 0.875rem; line-height: 9px; border: 1px solid; font-size: 12px; width: max-content; border-radius: 20px; } /* /theme_clarico_vega/static/src/scss/footer.scss */ /*================ Footer Style 1 ==================*/ footer.o_footer { margin-top: 1.5rem; } footer.o_footer a { font-size: 0.95833333rem; } footer.o_footer ul { padding: 0; list-style-type: none; } footer.o_footer ul li { padding: 4px 0; } footer.o_footer .te_footer_info_ept section:first-child li { padding-top: 0; } footer.o_footer .te_footer_info_ept section li { display: block; } footer.o_footer .te_footer_info_ept section li i { font-size: inherit; position: relative; top: 0; opacity: 0; /* For Safari*/ -webkit-transition-property: all; -webkit-transition-duration: 0.5s; /*For Firefox*/ -moz-transition-property: all; -moz-transition-duration: 0.5s; /*Internet Explorer*/ -ms-transition-property: all; -ms-transition-duration: 0.5s; /*For Opera*/ -o-transition-property: all; -o-transition-duration: 0.5s; /* Standard syntax */ transition-property: all; transition-duration: 0.5s; margin-right: -15px; } footer.o_footer .te_footer_info_ept section li:hover i { opacity: 1; margin-right: 5px; } footer.o_footer .te_block_title { font-size: inherit; font-weight: 600; margin-bottom: 15px; display: inline-block; } @media (min-width: 1600px) { footer.o_footer .te_company_content { font-size: 0.95833333rem; } } footer.o_footer .te_footer_info_text > li { padding: 10px 0; } footer.o_footer .te_footer_info_text .te_ftr_text_style { width: calc(100% - 24px); font-size: 0.95833333rem; vertical-align: middle; } footer.o_footer .te_footer_info_text .te_ftr_text_style a { font-size: 0.95833333rem; vertical-align: middle; } footer.o_footer .te_footer_social_icon { margin-bottom: 10px; } footer.o_footer .te_footer_social_icon > a { width: 40px; height: 40px; line-height: 40px; border-radius: 50%; background-color: rgba(0, 0, 0, 0.2); text-align: center; padding: 0; margin-right: 5px; margin-bottom: 5px; font-size: 18px !important; } footer.o_footer .te_footer_social_icon > a span { display: inline-block; } footer.o_footer .te_footer_social_icon > a:last-child { margin-right: 0px; } footer.o_footer .te_newsletter_title h5, footer.o_footer .te_newsletter_title .h5 { margin-bottom: 12px; font-size: 0.95833333rem; } footer.o_footer .js_language_selector { margin-top: 0px; } footer.o_footer .js_language_selector li { padding: 0; } footer.o_footer .js_language_selector button, footer.o_footer .js_language_selector .owl-carousel.dynamic-owl-carousel .owl-nav button.owl-next, .owl-carousel.dynamic-owl-carousel .owl-nav footer.o_footer .js_language_selector button.owl-next { color: #35979c; } footer.o_footer .js_language_selector button:hover, footer.o_footer .js_language_selector .owl-carousel.dynamic-owl-carousel .owl-nav button.owl-next:hover, .owl-carousel.dynamic-owl-carousel .owl-nav footer.o_footer .js_language_selector button.owl-next:hover { background-color: transparent !important; } footer.o_footer .js_language_selector.dropup .dropdown-menu.show a.active, footer.o_footer .js_language_selector.dropup .show.o_dropdown_menu a.active { background-color: #35979c; } footer.o_footer .js_language_selector.dropup .dropdown-menu.show a:hover, footer.o_footer .js_language_selector.dropup .show.o_dropdown_menu a:hover { color: #35979c !important; } footer.o_footer .te_footer_payment_img { margin-top: 16px; } @media (max-width: 575.98px) { footer.o_footer .te_newsletter_content { padding-bottom: 5px; } } footer.o_footer .te_copyright_add_language { text-align: right; } @media (max-width: 575.98px) { footer.o_footer .te_copyright_add_language { text-align: left; margin-top: 16px; } } @media (max-width: 575.98px) { footer.o_footer .te_informations_s { padding-bottom: 1.5rem !important; } } .o_footer_copyright .o_footer_copyright_name { font-size: 0.95833333rem; } .te_footer_detail { position: relative; padding: 0; } .te_footer_detail .te_footer_logo_title_socialicon .te_footer_logo_img img { max-width: 100px; } @media (max-width: 575.98px) { .te_footer_detail .te_footer_logo_title_socialicon { width: 90%; margin-left: auto; margin-right: auto; } } .te_footer_detail .te_company_content { font-size: 0.95833333rem; } .te_footer_detail span.te_footer_add_tel_email_text_ept { width: 15px; display: inline-block; vertical-align: middle; } .te_footer_detail span.te_footer_add_tel_email_text_ept span { font-size: 0.95833333rem; } @media (max-width: 575.98px) { .te_newsletter_main .js_language_selector .dropdown-menu, .te_newsletter_main .js_language_selector .o_dropdown_menu { transform: translate3d(65px, -73px, 0px) !important; } } .te_newsletter h5, .te_newsletter .h5 { font-size: 1.125rem; } section.te_payment_list img { max-height: 30px; } .s_newsletter_subscribe_form .js_subscribe_value, .s_newsletter_subscribe_form .js_subscribe_btn, .s_newsletter_subscribe_form .btn-success { font-size: 0.95833333rem; padding: 0.2rem 0.5rem; height: 36px; line-height: 1.8; } /* /website_form_require_legal/static/src/scss/website_form_legal.scss */ .s_website_form[data-vcss="001"] .s_website_form_legal .s_website_form_label { float: left; height: 1px; } /* /website_links/static/src/css/website_links.css */ .no-link-style { color: black; text-decoration: none; } .required-form-control { background-color: #CECDFF; } #filters li a, #filters li.active a, #filters li.active a.active, #filters li.active a:hover, #filters li.active a:focus, #filters li a:hover { padding: 0px 5px; border-radius: 0px; border: 0px; border-color: transparent; border-right: 1px solid #999; padding-bottom: 0; background-color: #FFFFFF; } #filters li.active a { color: #999; } #filters li:last-child a, #filters li:last-child a:hover, #filters li:last-child a:focus { border-right: 0px; } .nav-tabs-inline { font-size: 14px; } #o_website_links_recent_links { min-height:30em; } .o_website_links_code_error { display:none; color:red; font-weight:bold; } .truncate_text { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 500px; } /* /website_sale_delivery/static/src/scss/website_sale_delivery.scss */ @media (max-width: 767.98px) { .o_wsale_delivery_badge_price { max-width: 130px; text-overflow: ellipsis; overflow: hidden; } } #delivery_method .o_delivery_carrier_select:hover { cursor: pointer; } /* /website_sale_product_item_cart_custom_qty/static/src/scss/add_to_cart.scss */ .oe_product_cart .o_wsale_product_btn input { transform: scale(1); transition: transform ease 200ms 0s; } /* /website_sale_require_legal/static/src/scss/website_sale_require_legal.scss */ input#accepted_legal_terms.is-invalid ~ .form-check-label a { color: #dc3545; } /* /website/static/src/snippets/s_title/000.scss */ .s_title:not([data-vcss]) .s_title_boxed > * { display: inline-block; padding: 30px; border: 1px solid; } .s_title:not([data-vcss]) .s_title_lines { overflow: hidden; } .s_title:not([data-vcss]) .s_title_lines:before, .s_title:not([data-vcss]) .s_title_lines:after { content: ""; display: inline-block; vertical-align: middle; width: 100%; border-top: 1px solid; border-top-color: inherit; } .s_title:not([data-vcss]) .s_title_lines:before { margin: 0 15px 0 -100%; } .s_title:not([data-vcss]) .s_title_lines:after { margin: 0 -100% 0 15px; } .s_title:not([data-vcss]) .s_title_small_caps { font-variant: small-caps; } .s_title:not([data-vcss]) .s_title_transparent { opacity: .5; } .s_title:not([data-vcss]) .s_title_thin { font-weight: 300; } /* /website/static/src/snippets/s_alert/000.scss */ .s_alert { margin: 15px 0; border: 1px solid; border-radius: 0; } .s_alert p:last-child, .s_alert ul:last-child, .s_alert ol:last-child { margin-bottom: 0; } .s_alert.s_alert_sm { padding: 10px; font-size: 0.75rem; } .s_alert.s_alert_md { padding: 15px; font-size: 1rem; } .s_alert.s_alert_lg { padding: 30px; font-size: 1.25rem; } .s_alert .s_alert_icon { float: left; margin-right: 10px; } .s_alert .s_alert_content { overflow: hidden; } /* /website/static/src/snippets/s_card/000.scss */ .s_card { margin: 15px 0; } .s_card .card-body p:last-child, .s_card .card-body ul:last-child, .s_card .card-body ol:last-child { margin-bottom: 0; } /* /website/static/src/snippets/s_share/000.scss */ .s_share > * { display: inline-block; vertical-align: middle; } .s_share .s_share_title { margin: 0 .4rem 0 0; } .s_share a { margin: .2rem; } .s_share a i.fa { display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; } /* /website/static/src/snippets/s_social_media/000.scss */ .s_social_media > * { display: inline-block; vertical-align: middle; } .s_social_media .s_social_media_title { margin: 0 .4rem 0 0; } .s_social_media a { margin: .2rem; } .s_social_media a i.fa, .s_social_media a span.fa { display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; } /* /website/static/src/snippets/s_rating/001.scss */ .s_rating.s_rating_inline[data-vcss="001"] { display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; } .s_rating.s_rating_inline[data-vcss="001"] .s_rating_title { margin: 0; margin-right: 0.5em; } .s_rating.s_rating_inline[data-vcss="001"] .s_rating_icons { margin-left: auto; } /* /website/static/src/snippets/s_hr/000.scss */ .s_hr { line-height: 0; } .s_hr hr { padding: 0; border: 0; border-top: 1px solid currentColor; margin: 0; color: inherit; opacity: 1; background-color: transparent; } /* /website/static/src/snippets/s_image_gallery/001.scss */ .s_image_gallery.o_grid[data-vcss="001"] .img, .s_image_gallery.o_masonry[data-vcss="001"] .img { width: 100%; } .s_image_gallery.o_grid.o_spc-none[data-vcss="001"] div.row { margin-bottom: 0px; } .s_image_gallery.o_grid.o_spc-small[data-vcss="001"] div.row > div { margin-bottom: 1rem; } .s_image_gallery.o_grid.o_spc-medium[data-vcss="001"] div.row > div { margin-bottom: 2rem; } .s_image_gallery.o_grid.o_spc-big[data-vcss="001"] div.row > div { margin-bottom: 3rem; } .s_image_gallery.o_masonry.o_spc-none[data-vcss="001"] div.o_masonry_col { padding: 0; } .s_image_gallery.o_masonry.o_spc-none[data-vcss="001"] div.o_masonry_col > img, .s_image_gallery.o_masonry.o_spc-none[data-vcss="001"] div.o_masonry_col > a > img, .s_image_gallery.o_masonry.o_spc-none[data-vcss="001"] div.o_masonry_col > .media_iframe_video { margin: 0 !important; } .s_image_gallery.o_masonry.o_spc-small[data-vcss="001"] div.o_masonry_col { padding: 0 0.5rem; } .s_image_gallery.o_masonry.o_spc-small[data-vcss="001"] div.o_masonry_col > img, .s_image_gallery.o_masonry.o_spc-small[data-vcss="001"] div.o_masonry_col > a > img, .s_image_gallery.o_masonry.o_spc-small[data-vcss="001"] div.o_masonry_col > .media_iframe_video { margin-bottom: 1rem !important; } .s_image_gallery.o_masonry.o_spc-medium[data-vcss="001"] div.o_masonry_col { padding: 0 1rem; } .s_image_gallery.o_masonry.o_spc-medium[data-vcss="001"] div.o_masonry_col > img, .s_image_gallery.o_masonry.o_spc-medium[data-vcss="001"] div.o_masonry_col > a > img, .s_image_gallery.o_masonry.o_spc-medium[data-vcss="001"] div.o_masonry_col > .media_iframe_video { margin-bottom: 2rem !important; } .s_image_gallery.o_masonry.o_spc-big[data-vcss="001"] div.o_masonry_col { padding: 0 1.5rem; } .s_image_gallery.o_masonry.o_spc-big[data-vcss="001"] div.o_masonry_col > img, .s_image_gallery.o_masonry.o_spc-big[data-vcss="001"] div.o_masonry_col > a > img, .s_image_gallery.o_masonry.o_spc-big[data-vcss="001"] div.o_masonry_col > .media_iframe_video { margin-bottom: 3rem !important; } .s_image_gallery.o_nomode.o_spc-none[data-vcss="001"] .row > div { padding-top: 0; padding-bottom: 0; } .s_image_gallery.o_nomode.o_spc-small[data-vcss="001"] .row > div { padding-top: 0.5rem; padding-bottom: 0.5rem; } .s_image_gallery.o_nomode.o_spc-medium[data-vcss="001"] .row > div { padding-top: 1rem; padding-bottom: 1rem; } .s_image_gallery.o_nomode.o_spc-big[data-vcss="001"] .row > div { padding-top: 1.5rem; padding-bottom: 1.5rem; } .s_image_gallery[data-vcss="001"]:not(.o_slideshow) img { cursor: pointer; } .s_image_gallery.o_slideshow[data-vcss="001"] .carousel .carousel-item.active, .s_image_gallery.o_slideshow[data-vcss="001"] .carousel .carousel-item-next, .s_image_gallery.o_slideshow[data-vcss="001"] .carousel .carousel-item-prev, .s_image_gallery.o_slideshow[data-vcss="001"] .carousel .carousel-control-next, .s_image_gallery.o_slideshow[data-vcss="001"] .carousel .carousel-control-prev { padding-bottom: 64px; } .s_image_gallery.o_slideshow[data-vcss="001"] .carousel ul.carousel-indicators li { border: 1px solid #aaa; } .s_image_gallery.o_slideshow[data-vcss="001"] .carousel .media_iframe_video { width: 70%; height: 100%; } .s_image_gallery.o_slideshow[data-vcss="001"] ul.carousel-indicators { position: absolute; left: 0%; bottom: 0; width: 100%; height: auto; margin-left: 0; padding: 0; border-width: 0; } .s_image_gallery.o_slideshow[data-vcss="001"] ul.carousel-indicators > * { list-style-image: none; display: inline-block; width: 40px; height: 40px; line-height: 40px; margin: 2.5px 2.5px 2.5px 2.5px; padding: 0; border: 1px solid #aaa; text-indent: initial; background-size: cover; background-color: #fff; background-position: center; border-radius: 0; vertical-align: bottom; flex: 0 0 40px; } .s_image_gallery.o_slideshow[data-vcss="001"] ul.carousel-indicators > *:not(.active) { opacity: 0.8; filter: grayscale(1); } .s_image_gallery.o_slideshow[data-vcss="001"] > .container, .s_image_gallery.o_slideshow[data-vcss="001"] > .container-fluid, .s_image_gallery.o_slideshow[data-vcss="001"] > .container-sm, .s_image_gallery.o_slideshow[data-vcss="001"] > .container-md, .s_image_gallery.o_slideshow[data-vcss="001"] > .container-lg, .s_image_gallery.o_slideshow[data-vcss="001"] > .container-xl, .s_image_gallery.o_slideshow[data-vcss="001"] > .container-xxl, .s_image_gallery.o_slideshow[data-vcss="001"] > .o_container_small { height: 100%; } .s_image_gallery.o_slideshow.s_image_gallery_cover[data-vcss="001"] .carousel-item > a { width: 100%; height: 100%; } .s_image_gallery.o_slideshow.s_image_gallery_cover[data-vcss="001"] .carousel-item > a > img, .s_image_gallery.o_slideshow.s_image_gallery_cover[data-vcss="001"] .carousel-item > img { width: 100%; height: 100%; object-fit: cover; } .s_image_gallery.o_slideshow[data-vcss="001"]:not(.s_image_gallery_show_indicators) .carousel ul.carousel-indicators { display: none; } .s_image_gallery.o_slideshow[data-vcss="001"]:not(.s_image_gallery_show_indicators) .carousel .carousel-item.active, .s_image_gallery.o_slideshow[data-vcss="001"]:not(.s_image_gallery_show_indicators) .carousel .carousel-item-next, .s_image_gallery.o_slideshow[data-vcss="001"]:not(.s_image_gallery_show_indicators) .carousel .carousel-item-prev, .s_image_gallery.o_slideshow[data-vcss="001"]:not(.s_image_gallery_show_indicators) .carousel .carousel-control-next, .s_image_gallery.o_slideshow[data-vcss="001"]:not(.s_image_gallery_show_indicators) .carousel .carousel-control-prev { padding-bottom: 0px; } .s_image_gallery.o_slideshow.s_image_gallery_indicators_arrows_boxed[data-vcss="001"] .carousel .carousel-control-prev .fa, .s_image_gallery.o_slideshow.s_image_gallery_indicators_arrows_boxed[data-vcss="001"] .carousel .carousel-control-next .fa, .s_image_gallery.o_slideshow.s_image_gallery_indicators_arrows_rounded[data-vcss="001"] .carousel .carousel-control-prev .fa, .s_image_gallery.o_slideshow.s_image_gallery_indicators_arrows_rounded[data-vcss="001"] .carousel .carousel-control-next .fa { text-shadow: none; } .s_image_gallery.o_slideshow.s_image_gallery_indicators_arrows_boxed[data-vcss="001"] .carousel .carousel-control-prev .fa:before { content: "\f104"; padding-right: 2px; } .s_image_gallery.o_slideshow.s_image_gallery_indicators_arrows_boxed[data-vcss="001"] .carousel .carousel-control-next .fa:before { content: "\f105"; padding-left: 2px; } .s_image_gallery.o_slideshow.s_image_gallery_indicators_arrows_boxed[data-vcss="001"] .carousel .carousel-control-prev .fa:before, .s_image_gallery.o_slideshow.s_image_gallery_indicators_arrows_boxed[data-vcss="001"] .carousel .carousel-control-next .fa:before { display: block; width: 3rem; height: 3rem; line-height: 3rem; color: black; background: white; font-size: 1.25rem; border: 1px solid #ADB5BD; } .s_image_gallery.o_slideshow.s_image_gallery_indicators_arrows_rounded[data-vcss="001"] .carousel .carousel-control-prev .fa:before { content: "\f060"; } .s_image_gallery.o_slideshow.s_image_gallery_indicators_arrows_rounded[data-vcss="001"] .carousel .carousel-control-next .fa:before { content: "\f061"; } .s_image_gallery.o_slideshow.s_image_gallery_indicators_arrows_rounded[data-vcss="001"] .carousel .carousel-control-prev .fa:before, .s_image_gallery.o_slideshow.s_image_gallery_indicators_arrows_rounded[data-vcss="001"] .carousel .carousel-control-next .fa:before { color: black; background: white; font-size: 1.25rem; border-radius: 50%; padding: 1.25rem; border: 1px solid #ADB5BD; } .s_image_gallery.o_slideshow.s_image_gallery_indicators_rounded[data-vcss="001"] .carousel ul.carousel-indicators li { border-radius: 50%; } .s_image_gallery.o_slideshow.s_image_gallery_indicators_dots[data-vcss="001"] .carousel ul.carousel-indicators { height: 40px; margin: auto; } .s_image_gallery.o_slideshow.s_image_gallery_indicators_dots[data-vcss="001"] .carousel ul.carousel-indicators li { max-width: 8px; max-height: 8px; margin: 0 6px; border-radius: 10px; background-color: #000; background-image: none !important; } .s_image_gallery.o_slideshow.s_image_gallery_indicators_dots[data-vcss="001"] .carousel ul.carousel-indicators li:not(.active) { opacity: .4; } .s_image_gallery[data-vcss="001"] .carousel-inner .item img { max-width: none; } .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 ul.carousel-indicators { display: none; } .s_image_gallery.o_slideshow[data-vcss="001"]:not(.s_image_gallery_cover) .carousel-item > a, .s_gallery_lightbox .modal-body.o_slideshow:not(.s_image_gallery_cover) .carousel-item > a { display: -webkit-box; display: -webkit-flex; display: flex; height: 100%; width: 100%; } .s_image_gallery.o_slideshow[data-vcss="001"]:not(.s_image_gallery_cover) .carousel-item > a > img, .s_gallery_lightbox .modal-body.o_slideshow:not(.s_image_gallery_cover) .carousel-item > a > img, .s_image_gallery.o_slideshow[data-vcss="001"]:not(.s_image_gallery_cover) .carousel-item > img, .s_gallery_lightbox .modal-body.o_slideshow:not(.s_image_gallery_cover) .carousel-item > img { max-height: 100%; max-width: 100%; margin: auto; } .s_image_gallery.o_slideshow[data-vcss="001"] .carousel, .s_gallery_lightbox .modal-body.o_slideshow .carousel { height: 100%; } .s_image_gallery.o_slideshow[data-vcss="001"] .carousel .carousel-inner, .s_gallery_lightbox .modal-body.o_slideshow .carousel .carousel-inner { height: 100%; } .s_image_gallery.o_slideshow[data-vcss="001"] .carousel .carousel-item.active, .s_gallery_lightbox .modal-body.o_slideshow .carousel .carousel-item.active, .s_image_gallery.o_slideshow[data-vcss="001"] .carousel .carousel-item-next, .s_gallery_lightbox .modal-body.o_slideshow .carousel .carousel-item-next, .s_image_gallery.o_slideshow[data-vcss="001"] .carousel .carousel-item-prev, .s_gallery_lightbox .modal-body.o_slideshow .carousel .carousel-item-prev, .s_image_gallery.o_slideshow[data-vcss="001"] .carousel .carousel-control-next, .s_gallery_lightbox .modal-body.o_slideshow .carousel .carousel-control-next, .s_image_gallery.o_slideshow[data-vcss="001"] .carousel .carousel-control-prev, .s_gallery_lightbox .modal-body.o_slideshow .carousel .carousel-control-prev { display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; height: 100%; } .s_image_gallery.o_slideshow[data-vcss="001"] .carousel .carousel-control-next .fa, .s_gallery_lightbox .modal-body.o_slideshow .carousel .carousel-control-next .fa, .s_image_gallery.o_slideshow[data-vcss="001"] .carousel .carousel-control-prev .fa, .s_gallery_lightbox .modal-body.o_slideshow .carousel .carousel-control-prev .fa { text-shadow: 0px 0px 3px #343A40; } /* /website/static/src/snippets/s_product_catalog/001.scss */ .s_product_catalog[data-vcss='001'] .s_product_catalog_dish .s_product_catalog_dish_title { line-height: 1.5; } .s_product_catalog[data-vcss='001'] .s_product_catalog_dish .s_product_catalog_dish_description { margin-bottom: 1rem; } .s_product_catalog[data-vcss='001'] .s_product_catalog_dish:last-child .s_product_catalog_dish_description { margin-bottom: 0; } .s_product_catalog[data-vcss='001'] .s_product_catalog_dish .s_product_catalog_dish_dot_leaders { display: -webkit-box; display: -webkit-flex; display: flex; flex-grow: 1; align-items: center; } .s_product_catalog[data-vcss='001'] .s_product_catalog_dish .s_product_catalog_dish_dot_leaders::after { content: ''; margin-left: 0.5rem; -webkit-box-flex: 1; -webkit-flex: 1 0 auto; flex: 1 0 auto; border-bottom: 1px dotted; } /* /website/static/src/snippets/s_comparisons/000.scss */ .s_comparisons .card-body .card-title { margin: 0; } .s_comparisons .card-body .s_comparisons_currency, .s_comparisons .card-body .s_comparisons_price, .s_comparisons .card-body .s_comparisons_decimal { display: inline-block; vertical-align: middle; } .s_comparisons .card-body .s_comparisons_currency, .s_comparisons .card-body .s_comparisons_decimal { font-size: 80%; } .s_comparisons .card-body .s_comparisons_price { font-size: 200%; } /* /website/static/src/snippets/s_company_team/000.scss */ @media (max-width: 991.98px) { .s_company_team img { max-width: 50%; } } /* /website/static/src/snippets/s_references/000.scss */ .s_references .img-thumbnail { border: none; } /* /website/static/src/snippets/s_popup/001.scss */ .s_popup[data-vcss='001'] .modal-content { min-height: 2.5rem; border: 0; border-radius: 0; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); } .s_popup[data-vcss='001'] .s_popup_close { z-index: 1055; position: absolute; top: 0; left: auto; bottom: auto; right: 0; width: 2.5rem; height: 2.5rem; line-height: 2.5rem; background-color: #FFFFFF !important; color: #35979c; box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); cursor: pointer; font-size: 1.25rem; text-align: center; } .s_popup[data-vcss='001'] .s_popup_size_full { padding: 0 !important; max-width: 100%; } .s_popup[data-vcss='001'] .s_popup_size_full > .modal-content { background-color: transparent; box-shadow: none; border-radius: 0; } .s_popup[data-vcss='001'] .modal-dialog { margin: 0 0 0 auto; min-height: 100%; } .s_popup[data-vcss='001'] .modal-dialog:not(.s_popup_size_full) { padding: 1rem !important; } .s_popup[data-vcss='001'] .s_popup_top .modal-dialog { align-items: flex-start; } .s_popup[data-vcss='001'] .s_popup_middle .modal-dialog { align-items: center; margin-right: auto; } .s_popup[data-vcss='001'] .s_popup_bottom .modal-dialog { align-items: flex-end; } .s_popup[data-vcss='001'] .s_popup_no_backdrop { pointer-events: none; } .s_popup[data-vcss='001'] .s_popup_no_backdrop .modal-dialog { height: 100%; } .s_popup[data-vcss='001'] .s_popup_no_backdrop .modal-dialog .modal-content { max-height: 100%; overflow-y: auto; overflow-x: hidden; } /* /website/static/src/snippets/s_faq_collapse/000.scss */ .s_faq_collapse .accordion .card .card-header { cursor: pointer; display: inline-block; width: 100%; position: relative; padding: .5em 1em; padding-left: 2.25em; border-radius: 0; outline: none; } .s_faq_collapse .accordion .card .card-header:before { content: '\f056'; font-family: 'FontAwesome'; color: #6C757D; position: absolute; margin-left: -1.5em; } .s_faq_collapse .accordion .card .card-header.collapsed:before { content: '\f055'; } .s_faq_collapse .accordion .card .card-header:hover, .s_faq_collapse .accordion .card .card-header:focus { text-decoration: none; } .s_faq_collapse .accordion .card .s_faq_collapse_right_icon { padding-left: 1em; } .s_faq_collapse .accordion .card .s_faq_collapse_right_icon:before { position: static; float: right; margin-left: 0; } .s_faq_collapse .accordion .card .s_faq_collapse_right_icon + div .card-body { padding-left: 1em; } .s_faq_collapse .accordion .card .card-body { padding: 1em; padding-left: 2.25em; } .s_faq_collapse .card-body p:last-child, .s_faq_collapse .card-body ul:last-child { margin-bottom: 0; } .s_faq_collapse.s_faq_collapse_light .accordion .card { border-left: 0; border-right: 0; border-radius: 0; } .s_faq_collapse.s_faq_collapse_light .accordion .card .card-header { background-color: transparent; } .s_faq_collapse.s_faq_collapse_light .accordion .card .card-header:before { content: '\f068'; } .s_faq_collapse.s_faq_collapse_light .accordion .card .card-header.collapsed:before { content: '\f067'; } .s_faq_collapse.s_faq_collapse_light .accordion .card .s_faq_collapse_right_icon { padding-left: 0; } .s_faq_collapse.s_faq_collapse_light .accordion .card .card-header + div .card-body { padding-left: 0; padding-right: 0; } .s_faq_collapse.s_faq_collapse_big .accordion .card { border: 0; } .s_faq_collapse.s_faq_collapse_big .accordion .card .card-header { background-color: transparent; font-size: 1.875rem; } .s_faq_collapse.s_faq_collapse_big .accordion .card .card-header:before { content: '\f068'; } .s_faq_collapse.s_faq_collapse_big .accordion .card .card-header.collapsed:before { content: '\f067'; } .s_faq_collapse.s_faq_collapse_big .accordion .card .s_faq_collapse_right_icon { padding-left: 0; } .s_faq_collapse.s_faq_collapse_big .accordion .card .card-header + div .card-body { padding-left: 0; padding-right: 0; } .s_faq_collapse.s_faq_collapse_boxed .accordion .card { border: 0; margin: 0.675rem 0; } .s_faq_collapse.s_faq_collapse_boxed .accordion .card:first-child { margin-top: 0; } .s_faq_collapse.s_faq_collapse_boxed .accordion .card:last-child { margin-bottom: 0; } .s_faq_collapse.s_faq_collapse_boxed .accordion .card .card-header { border: 0; } .s_faq_collapse.s_faq_collapse_boxed .accordion .card .card-header.collapsed { background-color: transparent; } .s_faq_collapse.s_faq_collapse_boxed .accordion .card .collapse.show .card-body, .s_faq_collapse.s_faq_collapse_boxed .accordion .card .collapsing .card-body { background-color: rgba(0, 0, 0, 0.03) !important; } /* /website/static/src/snippets/s_features_grid/000.scss */ .s_features_grid .s_features_grid_content { overflow: hidden; } .s_features_grid .s_features_grid_content p { margin-bottom: 0; } .s_features_grid .s_features_grid_icon { float: left; margin-right: 15px; } /* /website/static/src/snippets/s_tabs/001.scss */ .s_tabs[data-vcss="001"] .s_tabs_content.s_tabs_slide_up > .tab-pane.fade, .s_tabs[data-vcss="001"] .s_tabs_content.s_tabs_slide_down > .tab-pane.fade, .s_tabs[data-vcss="001"] .s_tabs_content.s_tabs_slide_left > .tab-pane.fade, .s_tabs[data-vcss="001"] .s_tabs_content.s_tabs_slide_right > .tab-pane.fade { transition: all 0.2s; } .s_tabs[data-vcss="001"] .s_tabs_content.s_tabs_slide_up > .tab-pane.fade.show, .s_tabs[data-vcss="001"] .s_tabs_content.s_tabs_slide_down > .tab-pane.fade.show, .s_tabs[data-vcss="001"] .s_tabs_content.s_tabs_slide_left > .tab-pane.fade.show, .s_tabs[data-vcss="001"] .s_tabs_content.s_tabs_slide_right > .tab-pane.fade.show { transform: translateX(0rem) translateY(0rem); } .s_tabs[data-vcss="001"] .s_tabs_content.s_tabs_slide_up > .tab-pane.fade { transform: translateY(-1rem); } .s_tabs[data-vcss="001"] .s_tabs_content.s_tabs_slide_down > .tab-pane.fade { transform: translateY(1rem); } .s_tabs[data-vcss="001"] .s_tabs_content.s_tabs_slide_left > .tab-pane.fade { transform: translateX(-1rem); } .s_tabs[data-vcss="001"] .s_tabs_content.s_tabs_slide_right > .tab-pane.fade { transform: translateX(1rem); } /* /website/static/src/snippets/s_table_of_content/000.scss */ .s_table_of_content:not([data-vcss]) .s_table_of_content_navbar_wrap.s_table_of_content_navbar_sticky.s_table_of_content_horizontal_navbar, .s_table_of_content:not([data-vcss]) .s_table_of_content_navbar_wrap.s_table_of_content_navbar_sticky.s_table_of_content_vertical_navbar .s_table_of_content_navbar { position: -webkit-sticky; position: sticky; top: 0px; left: auto; bottom: auto; right: auto; } .s_table_of_content:not([data-vcss]) .s_table_of_content_navbar_wrap.s_table_of_content_navbar_sticky.s_table_of_content_vertical_navbar .s_table_of_content_navbar { overflow: auto; } .s_table_of_content:not([data-vcss]) .s_table_of_content_navbar_wrap:not(.s_table_of_content_navbar_sticky), .s_table_of_content:not([data-vcss]) .s_table_of_content_navbar_wrap:not(.s_table_of_content_navbar_sticky) .s_table_of_content_navbar { top: 0px !important; } .s_table_of_content:not([data-vcss]) .s_table_of_content_navbar_wrap.s_table_of_content_vertical_navbar .s_table_of_content_navbar { overflow-wrap: break-word; } .s_table_of_content:not([data-vcss]) .s_table_of_content_navbar_wrap.s_table_of_content_vertical_navbar .s_table_of_content_navbar > a.list-group-item-action { background: none; color: inherit; opacity: 0.7; font-weight: 500; padding-left: 3px; transition: padding 0.1s; } .s_table_of_content:not([data-vcss]) .s_table_of_content_navbar_wrap.s_table_of_content_vertical_navbar .s_table_of_content_navbar > a.list-group-item-action:before { position: absolute; top: 10px; left: 0; bottom: 10px; right: auto; width: 2px; content: ""; } .s_table_of_content:not([data-vcss]) .s_table_of_content_navbar_wrap.s_table_of_content_vertical_navbar .s_table_of_content_navbar > a.list-group-item-action:hover { opacity: 1; } .s_table_of_content:not([data-vcss]) .s_table_of_content_navbar_wrap.s_table_of_content_vertical_navbar .s_table_of_content_navbar > a.list-group-item-action:focus { background: none; } .s_table_of_content:not([data-vcss]) .s_table_of_content_navbar_wrap.s_table_of_content_vertical_navbar .s_table_of_content_navbar > a.list-group-item-action.active { background: none; padding-left: 8px; opacity: 1; } .s_table_of_content:not([data-vcss]) .s_table_of_content_navbar_wrap.s_table_of_content_vertical_navbar .s_table_of_content_navbar > a.list-group-item-action.active:before { background-color: #35979c; } .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/001.scss */ .s_quotes_carousel_wrapper[data-vcss='001'] .s_blockquote { margin-bottom: 0; } @media (max-width: 767.98px) { .s_quotes_carousel_wrapper[data-vcss='001'] .s_blockquote { width: 100% !important; } } /* /website/static/src/snippets/s_masonry_block/001.scss */ .s_masonry_block[data-vcss='001'] .row > div { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; justify-content: center; } .s_masonry_block[data-vcss='001'] .row.o_grid_mode > div.o_grid_item_image { padding: 0 !important; } .s_masonry_block[data-vcss='001'] .row.o_grid_mode.o_we_padding_highlight > .o_grid_item_image::after { animation: none; } /* /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/002.scss */ .s_showcase[data-vcss='002'] .s_showcase_icon { align-self: flex-start; } /* /website/static/src/snippets/s_timeline/000.scss */ .s_timeline .s_timeline_line { position: relative; border-color: #343A40; } .s_timeline .s_timeline_line:before { content: ''; display: block !important; position: absolute; width: 1px; top: 0px; bottom: 0px; left: 50%; border-left: 1px solid; border-color: inherit; } .s_timeline .s_timeline_row { align-items: center; } .s_timeline .s_timeline_row .s_timeline_content { align-items: center; -webkit-box-pack: end; justify-content: flex-end; width: 100%; } .s_timeline .s_timeline_row .s_timeline_content ~ .s_timeline_content { -webkit-box-pack: start; justify-content: flex-start; } .s_timeline .s_timeline_row.flex-row-reverse .s_timeline_content { flex-direction: row-reverse; } @media (min-width: 768px) { .s_timeline .s_timeline_row.flex-row-reverse .s_timeline_content { flex-direction: row-reverse; } .s_timeline .s_timeline_row.flex-row-reverse .s_timeline_content:not(:last-child) { margin-left: 10%; } .s_timeline .s_timeline_row:not(.flex-row-reverse) .s_timeline_content:last-child { margin-left: 10%; } } .s_timeline .s_timeline_date { text-align: center; } @media (min-width: 768px) { .s_timeline .s_timeline_date { position: absolute; left: 0%; right: 0%; } } @media (max-width: 767.98px) { .s_timeline .s_timeline_date { position: relative; margin: 20px 0px; } } .s_timeline .s_timeline_date span:not(.fa) { display: inline-block; padding: 5px; } .s_timeline .s_timeline_date .fa { margin: 0 15px; } .s_timeline .s_timeline_icon { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; margin: 15px; z-index: 1; } /* /website/static/src/snippets/s_process_steps/001.scss */ .s_process_steps[data-vcss='001'] .s_process_step { position: relative; } .s_process_steps[data-vcss='001'] .s_process_step .s_process_step_icon { position: relative; margin: 30px 0; } .s_process_steps[data-vcss='001'] .s_process_step .s_process_step_icon .fa, .s_process_steps[data-vcss='001'] .s_process_step .s_process_step_icon img { display: block; height: 5rem; width: 5rem; line-height: 5rem; object-fit: contain; } .s_process_steps[data-vcss='001'] .s_process_step .s_process_step_content { padding: 0 15px; text-align: center; } .s_process_steps[data-vcss='001'] .s_process_step .s_process_step_connector { position: absolute; z-index: 1; height: 5rem; width: calc(100% - 5rem); left: calc(50% + 2.5rem); margin: 30px 0; } .s_process_steps[data-vcss='001'] .s_process_step .s_process_step_connector path { stroke: #6C757D; stroke-width: 2; fill: transparent; } .s_process_steps[data-vcss='001'] .s_process_step:last-child .s_process_step_connector { display: none; } .s_process_steps.s_process_steps_connector_curved_arrow[data-vcss='001'] .s_process_step:nth-child(odd) .s_process_step_connector { transform: scale(1, -1); } .s_process_steps[data-vcss='001'] .s_process_steps_arrow_head path { fill: #6C757D; stroke: transparent; } @media (max-width: 991.98px) { .s_process_steps[data-vcss='001'] .s_process_step_connector { display: none; } } /* /website/static/src/snippets/s_text_highlight/000.scss */ .s_text_highlight { padding: 1.5rem; border-radius: 0; } .s_text_highlight :last-child { margin-bottom: 0; } /* /website/static/src/snippets/s_blockquote/000.scss */ .s_blockquote { border: 0; padding: 0; } .s_blockquote .s_blockquote_icon { font-size: 1rem; } .s_blockquote .s_blockquote_author { opacity: .75; } .s_blockquote.s_blockquote_classic .s_blockquote_icon { float: left; border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } .s_blockquote.s_blockquote_classic .s_blockquote_icon.float-end { border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; } .s_blockquote.s_blockquote_classic .s_blockquote_content { overflow: hidden; padding: 1.5rem; } .s_blockquote.s_blockquote_classic .s_blockquote_content .blockquote-footer::before { content: ''; } .s_blockquote.s_blockquote_classic .s_blockquote_content .blockquote-footer .s_blockquote_avatar { max-height: 2.5rem; } .s_blockquote.s_blockquote_cover { text-align: center; } .s_blockquote.s_blockquote_cover .s_blockquote_icon { position: relative; z-index: 1; float: none; margin-bottom: -1.5rem; } .s_blockquote.s_blockquote_cover p:last-of-type { margin-bottom: 0.5rem; } .s_blockquote.s_blockquote_cover .s_blockquote_content, .s_blockquote.s_blockquote_cover .s_blockquote_filter { padding: 3rem 2rem 2rem; } .s_blockquote.s_blockquote_cover .s_blockquote_filter { margin: -3rem -2rem -2rem; } .s_blockquote.s_blockquote_cover .quote_char { margin: 2rem 0 1rem 0; } .s_blockquote.s_blockquote_cover .quote_char ~ .blockquote-footer { padding-bottom: 2rem; } .s_blockquote.s_blockquote_minimalist { border-left: 5px solid; border-color: #685563; } .s_blockquote.s_blockquote_minimalist .s_blockquote_content { padding: 1rem; border-top-right-radius: 0; border-bottom-right-radius: 0; } .s_blockquote.s_blockquote_minimalist .s_blockquote_content p:last-of-type { margin-bottom: 0; } /* /website/static/src/snippets/s_badge/000.scss */ .s_badge { padding: 0.5rem; margin: 0.5rem 0.5rem 0.5rem 0; border-radius: 0; font-size: 0.75rem; } .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: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; 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; } @media (max-width: 991.98px) { .s_color_blocks_2 [class*="col-lg-"] { flex: 1 1 100%; } } .s_color_blocks_2 img { max-width: 100%; height: auto; } /* /website/static/src/snippets/s_product_list/000.scss */ .s_product_list { padding-top: 20px; } .s_product_list > div > .row:not(.o_grid_mode) > div { height: 200px; } .s_product_list > div > .row > div { position: relative; margin-bottom: 20px; text-align: center; } .s_product_list > div > .row > div a { display: block; } .s_product_list > div > .row > div img { margin: auto; max-height: 130px; } .s_product_list > div > .row > div .s_product_list_item_link { position: absolute; top: auto; left: 10%; bottom: 0; right: 10%; } .s_product_list > div > .row > div .s_product_list_item_link > .btn { width: 100%; padding: 5px !important; font-size: 16px; } @media only screen and (max-width: 1280px) { .s_product_list > div > .row > div .s_product_list_item_link > .btn { font-size: 12px; } } .s_product_list > div > .row > div .s_product_list_item_link > .btn .fa { font-size: 18px; padding-right: 5px; } @media only screen and (max-width: 1024px) { .s_product_list > div > .row > div .s_product_list_item_link > .btn .fa { display: block; font-size: 25px; } } /* /website/static/src/snippets/s_mega_menu_thumbnails/000.scss */ .s_mega_menu_thumbnails:not([data-vcss]) .s_mega_menu_thumbnails_footer:not(.o_cc):not(.navbar-light):not(.o_footer)::before { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: auto; height: auto; } @media (max-width: 767.98px) { .s_mega_menu_thumbnails:not([data-vcss]) .row > div.col-6 { flex-grow: 1; min-width: min-content; } } /* /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-sm-6 { min-width: min-content; } } @media (max-width: 767.98px) { .s_mega_menu_images_subtitles:not([data-vcss]) .row > div.col-sm-6 { 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; } /* /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); } .s_mega_menu_odoo_menu:not([data-vcss]) .s_mega_menu_odoo_menu_footer .row > div:not(.o_cc):not(.navbar-light):not(.o_footer)::before { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: auto; height: auto; } /* /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); } /* /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(53, 151, 156, 0.8); color: #212529; 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: #35979c; background: rgba(53, 151, 156, 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(53, 151, 156, 0.8); color: #212529; 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: #35979c; background: rgba(53, 151, 156, 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; } .editor_enable .s_map iframe { pointer-events: none; } /* /website/static/src/snippets/s_dynamic_snippet/000.scss */ .s_dynamic.o_dynamic_empty { display: none !important; } .s_dynamic [data-url] { cursor: pointer; } .s_dynamic .card-img-top, .s_dynamic.s_blog_post_card .card .s_blog_posts_post_cover .o_record_cover_container .o_record_cover_image { height: 12rem; } .s_dynamic img { object-fit: scale-down; } /* /website/static/src/snippets/s_dynamic_snippet_carousel/000.scss */ .s_dynamic .carousel-control-prev, .s_dynamic .carousel-control-next { position: absolute; width: 4rem; } .s_dynamic .carousel-control-prev > span.fa, .s_dynamic .carousel-control-next > span.fa { color: #495057; background: radial-gradient(#FFF 50%, transparent 50%); } .s_dynamic .dynamic_snippet_template .card-footer a, .s_dynamic .dynamic_snippet_template .card-footer button, .s_dynamic .dynamic_snippet_template .card-footer .owl-carousel.dynamic-owl-carousel .owl-nav button.owl-next, .owl-carousel.dynamic-owl-carousel .owl-nav .s_dynamic .dynamic_snippet_template .card-footer button.owl-next, .s_dynamic .o_dynamic_snippet_btn_wrapper { z-index: 2; } .s_dynamic .dynamic_snippet_template .card-body .card-text { display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; } .s_dynamic .s_dynamic_snippet_arrow_bottom > .carousel-control-prev, .s_dynamic .s_dynamic_snippet_arrow_bottom .carousel-control-next { position: relative; } /* /website/static/src/snippets/s_embed_code/000.scss */ .editor_enable .s_embed_code { min-height: 1.08333333rem; } .s_embed_code .s_embed_code_embedded .bg-light.o_default_snippet_text { background-color: lightcyan !important; color: black; } /* /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; } .editor_enable .s_website_form[data-vcss="001"] #editable_select.form-control { height: auto; } .editor_enable .s_website_form[data-vcss="001"] #editable_select.form-control .s_website_form_select_item.selected { font-weight: bold; } .editor_enable .s_website_form[data-vcss="001"] #editable_select.form-control .s_website_form_select_item:empty::before { content: attr(data-empty-value); pointer-events: none; font-style: italic; font-weight: normal; opacity: 0.6; } @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"] .form-control-file.is-invalid { padding-left: 3px; border-left: 3px solid #900000; } 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_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--webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0; } .s_donation:not([data-vcss]) input[type=number] { -moz--webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield; } .s_donation:not([data-vcss]) .s_donation_btn { transition: background 0.2s; } .s_donation:not([data-vcss]) .s_donation_btn:focus { box-shadow: none !important; } .s_donation:not([data-vcss]) #s_donation_amount_input { border: none; outline: none; max-width: 145px; background-color: transparent; font-size: inherit; color: inherit; } .s_donation:not([data-vcss]) #s_donation_amount_input::placeholder { opacity: 0.6; color: inherit; } .s_donation:not([data-vcss]) .s_donation_range_slider_wrap { width: 90%; } .s_donation:not([data-vcss]) .s_donation_range_slider_wrap #s_donation_range_slider { margin-bottom: 50px; } .s_donation:not([data-vcss]) .s_donation_range_slider_wrap .s_range_bubble { position: absolute; left: 0%; margin-top: 28px; padding: 0.5rem 1rem; color: #FFFFFF; background: #35979c; 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: #35979c transparent; border-width: 0 5px 5px; margin-left: -5px; } /* /website_sale/static/src/snippets/s_dynamic_snippet_products/000.scss */ .s_product_product_centered .card { overflow: visible; margin-top: 6rem; padding-top: 6rem; } .s_product_product_centered .o_carousel_product_img_link { max-width: 75%; margin-top: -12rem; left: 0; right: 0; } .s_product_product_banner img { max-height: 400px; } .s_product_product_horizontal_card img img { height: 100%; } @media (max-width: 991.98px) { .s_product_product_horizontal_card img { height: 12rem; } } .o_dynamic_product_hovered img { transition: transform 250ms ease; } .o_dynamic_product_hovered:hover img { transform: scale(1.15); } .o_carousel_multiple_rows .row { padding: 1rem; } img.o_img_product_cover { object-fit: cover; } img.o_img_product_square { aspect-ratio: 1 / 1; } .o_card_group > .row { padding-left: 15px; padding-right: 15px; } .o_card_group > .row > div { padding: 0 !important; } .o_card_group > .row > div:first-child > .o_carousel_product_card { border-left: 1px solid #ededed !important; } .o_card_group > .row:first-child .o_carousel_product_card { border-top: 1px solid #ededed !important; } .o_card_group > .row:first-child > div:first-child .o_carousel_product_card { border-top-left-radius: 0 !important; } .o_card_group > .row:first-child > div:last-child .o_carousel_product_card { border-top-right-radius: 0 !important; } .o_card_group > .row:last-child > div:first-child .o_carousel_product_card { border-bottom-left-radius: 0 !important; } .o_card_group > .row:last-child > div:last-child .o_carousel_product_card { border-bottom-right-radius: 0 !important; } /* /mass_mailing/static/src/snippets/s_alert/000.scss */ .o_mail_snippet_general .s_mail_alert [class^="col-lg"] { padding-left: 0 !important; padding-right: 0 !important; } .s_mail_alert .s_alert { margin: auto; border-width: 1px; border-style: solid; border-radius: 0; } .s_mail_alert .s_alert p:last-child, .s_mail_alert .s_alert ul:last-child, .s_mail_alert .s_alert ol:last-child { margin-bottom: 0; } .s_mail_alert .s_alert_sm { padding: 10px; font-size: 0.75rem; } .s_mail_alert .s_alert_md { padding: 15px; font-size: 1rem; } .s_mail_alert .s_alert_lg { padding: 30px; font-size: 1.25rem; } .s_mail_alert .s_alert_icon { float: left; margin-right: 10px; } .s_mail_alert .s_alert_content { overflow: hidden; } /* /mass_mailing/static/src/snippets/s_features_grid/000.scss */ .s_mail_features_grid .s_mail_features_grid_content { overflow: hidden; } .s_mail_features_grid .s_mail_features_grid_content p { margin-bottom: 0; } .s_mail_features_grid .s_mail_features_grid_icon { float: left; } /* /mass_mailing/static/src/snippets/s_hr/000.scss */ .o_layout .s_hr { line-height: 0; } .o_layout .s_hr hr { padding: 0; border: 0; border-top: 1px solid currentColor; margin: auto; color: inherit; } /* /mass_mailing/static/src/snippets/s_masonry_block/001.scss */ .o_mail_snippet_general.s_masonry_block[data-vcss='001'] .row > div { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; justify-content: center; } .o_mail_snippet_general.s_masonry_block[data-vcss='001'] .o_masonry_grid_container > .row { height: 100%; } /* /mass_mailing/static/src/snippets/s_media_list/001.scss */ .s_media_list[data-vcss="001"] .s_media_list_item > .row { overflow: hidden; } .s_media_list[data-vcss="001"] .s_media_list_body { padding: 2rem; } .s_media_list[data-vcss="001"] .s_media_list_img { object-fit: cover; } /* /mass_mailing/static/src/snippets/s_rating/001.scss */ .o_mail_snippet_general .s_rating { padding-left: 0 !important; padding-right: 0 !important; } .s_rating.s_rating_inline[data-vcss="001"] { display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; } .s_rating.s_rating_inline[data-vcss="001"] .s_rating_title { margin: 0; margin-right: 0.5em; } .s_rating.s_rating_inline[data-vcss="001"] .s_rating_icons { margin-left: auto; } /* /website_blog/static/src/snippets/s_blog_posts/000.scss */ .s_dynamic .s_blog_posts_post_title { font-weight: normal; line-height: 1; } .s_dynamic .s_blog_posts_post_subtitle { font-size: 1em; } .s_dynamic.s_blog_post_list .s_blog_posts_post_cover { width: 3.5em; height: 3.5em; max-width: 85px; max-height: 85px; } .s_dynamic.s_blog_post_list .s_blog_posts_post_title { font-size: 1.25em; } .s_dynamic.s_blog_post_big_picture .s_blog_posts_post { min-height: 150px; } .s_dynamic.s_blog_post_big_picture .s_blog_posts_post figcaption { position: relative; justify-content: center; } .s_dynamic.s_blog_post_big_picture .s_blog_posts_post .s_blog_posts_post_cover { min-height: 100%; } .s_dynamic.s_blog_post_big_picture .s_blog_posts_post .s_blog_posts_post_cover .o_record_cover_container { top: 0; } .s_dynamic.s_blog_post_big_picture .s_blog_posts_post .s_blog_posts_post_title { font-size: calc(1.3rem + 0.6vw); margin-bottom: 0.5em; } @media (min-width: 1200px) { .s_dynamic.s_blog_post_big_picture .s_blog_posts_post .s_blog_posts_post_title { font-size: 1.75rem; } } .s_dynamic.s_blog_post_big_picture .row { align-items: stretch; } .s_dynamic.s_blog_post_big_picture .row .s_blog_posts_post_subtitle { margin: 0; } .s_dynamic.s_blog_post_big_picture.s_blog_posts_effect_marley figcaption { text-align: right; } .s_dynamic.s_blog_post_big_picture.s_blog_posts_effect_marley figcaption .s_blog_posts_post_title, .s_dynamic.s_blog_post_big_picture.s_blog_posts_effect_marley figcaption .s_blog_posts_post_subtitle { padding: 10px 0; } .s_dynamic.s_blog_post_big_picture.s_blog_posts_effect_marley figcaption .s_blog_posts_post_subtitle { bottom: 30px; line-height: 1.5; transform: translate3d(0, 100%, 0); opacity: 0; transition: opacity 0.35s, transform 0.35s; } .s_dynamic.s_blog_post_big_picture.s_blog_posts_effect_marley figcaption .s_blog_posts_post_title { top: 30px; transition: transform 0.35s; transform: translate3d(0, 20px, 0); } .s_dynamic.s_blog_post_big_picture.s_blog_posts_effect_marley figcaption .s_blog_posts_post_title:after { position: absolute; top: 100%; left: 0; bottom: auto; right: auto; width: 100%; height: 2px; background: #fff; content: ""; transform: translate3d(0, 40px, 0); opacity: 0; transition: opacity 0.35s, transform 0.35s; } .s_dynamic.s_blog_post_big_picture.s_blog_posts_effect_marley .s_blog_posts_post:hover figcaption .s_blog_posts_post_title { transform: translate3d(0, 0, 0); } .s_dynamic.s_blog_post_big_picture.s_blog_posts_effect_marley .s_blog_posts_post:hover figcaption .s_blog_posts_post_title::after, .s_dynamic.s_blog_post_big_picture.s_blog_posts_effect_marley .s_blog_posts_post:hover figcaption .s_blog_posts_post_subtitle { opacity: 1; transform: translate3d(0, 0, 0); } .s_dynamic.s_blog_post_big_picture.s_blog_posts_effect_dexter .s_blog_posts_post .o_record_cover_container { transition: opacity 0.35s; } .s_dynamic.s_blog_post_big_picture.s_blog_posts_effect_dexter .s_blog_posts_post figcaption { padding: 3em; text-align: left; } .s_dynamic.s_blog_post_big_picture.s_blog_posts_effect_dexter .s_blog_posts_post figcaption::before { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: linear-gradient(to bottom, #4b3e48 0%, #131012 100%); z-index: -1; } .s_dynamic.s_blog_post_big_picture.s_blog_posts_effect_dexter .s_blog_posts_post figcaption:after { position: absolute; top: 10px; left: 10px; bottom: 10px; right: 10px; border: 2px solid #fff; border-top-width: 4px; border-bottom-width: 4px; content: ""; transition: transform-origin 0.35s; transform: scaleY(0.5); transform-origin: top; } .s_dynamic.s_blog_post_big_picture.s_blog_posts_effect_dexter .s_blog_posts_post .s_blog_posts_post_subtitle { position: absolute; top: auto; left: 20px; bottom: 20px; right: 20px; opacity: 0; transition: opacity 0.35s linear, transform 0.35s; transform: translate3d(0, -100px, 0); } .s_dynamic.s_blog_post_big_picture.s_blog_posts_effect_dexter .s_blog_posts_post .s_blog_posts_post_title { position: absolute; top: 20px; left: 20px; bottom: auto; right: 20px; } .s_dynamic.s_blog_post_big_picture.s_blog_posts_effect_dexter .s_blog_posts_post:hover .o_record_cover_container { opacity: 0.4 !important; } .s_dynamic.s_blog_post_big_picture.s_blog_posts_effect_dexter .s_blog_posts_post:hover figcaption::after { transform-origin: bottom; } .s_dynamic.s_blog_post_big_picture.s_blog_posts_effect_dexter .s_blog_posts_post:hover .s_blog_posts_post_subtitle { opacity: 1; transform: translate3d(0, 0, 0); } .s_dynamic.s_blog_post_big_picture.s_blog_posts_effect_chico .o_record_cover_image { transition: opacity 0.35s, transform 0.35s; transform: scale(1.12); } .s_dynamic.s_blog_post_big_picture.s_blog_posts_effect_chico .s_blog_posts_post figcaption::before { position: absolute; top: 15px; left: 15px; bottom: 15px; right: 15px; border: 1px solid #fff; content: ""; transform: scale(1.1); opacity: 0; transition: opacity 0.35s, transform 0.35s; } .s_dynamic.s_blog_post_big_picture.s_blog_posts_effect_chico .s_blog_posts_post_subtitle { opacity: 0; transition: opacity 0.35s, transform 0.35s; margin-left: auto; margin-right: auto; max-width: 200px; transform: scale(1.5); } .s_dynamic.s_blog_post_big_picture.s_blog_posts_effect_chico .s_blog_posts_post_title { padding: 0; } .s_dynamic.s_blog_post_big_picture.s_blog_posts_effect_chico .s_blog_posts_post:hover .o_record_cover_image { transform: scale(1); } .s_dynamic.s_blog_post_big_picture.s_blog_posts_effect_chico .s_blog_posts_post:hover figcaption::before, .s_dynamic.s_blog_post_big_picture.s_blog_posts_effect_chico .s_blog_posts_post:hover .s_blog_posts_post_subtitle { opacity: 1; transform: scale(1); } .s_dynamic.s_blog_post_horizontal .o_record_cover_container { width: auto; height: auto; padding: 0; } .s_dynamic.s_blog_post_horizontal .row { position: relative; overflow: visible; text-align: left; } .s_dynamic.s_blog_post_horizontal .row .s_blog_posts_post { position: relative; } .s_dynamic.s_blog_post_horizontal .row .s_blog_posts_post figcaption:after { position: relative; width: 100%; height: 150px; content: ""; display: block; } .s_dynamic.s_blog_post_horizontal .row .s_blog_posts_post h4, .s_dynamic.s_blog_post_horizontal .row .s_blog_posts_post .h4 { position: relative; text-align: left; padding-right: 5%; } .s_dynamic.s_blog_post_horizontal .row .s_blog_posts_post h4:before, .s_dynamic.s_blog_post_horizontal .row .s_blog_posts_post .h4:before { content: ""; z-index: 0; display: inline; float: left; width: 20%; position: absolute; top: 49%; left: 0; border-bottom: 1px solid #212529; } .s_dynamic.s_blog_post_horizontal .row .s_blog_posts_post h4 a, .s_dynamic.s_blog_post_horizontal .row .s_blog_posts_post .h4 a { z-index: 1; display: block; line-height: 1; padding-left: 25%; position: relative; } .s_dynamic.s_blog_post_horizontal .row .s_blog_posts_post h5, .s_dynamic.s_blog_post_horizontal .row .s_blog_posts_post .h5 { padding-left: 24%; } .s_dynamic.s_blog_post_horizontal .row .s_blog_posts_post > a { position: absolute; bottom: 0; left: 0; display: block; background: #35979c; width: 100%; height: 150px; overflow: hidden; } .s_dynamic.s_blog_post_horizontal .row .s_blog_posts_post > a > div { height: 100%; width: 100%; background-size: cover; background-position: center; opacity: 1; transform-origin: 50%; transition: all 400ms; backface-visibility: hidden; } .s_dynamic.s_blog_post_horizontal .row .s_blog_posts_post > a > div:hover { opacity: 0.8; transform: scale(1.1); } @media only screen and (max-width: 480px) { .s_dynamic.s_blog_post_horizontal .row .s_blog_posts_post { width: 100%; } } @media (max-width: 767.98px) { .s_dynamic.s_blog_post_horizontal .row { display: block; } } .s_dynamic.s_blog_post_card .card { height: 100%; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.17); } .s_dynamic.s_blog_post_card .card .s_blog_posts_post_cover { height: 170px; } .s_dynamic.s_blog_post_card .card .s_blog_posts_post_cover .o_record_cover_container { background-color: transparent !important; } .s_dynamic.s_blog_post_card .card .s_blog_posts_post_cover .o_record_cover_container .o_record_cover_image { height: inherit; } .s_dynamic.s_blog_post_card .card a:hover { text-decoration: none; } .s_dynamic.s_blog_post_card .card h4, .s_dynamic.s_blog_post_card .card .h4 { font-size: 19px; font-weight: 600; } .s_dynamic.s_blog_post_card .card .card-footer { background-color: transparent; border-top: 2px solid rgba(0, 0, 0, 0.06); } .s_dynamic.s_blog_post_card .card .card-footer .text-muted { color: rgba(52, 58, 64, 0.4) !important; } //*# sourceMappingURL=/web/assets/8169-b567b12/1/web.assets_frontend.css.map */