.o_ace_view_editor .btn:not(.o_btn_preview).btn-info.disabled, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:disabled{color: #FFFFFF; background-color: #6999a8; border-color: #6999a8;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:not(:disabled):not(.disabled):active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:not(:disabled):not(.disabled).active, .show > .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.dropdown-toggle{color: #FFFFFF; background-color: #517e8d; border-color: #4d7784;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:not(:disabled):not(.disabled):active:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:not(:disabled):not(.disabled).active:focus, .show > .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.dropdown-toggle:focus{box-shadow: 0 0 0 0.2rem rgba(105, 153, 168, 0.5);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning{color: #212529; background-color: #f0ad4e; border-color: #f0ad4e;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:hover{color: #212529; background-color: #ed9d2b; border-color: #ec971f;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.focus{box-shadow: 0 0 0 0.2rem rgba(240, 173, 78, 0.5);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.disabled, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:disabled{color: #212529; background-color: #f0ad4e; border-color: #f0ad4e;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:not(:disabled):not(.disabled):active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:not(:disabled):not(.disabled).active, .show > .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.dropdown-toggle{color: #212529; background-color: #ec971f; border-color: #ea9214;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:not(:disabled):not(.disabled):active:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:not(:disabled):not(.disabled).active:focus, .show > .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.dropdown-toggle:focus{box-shadow: 0 0 0 0.2rem rgba(240, 173, 78, 0.5);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger{color: #FFFFFF; background-color: #e6586c; border-color: #e6586c;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:hover{color: #FFFFFF; background-color: #e1374f; border-color: #df2c45;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.focus{box-shadow: 0 0 0 0.2rem rgba(230, 88, 108, 0.5);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.disabled, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:disabled{color: #FFFFFF; background-color: #e6586c; border-color: #e6586c;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:not(:disabled):not(.disabled):active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:not(:disabled):not(.disabled).active, .show > .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.dropdown-toggle{color: #FFFFFF; background-color: #df2c45; border-color: #dd213c;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:not(:disabled):not(.disabled):active:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:not(:disabled):not(.disabled).active:focus, .show > .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.dropdown-toggle:focus{box-shadow: 0 0 0 0.2rem rgba(230, 88, 108, 0.5);} .o_ace_view_editor :not(.input-group):not(.form-group):not(.input-group-append):not(.input-group-prepend) > .form-control{height: 34px;} .o_ace_view_editor .form-control{padding: 6px 12px; font-size: 14px; line-height: 1.5; border: 1px solid #d4d5d7; color: #555; background-color: #fff; border-radius: 0;} .o_ace_view_editor .form-control.is-invalid{border-color: #dc3545;} .o_ace_view_editor .input-group .form-control{height: auto;} .o_ace_view_editor .input-group-text{background-color: #e9ecef;} .o_ace_view_editor .was-validated .form-control:invalid{border-color: #dc3545;} .o_ace_view_editor select.form-control{-webkit-appearance: none; -moz-appearance: none; appearance: none; background: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPScxLjEnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZycgeG1 sbnM6eGxpbms9J2h0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsnIHdpZHRoPScyNCcgaGVpZ2 h0PScyNCcgdmlld0JveD0nMCAwIDI0IDI0Jz48cGF0aCBpZD0nc3ZnXzEnIGQ9J203LjQwNiw3L jgyOGw0LjU5NCw0LjU5NGw0LjU5NCwtNC41OTRsMC40MDYsMS40MDZsLTUsNC43NjZsLTUsLTQu NzY2bDAuNDA2LC0xLjQwNnonIGZpbGw9JyM4ODgnLz48L3N2Zz4="); background-position: 100% 65%; background-repeat: no-repeat;} .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;}} .o_page_management_info .o_switch{padding-top: 9px;} #list_website_pages th{background-color: #025a90; color: white;} #list_website_pages td, #list_website_pages th{padding: 0.45rem;} #list_website_pages td > a.fa{margin-left: 5px; color: #025a90;} #list_website_pages td .text-muted{opacity: 0.5;} #list_website_pages .fa-check, #list_website_pages .fa-eye-slash{color: #17a2b8;} 

/* /website/static/src/scss/website.zoomodoo.scss defined in bundle 'web.assets_frontend' */
 .zoomodoo{position: relative; display: inline-block; *display: inline; *zoom: 1;} .zoomodoo img{vertical-align: bottom;} .zoomodoo-flyout{position: absolute; z-index: 100; overflow: hidden; background: #FFF; top: 0; width: 100%; height: 100%;} .zoomodoo-flyout img{max-width: 500%;} .zoomodoo-hover .zoomodoo-flyout{left: 0;} .zoomodoo-next .zoomodoo-flyout{left: 100%;} 

/* /mail/static/src/scss/abstract_thread_window.scss defined in bundle 'web.assets_frontend' */
 .o_thread_window{direction: ltr; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-flow: column nowrap; flex-flow: column nowrap; position: fixed; width: 325px; max-width: 100%; height: 400px; max-height: 100%; font-size: 12px; background-color: #FAFAFA; border-radius: 6px 6px 0 0; z-index: 1051; box-shadow: -5px -5px 10px rgba(0, 0, 0, 0.18);} @media (max-width: 767.98px){.o_thread_window{width: 100%; height: 100% !important; box-shadow: none;}.o_thread_window.o_folded{display: none;}} @media print{.o_thread_window{display: none;}} .o_thread_window .o_thread_window_header{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; color: white; padding: 5px 10px; border-radius: 3px 3px 0 0; border-bottom: 1px solid #dee2e6; background-color: #025a90; padding: 8px;} @media (max-width: 767.98px){.o_thread_window .o_thread_window_header{height: 46px; padding-top: 12px; border-radius: 0px;}.o_thread_window .o_thread_window_header .o_thread_window_title{font-size: 16px; margin-left: 10px;}.o_thread_window .o_thread_window_header .o_thread_window_close{font-size: 17px; color: white;}} .o_thread_window .o_thread_window_header .o_thread_window_title{cursor: pointer; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; flex: 1 1 auto; display: inline-block; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: top;} .o_thread_window .o_thread_window_header .o_thread_window_buttons{-webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto;} .o_thread_window .o_thread_window_header .o_thread_window_buttons .o_thread_window_close, .o_thread_window .o_thread_window_header .o_thread_window_buttons .o_thread_window_expand{color: white; padding: 3px; margin-left: 5px; opacity: 0.7;} .o_thread_window .o_thread_window_header .o_thread_window_buttons .o_thread_window_close:hover, .o_thread_window .o_thread_window_header .o_thread_window_buttons .o_thread_window_close:focus, .o_thread_window .o_thread_window_header .o_thread_window_buttons .o_thread_window_close.focus, .o_thread_window .o_thread_window_header .o_thread_window_buttons .o_thread_window_expand:hover, .o_thread_window .o_thread_window_header .o_thread_window_buttons .o_thread_window_expand:focus, .o_thread_window .o_thread_window_header .o_thread_window_buttons .o_thread_window_expand.focus{opacity: 1;} .o_thread_window .o_mail_thread{flex: 1 1 100%; overflow: auto; -webkit-overflow-scrolling: touch;} .o_thread_window .o_mail_thread .o_thread_typing_notification_bar{background-color: rgba(250, 250, 250, 0.75);} .o_thread_window .o_mail_thread .o_thread_date_separator{margin: 0px 0px 15px 0px;} .o_thread_window .o_mail_thread .o_thread_date_separator .o_thread_date{background-color: #FAFAFA;} .o_thread_window .o_mail_thread .o_thread_message{padding: 4px 5px;} .o_thread_window .o_mail_thread .o_thread_message .o_thread_message_sidebar{margin-right: 5px;} .o_thread_window .o_thread_composer input{width: 100%; outline: 0; height: 39px; padding: 10px; font-size: 13px; border: none; border-top: 1px solid #dee2e6;} .o_thread_window_dropdown{width: auto; height: 28px; color: white; background-color: #212529; cursor: pointer; box-shadow: none;} @media (max-width: 767.98px){.o_thread_window_dropdown{display: none;}} .o_thread_window_dropdown .o_thread_window_header{border-radius: 0;} .o_thread_window_dropdown .o_thread_window_dropdown_toggler{padding: 5px;} .o_thread_window_dropdown .o_thread_window_dropdown_toggler .o_total_unread_counter{position: absolute; top: -10px; left: auto; bottom: auto; right: 0; background-color: #025a90; padding: 0 2px; font-size: smaller;} .o_thread_window_dropdown.show .o_thread_window_dropdown_toggler .o_total_unread_counter, .o_thread_window_dropdown .o_thread_window_expand{display: none;} .o_thread_window_dropdown > ul{max-width: 325px; padding: 0;} .o_thread_window_dropdown > ul > li.o_thread_window_header{font-size: 12px; padding: 3px 5px;} .o_thread_window_dropdown > ul > li.o_thread_window_header ~ li.o_thread_window_header{border-top: 1px solid white;} .o_thread_window_dropdown > ul > li.o_thread_window_header:hover{background-color: #013b5e;} .o_ui_blocked .o_thread_window{z-index: 1101;} .o_no_thread_window .o_thread_window{display: none;} 

/* /mail/static/src/scss/thread.scss defined in bundle 'web.assets_frontend' */
 .o_mail_thread .o_thread_show_more, .o_mail_activity .o_thread_show_more{text-align: center;} .o_mail_thread .o_mail_thread_content, .o_mail_activity .o_mail_thread_content{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; min-height: 100%;} .o_mail_thread .o_thread_bottom_free_space, .o_mail_activity .o_thread_bottom_free_space{height: 15px;} .o_mail_thread .o_thread_typing_notification_free_space, .o_mail_activity .o_thread_typing_notification_free_space{flex-grow: 1;} .o_mail_thread .o_thread_typing_notification_bar, .o_mail_activity .o_thread_typing_notification_bar{flex: 0, 0, 20px; background-color: rgba(255, 255, 255, 0.75); padding: 5px; text-align: center; color: #6c757d;} .o_mail_thread .o_thread_typing_notification_bar.o_thread_order_asc, .o_mail_activity .o_thread_typing_notification_bar.o_thread_order_asc{position: -webkit-sticky; position: sticky; top: auto; left: auto; bottom: 0px; right: auto;} .o_mail_thread .o_thread_typing_notification_bar.o_thread_order_desc, .o_mail_activity .o_thread_typing_notification_bar.o_thread_order_desc{position: -webkit-sticky; position: sticky; top: 0px; left: auto; bottom: auto; right: auto;} .o_mail_thread .o_thread_tooltip_container, .o_mail_activity .o_thread_tooltip_container{display: inline; position: relative;} .o_mail_thread .o_thread_date_separator, .o_mail_activity .o_thread_date_separator{margin-top: 15px; margin-bottom: 30px; border-bottom: 1px solid #ced4da; text-align: center;} @media (max-width: 767.98px){.o_mail_thread .o_thread_date_separator, .o_mail_activity .o_thread_date_separator{margin-top: 0px; margin-bottom: 15px;}} .o_mail_thread .o_thread_date_separator .o_thread_date, .o_mail_activity .o_thread_date_separator .o_thread_date{position: relative; top: 10px; margin: 0 auto; padding: 0 10px; font-weight: bold; background: white;} .o_mail_thread .o_thread_new_messages_separator, .o_mail_activity .o_thread_new_messages_separator{margin-bottom: 15px; border-bottom: solid #0389db 1px; text-align: right;} .o_mail_thread .o_thread_new_messages_separator .o_thread_separator_label, .o_mail_activity .o_thread_new_messages_separator .o_thread_separator_label{position: relative; top: 8px; padding: 0 10px; background: white; color: #0389db; font-size: smaller;} .o_mail_thread .o_thread_message, .o_mail_activity .o_thread_message{display: -webkit-box; display: -webkit-flex; display: flex; padding: 4px 16px; margin-bottom: 0px;} .o_mail_thread .o_thread_message.o_mail_not_discussion, .o_mail_activity .o_thread_message.o_mail_not_discussion{background-color: rgba(222, 226, 230, 0.5); border-bottom: 1px solid #ced4da;} .o_mail_thread .o_thread_message .o_thread_message_sidebar, .o_mail_activity .o_thread_message .o_thread_message_sidebar{flex: 0 0 36px; margin-right: 10px; margin-top: 2px; text-align: center; font-size: smaller;} @media (max-width: 767.98px){.o_mail_thread .o_thread_message .o_thread_message_sidebar, .o_mail_activity .o_thread_message .o_thread_message_sidebar{margin-top: 4px; font-size: x-small;}} .o_mail_thread .o_thread_message .o_thread_message_sidebar .o_thread_message_avatar, .o_mail_activity .o_thread_message .o_thread_message_sidebar .o_thread_message_avatar{max-width: 36px;} .o_mail_thread .o_thread_message .o_thread_message_sidebar .o_thread_message_side_date, .o_mail_activity .o_thread_message .o_thread_message_sidebar .o_thread_message_side_date{margin-left: -5px;} .o_mail_thread .o_thread_message .o_thread_message_sidebar .o_thread_message_star, .o_mail_activity .o_thread_message .o_thread_message_sidebar .o_thread_message_star{margin-right: -5px;} .o_mail_thread .o_thread_message .o_thread_message_sidebar .o_thread_message_side_date, .o_mail_activity .o_thread_message .o_thread_message_sidebar .o_thread_message_side_date{opacity: 0;} .o_mail_thread .o_thread_message .o_thread_icon, .o_mail_activity .o_thread_message .o_thread_icon{cursor: pointer; opacity: 0;} .o_mail_thread .o_thread_message .o_thread_icon.fa-star, .o_mail_activity .o_thread_message .o_thread_icon.fa-star{opacity: 0.6; color: gold;} .o_mail_thread .o_thread_message:hover .o_thread_message_side_date, .o_mail_thread .o_thread_message.o_thread_selected_message .o_thread_message_side_date, .o_mail_activity .o_thread_message:hover .o_thread_message_side_date, .o_mail_activity .o_thread_message.o_thread_selected_message .o_thread_message_side_date{opacity: 0.6;} .o_mail_thread .o_thread_message:hover .o_thread_icon, .o_mail_thread .o_thread_message.o_thread_selected_message .o_thread_icon, .o_mail_activity .o_thread_message:hover .o_thread_icon, .o_mail_activity .o_thread_message.o_thread_selected_message .o_thread_icon{opacity: 0.6;} .o_mail_thread .o_thread_message:hover .o_thread_icon:hover, .o_mail_thread .o_thread_message.o_thread_selected_message .o_thread_icon:hover, .o_mail_activity .o_thread_message:hover .o_thread_icon:hover, .o_mail_activity .o_thread_message.o_thread_selected_message .o_thread_icon:hover{opacity: 1;} .o_mail_thread .o_thread_message .o_mail_redirect, .o_mail_activity .o_thread_message .o_mail_redirect{cursor: pointer;} .o_mail_thread .o_thread_message .o_thread_message_core, .o_mail_activity .o_thread_message .o_thread_message_core{-webkit-box-flex: 1; -webkit-flex: 1 1 auto; flex: 1 1 auto; min-width: 0; max-width: 100%; word-wrap: break-word;} .o_mail_thread .o_thread_message .o_thread_message_core .o_thread_message_content > pre, .o_mail_activity .o_thread_message .o_thread_message_core .o_thread_message_content > pre{white-space: pre-wrap; word-break: break-word;} .o_mail_thread .o_thread_message .o_thread_message_core .o_mail_subject, .o_mail_activity .o_thread_message .o_thread_message_core .o_mail_subject{font-style: italic;} .o_mail_thread .o_thread_message .o_thread_message_core .o_mail_notification, .o_mail_activity .o_thread_message .o_thread_message_core .o_mail_notification{font-style: italic; color: gray;} .o_mail_thread .o_thread_message .o_thread_message_core [summary~=o_mail_notification], .o_mail_activity .o_thread_message .o_thread_message_core [summary~=o_mail_notification]{display: none;} .o_mail_thread .o_thread_message .o_thread_message_core p, .o_mail_activity .o_thread_message .o_thread_message_core p{margin: 0 0 9px;} .o_mail_thread .o_thread_message .o_thread_message_core p:last-child, .o_mail_activity .o_thread_message .o_thread_message_core p:last-child{margin-bottom: 0;} .o_mail_thread .o_thread_message .o_thread_message_core a, .o_mail_activity .o_thread_message .o_thread_message_core a{display: inline-block; word-break: break-all;} .o_mail_thread .o_thread_message .o_thread_message_core :not(.o_image_box) > img, .o_mail_activity .o_thread_message .o_thread_message_core :not(.o_image_box) > img{max-width: 100%; height: auto;} .o_mail_thread .o_thread_message .o_thread_message_core .o_mail_body_long, .o_mail_activity .o_thread_message .o_thread_message_core .o_mail_body_long{display: none;} .o_mail_thread .o_thread_message .o_thread_message_core .o_mail_info, .o_mail_activity .o_thread_message .o_thread_message_core .o_mail_info{margin-bottom: 2px;} .o_mail_thread .o_thread_message .o_thread_message_core .o_mail_info strong, .o_mail_activity .o_thread_message .o_thread_message_core .o_mail_info strong{color: inherit;} .o_mail_thread .o_thread_message .o_thread_message_core .o_thread_message_star, .o_mail_thread .o_thread_message .o_thread_message_core .o_thread_message_needaction, .o_mail_thread .o_thread_message .o_thread_message_core .o_thread_message_reply, .o_mail_thread .o_thread_message .o_thread_message_core .o_thread_message_email, .o_mail_activity .o_thread_message .o_thread_message_core .o_thread_message_star, .o_mail_activity .o_thread_message .o_thread_message_core .o_thread_message_needaction, .o_mail_activity .o_thread_message .o_thread_message_core .o_thread_message_reply, .o_mail_activity .o_thread_message .o_thread_message_core .o_thread_message_email{padding: 4px;} .o_mail_thread .o_thread_message .o_thread_message_core i.o_thread_message_email.o_thread_message_email_ready, .o_mail_activity .o_thread_message .o_thread_message_core i.o_thread_message_email.o_thread_message_email_ready{color: grey;} .o_mail_thread .o_thread_message .o_thread_message_core i.o_thread_message_email.o_thread_message_email_exception, .o_mail_thread .o_thread_message .o_thread_message_core i.o_thread_message_email.o_thread_message_email_bounce, .o_mail_activity .o_thread_message .o_thread_message_core i.o_thread_message_email.o_thread_message_email_exception, .o_mail_activity .o_thread_message .o_thread_message_core i.o_thread_message_email.o_thread_message_email_bounce{color: red; opacity: 1; cursor: pointer;} .o_mail_thread .o_thread_message .o_thread_message_core .o_attachments_list:last-child, .o_mail_thread .o_thread_message .o_thread_message_core .o_attachments_previews:last-child, .o_mail_activity .o_thread_message .o_thread_message_core .o_attachments_list:last-child, .o_mail_activity .o_thread_message .o_thread_message_core .o_attachments_previews:last-child{margin-bottom: 30px;} .o_mail_thread .o_thread_message .o_thread_message_core .o_thread_tooltip_container, .o_mail_activity .o_thread_message .o_thread_message_core .o_thread_tooltip_container{display: inline; position: relative;} .o_mail_thread .o_thread_title, .o_mail_activity .o_thread_title{margin-top: 20px; margin-bottom: 20px; font-weight: bold; font-size: 125%;} .o_mail_thread .o_mail_no_content, .o_mail_activity .o_mail_no_content{position: absolute; top: 30%; left: 0; bottom: 0; right: 0; text-align: center; font-size: 115%;} .o_mail_thread .o_thread_message .o_thread_message_core .o_mail_read_more, .o_mail_activity .o_thread_message .o_thread_message_core .o_mail_read_more{display: block;} .o_web_client .popover .o_thread_tooltip_icon{min-width: 1rem;} .o_web_client.o_touch_device .o_mail_thread .o_thread_icon{opacity: 0.6;} 

/* /im_livechat/static/src/scss/im_livechat.scss defined in bundle 'web.assets_frontend' */
 .o_livechat_button{position: fixed; bottom: 0px; right: 6px; min-width: 100px; cursor: pointer; white-space: nowrap; background-color: rgba(60, 60, 60, 0.6); font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, Verdana, sans-serif; font-size: 14px; font-weight: bold; padding: 10px; color: white; text-shadow: #3b4c58 1px 1px 0px; border: 1px solid #505050; border-bottom: 0px; border-top-left-radius: 5px; border-top-right-radius: 5px; z-index: 5;} .o_thread_window{z-index: 1002;} .o_thread_window .o_thread_date_separator{display: none;} .o_thread_window .o_livechat_rating{-webkit-box-flex: 1; -webkit-flex: 1 1 auto; flex: 1 1 auto; overflow: auto; padding: 15px; font-size: 14px;} .o_thread_window .o_livechat_rating .o_livechat_no_feedback{text-decoration: underline; cursor: pointer;} .o_thread_window .o_livechat_rating .o_livechat_rating_feedback_text{margin-top: 65px;} .o_thread_window .o_livechat_rating .o_livechat_rating_choices{margin: 40px 0;} .o_thread_window .o_livechat_rating .o_livechat_rating_choices > img{width: 65px; opacity: 0.60; cursor: pointer; margin: 10px;} .o_thread_window .o_livechat_rating .o_livechat_rating_choices > img:hover, .o_thread_window .o_livechat_rating .o_livechat_rating_choices > img.selected{opacity: 1;} .o_thread_window .o_livechat_rating .o_livechat_rating_reason{margin: 10px 0; display: none;} .o_thread_window .o_livechat_rating .o_livechat_rating_reason > textarea{width: 100%; height: 70px; resize: none;} .o_thread_window .o_livechat_rating .o_livechat_rating_reason_button > input{float: right;} 

/* /website_mail/static/src/css/website_mail.scss defined in bundle 'web.assets_frontend' */
 .js_follow[data-follow='on'] .js_follow_btn, .js_follow[data-follow='off'] .js_unfollow_btn{display: none;} 

/* /mail/static/src/scss/composer.scss defined in bundle 'web.assets_frontend' */
 @font-face{font-family: 'emojifont'; src: local("Segoe UI"), local("Apple Color Emoji"), local("Android Emoji"), local("Noto Color Emoji"), local("Twitter Color Emoji"), local("Twitter Color"), local("EmojiOne Color"), local("EmojiOne"), local(EmojiSymbols), local(Symbola);} .o_thread_composer{position: relative; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; display: -webkit-box; display: -webkit-flex; display: flex; margin: 1px 0; border-top: none; background: #f6f8f9;} .o_thread_composer .o_composer, .o_thread_composer .o_composer_subject{position: relative; background: white;} .o_thread_composer .o_composer textarea, .o_thread_composer .o_composer input, .o_thread_composer .o_composer_subject textarea, .o_thread_composer .o_composer_subject input{border: none;} .o_thread_composer .o_composer_subject{display: -webkit-box; display: -webkit-flex; display: flex; padding-bottom: 5px;} .o_thread_composer .o_composer_subject > input{-webkit-box-flex: 1; -webkit-flex: 1 1 auto; flex: 1 1 auto; padding: 5px; margin-right: 30px;} .o_thread_composer .o_composer .o_composer_input > textarea{width: 100%; resize: none;} .o_thread_composer .o_composer .o_composer_mention_dropdown .o_mention_proposition{display: inline-block; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: top; width: 100%; padding: 3px 15px;} .o_thread_composer .o_composer .o_composer_mention_dropdown .o_mention_proposition .o_mention_name{font-weight: 500;} .o_thread_composer .o_composer .o_composer_mention_dropdown .o_mention_proposition .o_mention_info{font-style: italic; color: gray;} .o_thread_composer .o_composer textarea{resize: none;} .o_thread_composer .o_composer .btn.fa{opacity: 0.8; border: none;} .o_thread_composer .o_composer .btn.fa:hover, .o_thread_composer .o_composer .btn.fa:focus, .o_thread_composer .o_composer .btn.fa.focus{opacity: 1;} .o_thread_composer .o_composer .o_composer_button_full_composer{position: absolute; top: auto; left: auto; bottom: auto; right: 0;} @media (max-width: 767.98px){.o_thread_composer .o_composer .o_composer_button_send{color: #025a90;}} .o_thread_composer .o_composer .o_mail_emoji_container{padding: 0 10px 10px 0; border: 1px solid #dee2e6; border-width: 1px 0 0 0; background-color: #f6f8f9;} .o_thread_composer .o_composer .o_mail_emoji_container .o_mail_emoji{margin: 10px 0 0 10px; cursor: pointer; min-width: 22px; min-height: 22px;} .o_thread_composer:not(.o_chat_mini_composer){padding: 18px; padding-left: 61px; border: 1px solid #dee2e6; border-top: none;} .o_thread_composer:not(.o_chat_mini_composer) .o_chatter_avatar{position: absolute; top: 0; left: -46px; bottom: auto; right: auto;} .o_thread_composer:not(.o_chat_mini_composer) .o_chatter_composer_info, .o_thread_composer:not(.o_chat_mini_composer) .o_composer_suggested_partners{flex: 0 0 100%; margin-bottom: 5px;} .o_thread_composer:not(.o_chat_mini_composer) .o_composer_container{position: relative;} .o_thread_composer:not(.o_chat_mini_composer) .o_composer{border-radius: 2px;} .o_thread_composer:not(.o_chat_mini_composer) .o_composer textarea{padding-right: 30px;} .o_thread_composer:not(.o_chat_mini_composer) .o_composer .o_mail_emoji_container{margin: -10px;} .o_thread_composer:not(.o_chat_mini_composer) .o_composer, .o_thread_composer:not(.o_chat_mini_composer) .o_composer_subject{border: 1px solid #dee2e6;} .o_thread_composer:not(.o_chat_mini_composer) .o_composer textarea, .o_thread_composer:not(.o_chat_mini_composer) .o_composer input, .o_thread_composer:not(.o_chat_mini_composer) .o_composer_subject textarea, .o_thread_composer:not(.o_chat_mini_composer) .o_composer_subject input{padding: 0 0 10px; border: none;} .o_thread_composer:not(.o_chat_mini_composer) .o_composer_subject{border-bottom: 0; border-radius: 2px 2px 0 0;} .o_thread_composer:not(.o_chat_mini_composer) .o_chatter_composer_tools{border-top: 1px solid #dee2e6;} .o_thread_composer:not(.o_chat_mini_composer):not(.o_chat_inline_composer){-webkit-flex-flow: row wrap; flex-flow: row wrap;} .o_thread_composer:not(.o_chat_mini_composer):not(.o_chat_inline_composer) .o_composer_container, .o_thread_composer:not(.o_chat_mini_composer):not(.o_chat_inline_composer) .o_composer_button_send{flex: 1 0 100%;} .o_thread_composer:not(.o_chat_mini_composer):not(.o_chat_inline_composer) .o_composer, .o_thread_composer:not(.o_chat_mini_composer):not(.o_chat_inline_composer) .o_composer_subject{padding: 10px 10px 0;} .o_thread_composer:not(.o_chat_mini_composer):not(.o_chat_inline_composer) .o_composer_send{margin-top: 10px;} .o_thread_composer:not(.o_chat_mini_composer).o_chat_inline_composer .o_composer_container{-webkit-box-flex: 1; -webkit-flex: 1 1 auto; flex: 1 1 auto;} .o_thread_composer:not(.o_chat_mini_composer).o_chat_inline_composer .o_composer{padding: 10px 10px 0 10px; border-radius: 2px 0 0 2px; border-right-width: 0;} .o_thread_composer:not(.o_chat_mini_composer).o_chat_inline_composer .o_composer .o_mail_emoji_container{text-align: right; border-right-width: 1px;} .o_thread_composer:not(.o_chat_mini_composer).o_chat_inline_composer .o_composer_input{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap;} .o_thread_composer:not(.o_chat_mini_composer).o_chat_inline_composer .o_composer_text_field{flex: 1 1 50%; margin: 0; padding: 0;} .o_thread_composer:not(.o_chat_mini_composer).o_chat_inline_composer .o_chatter_composer_tools{-webkit-box-flex: 0; -webkit-flex: 0 1 auto; flex: 0 1 auto;} .o_thread_composer:not(.o_chat_mini_composer).o_chat_inline_composer .o_composer_attachments_list{flex: 1 0 100%;} .o_thread_composer:not(.o_chat_mini_composer).o_chat_inline_composer .o_chatter_composer_tools{border: none; border-left: 1px solid #dee2e6; padding-left: 5px; transform: translateY(-5px);} .o_thread_composer:not(.o_chat_mini_composer).o_chat_inline_composer .o_composer_button_send{border-radius: 0 3px 3px 0; padding: 10px 0.75rem; border: 1px solid #024a77; border-left-width: 0;} .o_thread_composer.o_chat_mini_composer .o_composer_container{border-top: 1px solid #dee2e6; width: 100%;} .o_thread_composer.o_chat_mini_composer .o_composer .o_mail_emoji_container{position: absolute; top: auto; left: 0; bottom: 100%; right: 0; border-bottom-width: 1px; max-height: calc(100vh - 100%); overflow-y: auto;} .o_thread_composer.o_chat_mini_composer .o_composer_input{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-flow: row nowrap; flex-flow: row nowrap;} .o_thread_composer.o_chat_mini_composer .o_composer_input textarea.o_composer_text_field{-webkit-box-flex: 1; -webkit-flex: 1 1 auto; flex: 1 1 auto;} .o_thread_composer.o_chat_mini_composer .o_composer_input .o_chatter_composer_tools{-webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto;} @media (max-width: 767.98px){.o_thread_composer.o_chat_mini_composer .o_composer_input .o_composer_button_send{display: inline-block;}} .o_thread_composer.o_chat_mini_composer .o_composer_button_send, .o_thread_composer.o_chat_mini_composer .o_chatter_avatar{display: none !important;} .o_thread_composer.o_chat_mini_composer .o_attachment{width: 50%;} .o_composer_attachments_list:not(:empty){margin-top: 10px; text-align: justify;} .o_mail_emoji{display: inline-block; padding: 0; font-size: 1.3rem; font-family: emojifont;} .o_mail_preview .o_mail_emoji{font-size: 100%;} .o_attachments_list, .o_attachments_previews{margin: 0 -5px 0; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap;} .o_attachment{position: relative; width: 100%; padding: 5px;} @media (min-width: 768px){.o_attachment{width: 50%;}} @media (min-width: 992px){.o_attachment{width: 25%;}} .o_attachment .o_attachment_wrap{overflow: hidden; position: relative; border-bottom: 1px solid rgba(0, 0, 0, 0.1); border-radius: 2px; padding: 4px 6px 0 4px; background-color: rgba(0, 0, 0, 0.05);} .o_attachment.o_attachment_editable .o_attachment_wrap{padding-right: 40px;} .o_attachment .o_image{width: 38px; height: 38px; image-orientation: from-image;} .o_attachment .o_image.o_hover{opacity: 1;} .o_attachment .o_image.o_hover:hover, .o_attachment .o_image.o_hover:focus, .o_attachment .o_image.o_hover.focus{opacity: 0.7;} .o_attachment .o_attachment_view{cursor: zoom-in;} .o_attachment .caption{display: block; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: top;} .o_attachment .caption a{color: #4c4c4c;} .o_attachment .caption a:hover, .o_attachment .caption a:focus, .o_attachment .caption a.focus{color: inherit;} .o_attachment .o_attachment_progress_bar{display: none;} .o_attachment .o_attachment_uploaded, .o_attachment .o_attachment_delete{position: absolute; top: 0; left: auto; bottom: 0; right: 0; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: center; width: 45px;} .o_attachment .o_attachment_delete{background: #27516c; color: white; cursor: pointer; font-size: 20px; transform: translateX(100%); transition: all 0.3s ease 0s;} .o_attachment .o_attachment_delete:hover{background: #025a90;} .o_attachment.o_attachment_uploading .o_attachment_wrap{padding-right: 0px;} .o_attachment.o_attachment_uploading .o_attachment_progress_bar{display: inline-block; margin: 0 0 0 8px; border-radius: 2px; vertical-align: bottom;} .o_attachment.o_attachment_uploading .o_attachment_progress_bar > div{font-size: 11px; padding: 0 7px;} .o_attachment.o_attachment_uploading .o_attachment_delete, .o_attachment.o_attachment_uploading .o_attachment_uploaded{display: none;} .o_attachment:hover .o_attachment_delete{transition: all 0.1s ease 0s; transform: translateX(0);} .o_attachments_previews > .o_attachment{width: 50%;} @media (min-width: 768px){.o_attachments_previews > .o_attachment{width: 33.33333333%;}} @media (min-width: 992px){.o_attachments_previews > .o_attachment{width: 25%;}} @media (min-width: 1200px){.o_attachments_previews > .o_attachment{width: 16.66666667%;}} .o_attachments_previews > .o_attachment .o_attachment_wrap{padding: 0; border-radius: 2px; border: 1px solid #ced4da;} .o_attachments_previews > .o_attachment .o_image_box{overflow: hidden; padding-top: 75%;} .o_attachments_previews > .o_attachment .o_image_box .o_attachment_image{position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-size: cover; background-position: center; transform: scale(1.05); transition: all 0.3s ease 0s;} .o_attachments_previews > .o_attachment .o_image_box:hover .o_attachment_image{transform: scale(1);} .o_attachments_previews > .o_attachment .o_image_overlay{position: absolute; top: 0; left: 0; bottom: 0; right: 0; opacity: 0; background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.9)); transition: all 0.3s ease 0s; padding: 10px;} .o_attachments_previews > .o_attachment .o_image_overlay:hover, .o_attachments_previews > .o_attachment .o_image_overlay:focus, .o_attachments_previews > .o_attachment .o_image_overlay.focus{opacity: 1;} .o_attachments_previews > .o_attachment .o_image_overlay .o_attachment_title{position: absolute; top: auto; left: auto; bottom: 7px; right: auto; width: 80%; display: inline-block; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: top; font-size: 0.75rem;} .o_attachments_previews > .o_attachment .o_image_overlay .o_attachment_delete_cross{color: white;} .o_attachments_previews > .o_attachment .o_image_overlay .o_attachment_download{position: absolute; top: auto; left: auto; bottom: 7px; right: 7px;} .o_modal_fullscreen{z-index: 1052;} .o_modal_fullscreen .o_viewer_content{position: relative; width: 100%; height: 100%;} .o_modal_fullscreen .o_viewer_content .o_viewer-header{position: absolute; top: 0; left: 0; bottom: auto; right: 0; height: 45px; padding: 15px; background-color: rgba(0, 0, 0, 0.8); z-index: 1; color: #FFFFFF;} .o_modal_fullscreen .o_viewer_content .o_viewer-header a{color: rgba(246, 248, 249, 0.6);} .o_modal_fullscreen .o_viewer_content .o_viewer-header a:hover, .o_modal_fullscreen .o_viewer_content .o_viewer-header a:focus, .o_modal_fullscreen .o_viewer_content .o_viewer-header a.focus{color: white;} .o_modal_fullscreen .o_viewer_content .o_viewer-header .o_close_btn{position: absolute; top: -1px; left: auto; bottom: auto; right: 15px; font-size: 2.1875rem; font-weight: 300;} .o_modal_fullscreen .o_viewer_content .o_viewer-header .o_image_caption{bottom: 20%; position: absolute;} .o_modal_fullscreen .o_viewer_content .o_viewer-header .o_image_caption .o_split_pdf_area{background-color: #3a3a3a; margin: 5px; padding: 6px; margin-left: 50px;} .o_modal_fullscreen .o_viewer_content .o_viewer-header .o_image_caption .o_split_pdf_area .o_split_btn{vertical-align: baseline;} .o_modal_fullscreen .o_viewer_content .o_viewer-header .o_image_caption .o_split_pdf_area .o_page_number_input{width: 13%; color: black; display: inline;} .o_modal_fullscreen .o_viewer_content .o_viewer-header .o_image_caption .o_split_pdf_area .o_remainder_input{vertical-align: middle;} .o_modal_fullscreen .o_viewer_content .o_loading_img{position: absolute; top: 45%; left: 0; bottom: auto; right: 0;} .o_modal_fullscreen .o_viewer_content .o_viewer_img_wrapper{cursor: pointer; position: fixed; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7);} .o_modal_fullscreen .o_viewer_content .o_viewer_img_wrapper .o_viewer_zoomer{width: 100%; height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; padding: 45px 0;} .o_modal_fullscreen .o_viewer_content .o_viewer_img_wrapper .o_viewer_zoomer img{image-orientation: from-image;} .o_modal_fullscreen .o_viewer_content .o_viewer_img_wrapper .o_viewer_zoomer img, .o_modal_fullscreen .o_viewer_content .o_viewer_img_wrapper .o_viewer_zoomer video{cursor: auto; max-width: 100%; max-height: 100%; transition: 0.2s cubic-bezier(0, 0, 0.49, 1.6) 0s, opacity 0.15s; box-shadow: 0 0 40px black;} .o_modal_fullscreen .o_viewer_content .o_viewer_img_wrapper .o_viewer_zoomer .o_viewer_pdf{width: 80%; height: 100%; border: 0px; box-shadow: 1px 1px 20px 1px #000;} .o_modal_fullscreen .o_viewer_content .o_viewer_img_wrapper .o_viewer_zoomer .o_viewer_text{width: 80%; height: 100%; border: 0px; box-shadow: 1px 1px 20px 1px #000; background-color: white;} .o_modal_fullscreen .o_viewer_content .o_viewer_img_wrapper .o_viewer_zoomer .o_viewer_video{height: 80%;} .o_modal_fullscreen .o_viewer_content .o_viewer_toolbar{position: absolute; top: auto; left: 50%; bottom: 15px; right: auto; transform: translate(-50%, -50%); overflow: hidden; border-radius: 4px; background-color: rgba(0, 0, 0, 0.4);} .o_modal_fullscreen .o_viewer_content .o_viewer_toolbar .o_viewer_toolbar_btn{background-color: rgba(0, 0, 0, 0.4); color: rgba(246, 248, 249, 0.7); padding-left: 8px; padding-right: 8px;} .o_modal_fullscreen .o_viewer_content .o_viewer_toolbar .o_viewer_toolbar_btn:hover{background-color: rgba(0, 0, 0, 0.6); color: white;} .o_modal_fullscreen .o_viewer_content .o_viewer_toolbar .o_viewer_toolbar_btn.disabled{color: #6c757d; background: none;} .o_modal_fullscreen .arrow{position: absolute; top: 50%; left: auto; bottom: auto; right: 15px; border-radius: 100%; padding: 12px 16px 11px 18px; background-color: rgba(0, 0, 0, 0.4); color: rgba(246, 248, 249, 0.7);} .o_modal_fullscreen .arrow:hover{background-color: rgba(0, 0, 0, 0.6); color: white;} .o_modal_fullscreen .arrow.disabled{color: #6c757d; background: none;} .o_modal_fullscreen .arrow-left{left: 15px; right: auto; padding: 12px 18px 11px 16px;} 

/* /fabula_livechat/static/src/scss/mixin.scss defined in bundle 'web.assets_frontend' */
 @font-face{font-family: Opensans-Regular; src: url(/fabula_livechat/static/src/fonts/opensans-regular.woff);} @font-face{font-family: Opensans-Light; src: url(/fabula_livechat/static/src/fonts/opensans-light.woff);} @font-face{font-family: Opensans-Semibold; src: url(/fabula_livechat/static/src/fonts/opensans-semibold.woff);} @font-face{font-family: OpenSans-Lightitalic; src: url(/fabula_livechat/static/src/fonts/opensans-lightitalic.woff);} .maxW{width: 90%; max-width: 1400px; display: block; margin: 0px auto;} 

/* /fabula_livechat/static/src/scss/fabula_livechat.scss defined in bundle 'web.assets_frontend' */
 .o_composer_buttons{position: relative; display: -ms-inline-flexbox; display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; vertical-align: middle;} .livechat_button_img{position: fixed; bottom: 85px; right: 25px; width: 120px; padding: 20px 20px 0px 0px; z-index: 9999;} .livechat_button_img:hover .close_img{display: block;} .livechat_button_img .close_img{cursor: pointer; display: none; top: -3px; right: 0px; position: absolute; color: #666;} .livechat_button_img .close_img:hover{color: #666; display: block; text-decoration: none;} .e_folded_header ~ .livechat_button_img{display: block;} .e_folded_header .o_chat_title{cursor: pointer; padding: 5px 11px !important; font-size: 12px !important;} .e_folded_header .o_chat_title .user_status{font-size: 10px !important;} .e_folded_header .o_chat_title small > p{margin: 0; margin-top: 2px;} .e_folded_header .offline-users-chat-main{display: none;} .e_folded_header ~ .e_chatwindow_brand, .e_folded_header ~ .o_chat_composer{display: none !important;} .e_folded_header .e_chat_window_minimize{display: none;} .e_folded_header .e_emailtranscript{display: none;} .e_open_header ~ .livechat_button_img{display: none;} .loader_wrapper{position: relative;} .loader_wrapper .sending_loader{padding: 10px 0 14px 8px;} .sending_dots{display: inline-block;} .send_lbl{font-family: OpenSans-Lightitalic; color: gray;} .o_thread_message.listener_msg.sending_loader{margin: 0 !important; height: 27px;} .e_livechat_form .livechat_loader{margin: 65px auto; max-height: 452px;} .e_livechat_form .livechat_container{width: 90%; display: block; margin: 0px auto;} .e_livechat_form .livechat_container p{font-size: 13px;} .e_livechat_form .livechat_container .e_livechat_form_text > p{display: block; margin: 0px auto; line-height: 22px;} .e_livechat_form .livechat_container .e_livechat_form_field input{display: block; width: 100%; font-size: 14px; line-height: 1.42857143; color: #555555; background-color: #fff; background-image: none; box-shadow: none; border: none; border: 1px solid #ccc;} .e_livechat_form .livechat_container .e_livechat_form_field .form-group{position: relative;} .e_livechat_form .livechat_container .e_livechat_form_field .form-group .input_lbl{position: absolute; left: 5px; top: 10px; color: #959595; pointer-events: none; font-family: Opensans-Light;} .e_livechat_form .livechat_container .e_livechat_form_field .form-group .bottom_line{position: relative; display: block;} .e_livechat_form .livechat_container .e_livechat_form_field .form-group .bottom_line:before, .e_livechat_form .livechat_container .e_livechat_form_field .form-group .bottom_line:after{content: ''; height: 2px; width: 0; bottom: 1px; position: absolute; background: #2A8DDE; transition: 0.2s ease all;} .e_livechat_form .livechat_container .e_livechat_form_field .form-group .bottom_line:before{left: 50%;} .e_livechat_form .livechat_container .e_livechat_form_field .form-group .bottom_line:after{right: 50%;} .e_livechat_form .livechat_container .e_livechat_form_field .form-group input, .e_livechat_form .livechat_container .e_livechat_form_field .form-group textarea{resize: none; border-style: solid; border-width: 0 0 2px 0; padding: 12px; width: 100%; box-shadow: none;} .e_livechat_form .livechat_container .e_livechat_form_field .form-group input:focus, .e_livechat_form .livechat_container .e_livechat_form_field .form-group textarea:focus{outline: none;} .e_livechat_form .livechat_container .e_livechat_form_field .form-group input:focus ~ .bottom_line:before, .e_livechat_form .livechat_container .e_livechat_form_field .form-group input:focus ~ .bottom_line:after, .e_livechat_form .livechat_container .e_livechat_form_field .form-group textarea:focus ~ .bottom_line:before, .e_livechat_form .livechat_container .e_livechat_form_field .form-group textarea:focus ~ .bottom_line:after{width: 50%;} .e_livechat_form .livechat_container .e_livechat_form_field .form-group input:focus ~ .input_lbl, .e_livechat_form .livechat_container .e_livechat_form_field .form-group textarea:focus ~ .input_lbl{font-size: 11px; top: -7px; color: #2A8DDE; transition: 0.2s ease all;} .e_livechat_form .livechat_container .e_livechat_form_field .e_valid ~ .input_lbl{font-size: 11px; top: -7px;} .e_livechat_form .livechat_container .e_livechat_form_field .e_error{border-color: red;} .e_livechat_form .livechat_container .e_livechat_form_field .e_error ~ .input_lbl{color: red !important;} .e_livechat_form .livechat_container .e_livechat_form_field .e_error ~ input, .e_livechat_form .livechat_container .e_livechat_form_field .e_error textarea{border-color: red;} .e_livechat_form .livechat_container .e_livechat_form_field .e_error ~ .bottom_line:before, .e_livechat_form .livechat_container .e_livechat_form_field .e_error .bottom_line:after{background: none !important;} .e_livechat_form .livechat_container .e_livechat_form_field .e_error:focus ~ .bottom_line:after{background: none !important;} .e_livechat_form .livechat_container .e_livechat_form_field > div.form-group{margin-bottom: 35px;} .e_start_chat_button{width: 100%; border-radius: 0; padding: 10px 15px; font-size: 16px;} .e_chatwindow_brand > a{font-size: 10px; color: #9b9595;} .e_chatwindow_brand > a:hover{text-decoration: none; color: #9b9595;} .e_chatwindow_brand > a:active{text-decoration: none; color: #9b9595;} .e_chatwindow_brand > a b{font-size: 11px;} .e_chatwindow_brand .brand_img{width: 11px;} .e_fabula{background: white;} .e_fabula .e_open_header{padding: 15px 5px 11px 5px !important;} .livechat_loader{display: block; height: 100%; margin: 50px auto; position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, 0.4); right: 0; bottom: 0; padding-top: 215px; text-align: center; vertical-align: top; max-height: 460px;} .livechat_loader svg path, .livechat_loader svg rect{fill: white;} .o_livechat_button{background-color: #2A8DDE !important; border-color: #2A8DDE !important; border-radius: 50px !important; padding: 14px 20px !important; bottom: 20px !important; right: 15px !important;} .d_livechat{font-family: Opensans-Regular; z-index: 9999; background: white;} .d_livechat .o_chat_composer{-webkit-box-shadow: 0px -2px 5px 0px #e6e6e6; -moz-box-shadow: 0px -2px 5px 0px #e6e6e6; box-shadow: 0px -2px 5px 0px #e6e6e6; box-shadow: 0px -2px 5px 0px #e6e6e6; margin-bottom: 5px; background: transparent;} .d_livechat .o_chat_header{background: #2A8DDE !important; border-radius: 1px 1px 0px 0px;} .d_livechat .o_chat_header > span{padding: 12px 6px;} .d_livechat .o_chat_header .o_chat_title{padding: 0px 5px; margin-left: 76px; font-size: 14px; font-family: Opensans-Semibold;} .d_livechat .o_chat_header .chat_img_wrap > img{position: absolute; top: -20px; left: 10px; width: 63px; border: 2px solid #fff; background-color: white;} .d_livechat .o_chat_header .o_chat_window_close{color: #fff; outline: none; margin: 0 !important;} .d_livechat .o_chat_header .o_chat_window_close:hover{color: #fff; text-decoration: none;} .d_livechat .o_chat_header .o_chat_window_close:active{color: #fff; text-decoration: none;} .d_livechat .o_chat_header .o_chat_window_close:focus{color: #fff; text-decoration: none;} .e_message{max-width: 7%;} .o_livechat_button{font-family: Opensans-Regular !important; min-width: auto !important; max-width: 400px; font-size: 12px !important; text-shadow: none !important;} .e_chatwindow_brand{width: 90%; margin: 0 auto;} .e_livechat_form{height: 100%;} .e_livechat_form .text-center{width: 45%;} .e_livechat_form .e_start_chat_button{background-color: #2A8DDE !important; border-radius: 20px; font-family: Opensans-Semibold; border: none;} .e_livechat_form .e_start_chat_button:focus{outline: none;} .e_livechat_form .e_start_chat_button:active:focus{background-color: #2A8DDE;} .online_status{margin: 0; font-family: Opensans-Regular;} .online_status > .fa-circle{font-size: 9px; color: lime;} .user_status{font-family: Opensans-Light; font-size: 11px;} .o_user_online{font-size: 9px; color: lime;} .o_user_idle{font-size: 9px; color: #FAC92D;} .o_user_offline{font-size: 9px; color: #f56969;} .e_chat_window_minimize{padding: 15px 6px; cursor: pointer;} .d_livechat{border: 0 !important; box-shadow: 3px 3px 15px #ccc; max-width: 400px !important; width: 100% !important;} .d_livechat input.transcript_email, .d_livechat input.transcript_email, .d_livechat input.e_email, .d_livechat input.e_name{background-color: #fff !important;} .d_livechat .o_mail_thread{font-size: 13px; background: white;} .d_livechat .o_chat_composer{width: 100%;} .d_livechat .o_chat_composer > input.o_composer_text_field{width: 78% !important; border: 0; padding: 0 8px; margin-top: 2%;} .d_livechat .o_chat_composer > input.o_composer_text_field::-webkit-input-placeholder{font-style: italic;} .d_livechat .o_chat_composer > input.o_composer_text_field::-moz-placeholder{font-style: italic;} .d_livechat .o_chat_composer > input.o_composer_text_field:-ms-input-placeholder{font-style: italic;} .d_livechat .o_chat_composer > input.o_composer_text_field:-o-input-placeholder{font-style: italic;} .d_livechat input.o_composer_text_field:focus{outline: none;} .d_livechat div.o_composer_buttons{width: 20% !important; padding-top: 4px;} .d_livechat button.o_chat_window_button_add_attachment{background: transparent; font-size: 18px; padding: 0 9px; transform: rotate(90deg); color: #b4b3b3;} .d_livechat button.o_chat_window_button_add_attachment:focus{outline: none; box-shadow: none;} .d_livechat button.o_composer_button_send{border-radius: 50% !important; background: #2A8DDE !important; border: 0; padding: 3px 6px; font-size: 12px; margin-top: 3px; display: block !important;} .d_livechat button.o_composer_button_send:focus{outline: none;} .d_livechat button.o_composer_button_send:before{margin-left: -21%;} .d_livechat div.o_chat_window_attachments_list{position: absolute; background: #2A8DDE !important; bottom: 40px; width: 90%; border-radius: 6px; margin: 2% 5%;} .d_livechat div.o_chat_window_attachments_list .attachment_img{height: auto;} .d_livechat div.o_attachments{margin-left: 5%;} .d_livechat div.o_attachments:before{content: ' '; position: absolute; width: 0; height: 0; left: auto; right: 15px; bottom: -17px; border-style: solid; border-width: 50px 12px 0px 27px; border-color: #2A8DDE transparent transparent transparent;} .d_livechat div.o_attachments.none:before{display: none;} .d_livechat .o_chat_composer a.o_image{background-image: url("/fabula_livechat/static/src/img/attachment_icon.png") !important; max-width: 55%; height: 65px; position: none; left: 15px;} .d_livechat .o_chat_composer a.o_image .o_attachment_name{display: inline-block; max-width: 100%; margin-top: 60px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .d_livechat .o_chat_composer div.o_attachment{width: 64px;} .d_livechat .o_chat_composer div.o_attachment .caption, .d_livechat .o_chat_composer div.o_attachment .o_image_overlay{display: none;} .d_livechat .wrap_chat_space{height: 100%; overflow: auto;} .d_livechat .o_livechat_rating{padding: 30px 20px !important;} .d_livechat .o_livechat_rating_feedback_text{font-size: 14px;} .d_livechat .o_livechat_rating_choices{text-align: left;} .d_livechat .o_livechat_rating_choices img{max-width: 23%;} .d_livechat .o_livechat_no_feedback{text-align: left; font-family: Opensans-Light;} .d_livechat .u_name, .d_livechat .Close_msg{font-size: 15px; margin-bottom: 2%;} .d_livechat .btn_Cancel, .d_livechat .btn_endChat{border: 1px solid #2A8DDE; border-radius: 20px; padding: 9px 29px; background: #fff; color: #2A8DDE; font-family: Opensans-Semibold; margin-top: 7%;} .d_livechat .btn_Cancel:focus, .d_livechat .btn_endChat:focus{outline: none;} .d_livechat .btn_endChat{margin-left: 4%; background: #2A8DDE; color: white;} .d_livechat .o_chat_window_close:hover{background-color: transparent !important;} .d_livechat .e_folded_header{border-radius: 50px; border-width: 0;} .d_livechat .e_folded_header .chat_img_wrap > img{top: 9px; left: 80%; width: 44px;} .d_livechat .e_folded_header .o_chat_window_close{display: none;} .d_livechat .e_folded_header .o_chat_title{margin-left: 10px;} .d_livechat .confirmation_wrap{height: 100%;} .d_livechat .listener_msg, .d_livechat .operator_msg{max-width: 75%; width: 100%; margin: 3% 9% !important;} .d_livechat .listener_msg .o_image, .d_livechat .operator_msg .o_image{height: auto;} .d_livechat .listener_msg .caption, .d_livechat .listener_msg .o_image_overlay, .d_livechat .operator_msg .caption, .d_livechat .operator_msg .o_image_overlay{display: none !important;} .d_livechat .listener_msg .dot, .d_livechat .operator_msg .dot{fill: #54636D; position: relative; transform-origin: 50% 50%; animation: ball-beat 0.7s 0s infinite cubic-bezier(0.5, 0.05, 0.5, 0.95);} .d_livechat .listener_msg .dot:nth-child(2), .d_livechat .operator_msg .dot:nth-child(2){animation-delay: 0.2s !important;} .d_livechat .listener_msg .dot:nth-child(3), .d_livechat .operator_msg .dot:nth-child(3){animation-delay: 0.4s !important;} @keyframes ball-beat{0%{opacity: 0.7;}33.33%{opacity: 0.55;}66.67%{opacity: 0.4;}100%{opacity: 1;}} .d_livechat .listener_msg .o_thread_message_core p:first-child, .d_livechat .operator_msg .o_thread_message_core p:first-child{color: black; line-height: 175%;} .d_livechat .listener_msg .o_thread_message_core p, .d_livechat .operator_msg .o_thread_message_core p{margin: 0 !important;} .d_livechat .listener_msg div.o_attachment, .d_livechat .operator_msg div.o_attachment{width: 100%;} .d_livechat .listener_msg a.o_image, .d_livechat .operator_msg a.o_image{background-image: none; width: 100%; position: relative; left: 0px;} .d_livechat .listener_msg a.o_image:hover, .d_livechat .operator_msg a.o_image:hover{text-decoration: none;} .d_livechat .listener_msg a.o_image:focus, .d_livechat .operator_msg a.o_image:focus{outline: none; text-decoration: none;} .d_livechat .listener_msg .o_attachment_name, .d_livechat .operator_msg .o_attachment_name{margin: 0; padding: 0 6px; max-width: 65%; vertical-align: middle;} .d_livechat .listener_msg .o_attachment, .d_livechat .operator_msg .o_attachment{height: 30px; text-align: left;} .d_livechat .listener_msg .attachment_img, .d_livechat .operator_msg .attachment_img{max-width: 10% !important; height: auto;} .d_livechat .o_attachment_name{color: white; display: inline-block; max-width: 80%; margin-top: 60px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .d_livechat .o_attachment_delete{color: white; top: 0px; right: 0px;} .d_livechat .chat_time{text-align: right; padding: 3px 5px 0; font-size: 12px; color: #77b3cb;} .d_livechat .listener_msg{float: right; background-color: #D3F1FC;} .d_livechat .listener_msg .o_attachment_name{margin-top: 0px !important; color: black !important; display: inline-block;} .d_livechat .listener_msg p:first-child{padding: 10px 0px 0px 10px;} .d_livechat .listener_msg div.o_attachment{margin: 2% 4% !important;} .d_livechat .listener_msg:after{width: 0; height: 0; content: ""; top: -4px; left: 14px; position: relative; border-style: solid; border-width: 13px 13px 0 0; border-color: #D3F1FC transparent transparent transparent;} .d_livechat .operator_msg{float: left; background-color: #F0F4F8;} .d_livechat .operator_msg .o_attachment_name{margin-top: 0px !important; color: black !important;} .d_livechat .operator_msg div.o_attachment{margin: 4% 0 !important;} .d_livechat .operator_msg p:first-child{padding: 10px 10px 0px 0px;} .d_livechat .operator_msg:before{width: 0; height: 0; content: ""; top: -4px; left: -14px; position: relative; border-style: solid; border-width: 0 13px 13px 0; border-color: transparent #F0F4F8 transparent transparent;} .d_livechat .o_mail_info{display: inline-block; font-family: Opensans-Light; color: #77b3cb !important; padding: 0px !important;} .d_livechat .attachment_img{max-width: 65%;} .d_livechat .transcript_wrap{height: 100%; padding: 40px 20px;} .d_livechat .transcript_wrap .input_wrap{position: relative;} .d_livechat .transcript_wrap .input_wrap .input_lbl{position: absolute; left: 5px; top: 15px; color: #959595; pointer-events: none;} .d_livechat .transcript_wrap .input_wrap .bottom_line{position: relative; display: block;} .d_livechat .transcript_wrap .input_wrap .bottom_line:before, .d_livechat .transcript_wrap .input_wrap .bottom_line:after{content: ''; height: 2px; width: 0; bottom: 1px; position: absolute; background: #2A8DDE; transition: 0.2s ease all;} .d_livechat .transcript_wrap .input_wrap .bottom_line:before{left: 50%;} .d_livechat .transcript_wrap .input_wrap .bottom_line:after{right: 50%;} .d_livechat .transcript_wrap .input_wrap input, .d_livechat .transcript_wrap .input_wrap textarea{border-style: solid; border-width: 0 0 2px 0; padding: 10px; width: 100%; box-shadow: none;} .d_livechat .transcript_wrap .input_wrap input:focus, .d_livechat .transcript_wrap .input_wrap textarea:focus{outline: none;} .d_livechat .transcript_wrap .input_wrap input:focus ~ .bottom_line:before, .d_livechat .transcript_wrap .input_wrap input:focus ~ .bottom_line:after, .d_livechat .transcript_wrap .input_wrap textarea:focus ~ .bottom_line:before, .d_livechat .transcript_wrap .input_wrap textarea:focus ~ .bottom_line:after{width: 50%;} .d_livechat .transcript_wrap .input_wrap input:focus ~ .input_lbl, .d_livechat .transcript_wrap .input_wrap textarea:focus ~ .input_lbl{font-size: 11px; top: -7px; color: #2A8DDE; transition: 0.2s ease all;} .d_livechat .transcript_wrap .e_valid ~ .input_lbl{font-size: 11px; top: -7px;} .d_livechat .transcript_wrap .e_error{border-color: red;} .d_livechat .transcript_wrap .e_error ~ .input_lbl{color: red !important;} .d_livechat .transcript_wrap .e_error ~ input, .d_livechat .transcript_wrap .e_error textarea{border-color: #eee;} .d_livechat .transcript_wrap .e_error ~ .bottom_line:before, .d_livechat .transcript_wrap .e_error .bottom_line:after{background: none !important;} .d_livechat .transcript_wrap .e_error:focus ~ .bottom_line:after{background: none !important;} .d_livechat .transcript_wrap .e_error:focus ~ .input_lbl{color: red;} .d_livechat .transcript_wrap .transcript_loader{height: 100%; margin: 60px auto; position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, 0.4); right: 0; bottom: 0; padding-top: 290px; text-align: center; vertical-align: top; max-height: 545px;} .d_livechat .e_transcript_lbl{font-size: 14px;} .d_livechat .e_chatwindow_brand{width: 98%; background: white; margin: 0 auto 10px !important;} .d_livechat .btn_wrap{margin-top: 26px;} .d_livechat .transcript_cancel, .d_livechat .btn_sendtranscript{background: #2A8DDE; border-radius: 20px; font-family: Opensans-Semibold; border: none; padding: 9px 29px; outline: none; color: white;} .d_livechat .transcript_email{width: 95%; border: none; border: 2px solid #eee; padding: 10px;} .d_livechat .e_button_emoji{background: transparent; padding: 2px 2px !important; font-size: 17px; color: #b4b3b3 !important;} .d_livechat .e_button_emoji:focus{outline: none;} .d_livechat .e_button_emoji:active{box-shadow: none;} .d_livechat .e_button_emoji:hover{background: white !important;} .e_emailtranscript{padding: 15px 7px; cursor: pointer; font-size: 12px;} .e_open_header .o_chat_title{cursor: move !important; padding-top: 5px !important;} .e_open_header .o_chat_title p{margin-bottom: 7px;} .e_open_header .e_chat_window_minimize{display: inline-block;} .e_open_header .e_emailtranscript{display: inline-block;} .offline-users-chat-main{width: auto; max-width: 170px; display: inline-block;} .e_fabula{border: 0 !important; box-shadow: 0px 5px 30px #cccccc; max-width: 400px !important; width: 100% !important; font-family: Opensans-Regular; z-index: 9999;} .e_fabula .o_chat_title{font-family: Opensans-Semibold; font-size: 14px; padding-top: 0;} .e_fabula .o_chat_header{background: #2A8DDE !important; padding: 14px 5px 13px 5px !important; border-radius: 1px 1px 0 0;} .e_fabula .o_chat_header .chat_img_wrap{display: inline-block; max-width: 25px; margin-left: 0px;} .e_fabula .o_chat_header .chat_img_wrap:first-child{margin-left: 5px !important;} .e_fabula .o_chat_header .oprator_img{width: 50px; margin-top: -30px; display: inline-block; border: 2px solid; border-radius: 50%;} .e_fabula .o_chat_header .o_chat_title{margin-left: 35px; padding-top: 0px !important;} .e_fabula .offline_support_img{max-width: 6%; margin-left: 15px; display: none;} .e_fabula .offline_support_img img{max-width: 100%; width: auto;} .e_fabula .e_folded_header .offline_support_img{display: block;} .e_fabula .e_folded_header .o_chat_title{margin-left: 0px !important; padding: 5px 10px !important;} .e_fabula .e_folded_header .o_chat_window_close{padding: 7px 10px !important;} .e_fabula .offline_chat_wrap{max-width: 75%; margin: 0 auto;} .e_fabula .offline_msg_heading{font-family: Opensans-Semibold; font-size: 13px;} .e_fabula .offline_livechat_form_field .input_wrap{position: relative;} .e_fabula .offline_livechat_form_field .input_wrap .input_lbl{position: absolute; left: 5px; top: 15px; color: #959595; pointer-events: none;} .e_fabula .offline_livechat_form_field .input_wrap .bottom_line{position: relative; display: block;} .e_fabula .offline_livechat_form_field .input_wrap .bottom_line:before, .e_fabula .offline_livechat_form_field .input_wrap .bottom_line:after{content: ''; height: 2px; width: 0; bottom: 1px; position: absolute; background: #2A8DDE; transition: 0.2s ease all;} .e_fabula .offline_livechat_form_field .input_wrap .bottom_line:before{left: 50%;} .e_fabula .offline_livechat_form_field .input_wrap .bottom_line:after{right: 50%;} .e_fabula .offline_livechat_form_field .input_wrap input, .e_fabula .offline_livechat_form_field .input_wrap textarea{resize: none; border-style: solid; border-width: 0 0 2px 0; padding: 10px; width: 100%; box-shadow: none; border-color: #eee;} .e_fabula .offline_livechat_form_field .input_wrap input:focus, .e_fabula .offline_livechat_form_field .input_wrap textarea:focus{outline: none;} .e_fabula .offline_livechat_form_field .input_wrap input:focus ~ textarea, .e_fabula .offline_livechat_form_field .input_wrap textarea:focus ~ textarea{border-color: none;} .e_fabula .offline_livechat_form_field .input_wrap input:focus ~ .bottom_line:before, .e_fabula .offline_livechat_form_field .input_wrap input:focus ~ .bottom_line:after, .e_fabula .offline_livechat_form_field .input_wrap textarea:focus ~ .bottom_line:before, .e_fabula .offline_livechat_form_field .input_wrap textarea:focus ~ .bottom_line:after{border: none; width: 50%;} .e_fabula .offline_livechat_form_field .input_wrap input:focus ~ .input_lbl, .e_fabula .offline_livechat_form_field .input_wrap textarea:focus ~ .input_lbl{font-size: 11px; top: -7px; color: #2A8DDE; transition: 0.2s ease all;} .e_fabula .offline_livechat_form_field .e_valid ~ .input_lbl{font-size: 11px; top: -7px;} .e_fabula .offline_livechat_form_field .e_error{border-bottom-color: red !important;} .e_fabula .offline_livechat_form_field .e_error ~ .input_lbl{color: red !important;} .e_fabula .offline_livechat_form_field .e_error ~ .bottom_line:before, .e_fabula .offline_livechat_form_field .e_error .bottom_line:after{background: none !important;} .e_fabula .offline_livechat_form_field .e_error:focus ~ .bottom_line:after{background: none !important;} .e_fabula .e_submit_button{background: #2A8DDE; border-radius: 20px; font-family: Opensans-Semibold; border: none; padding: 9px 29px;} .e_fabula .e_submit_button:focus{outline: none; background: #2A8DDE;} .e_fabula .o_chat_window_close{vertical-align: middle; color: white; padding: 6px 10px !important; margin-left: 0 !important;} .e_fabula .o_chat_window_close:hover{background: transparent !important; text-decoration: none;} .e_fabula .o_chat_window_close:focus{outline: none;} .e_fabula .e_chat_window_minimize{vertical-align: middle; padding: 5px;} @media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm){.transcript_loader{margin: 58px auto !important; max-height: 380px !important;}.o_attachment_name{margin-top: 40px !important;}.listener_msg .o_attachment_name, .operator_msg .o_attachment_name{margin-top: 0px !important; color: black !important;}} @media screen and (-webkit-min-device-pixel-ratio: 0) and (min-color-index: 0){.d_livechat .chat_img_wrap > img{width: auto; height: auto;}.o_attachment_name{margin-top: 40px !important;}.listener_msg p, .operator_msg p{max-width: 95%;}.e_folded_header ~ .o_chat_composer{flex: 1 1 auto !important; overflow: auto;}.e_folded_header ~ .e_chatwindow_brand{flex: 1 1 auto !important; overflow: auto;}} @media all and (-ms-high-contrast: none), (-ms-high-contrast: active){.d_livechat .listener_msg::after{top: 9px;}.o_attachment .o_image{left: 10px;}.d_livechat .listener_msg div.o_attachment, .operator_msg div.o_attachment{margin: 4% !important;}.operator_msg:before{left: -9px !important; border-width: 11px 9px 0px 13px !important; transform: rotate(-90deg);}.livechat_loader{margin: 60px auto; max-height: 545px;}.transcript_loader{margin: 59px auto;}.o_attachment_name{margin-top: 35px !important;}.listener_msg .o_attachment_name, .operator_msg .o_attachment_name{margin-top: 0px !important; color: black !important;}.e_fabula .offline_support_img img{width: 17px;}} 

/* /fabula_livechat/static/src/scss/responsive_fabula.scss defined in bundle 'web.assets_frontend' */
 @media (max-width: 1200px){.o_chat_window.d_livechat .o_chat_header{height: 60px !important; padding: 10px;}.livechat_button_img{display: none !important;}.d_livechat{max-height: 100% !important; max-width: 100% !important;}.d_livechat .chat_img_wrap > img{top: 5px !important; width: 50px !important;}.d_livechat .o_chat_title{font-size: 14px !important; padding-top: 2px !important; margin-left: 60px !important;}.d_livechat .o_chat_window_close{font-size: 12px !important; padding: 3px 4px !important;}.d_livechat .e_livechat_form .livechat_loader{max-height: 87%; margin: 60px auto; padding-top: 300px;}.d_livechat .listener_msg, .d_livechat .operator_msg{max-width: 85%;}.d_livechat .listener_msg .attachment_img, .d_livechat .operator_msg .attachment_img{max-width: 5% !important;}.d_livechat .btn_Cancel, .d_livechat .btn_endChat{margin-top: 4%;}.d_livechat .btn_endChat{margin-left: 2%;}.d_livechat .e_livechat_form .text-center{width: 15%; margin-top: 45px;}.d_livechat .e_livechat_form .text-center .e_start_chat_button{font-size: 14px;}.d_livechat div.o_chat_window_attachments_list{width: 30%; right: -21px; bottom: 45px;}.d_livechat div.o_attachments:before{bottom: -21px;}.d_livechat .o_chat_composer{margin-bottom: 15px;}.d_livechat .btn_wrap{margin-top: 36px;}.d_livechat .transcript_cancel{margin-right: 2%;}.d_livechat .e_chatwindow_brand{margin: 0 auto 15px !important;}.d_livechat .livechat_container{margin-top: 50px;}.d_livechat .listener_msg, .d_livechat .operator_msg{margin: 3% 3% !important;}.d_livechat .o_chat_composer > input.o_composer_text_field{width: 91% !important;}.d_livechat div.o_composer_buttons{width: 8% !important;}.small_device{max-width: 6% !important; right: 35px !important; bottom: 20px !important; background: transparent; border-radius: 50%; box-shadow: none;}.small_device .o_chat_title{margin-left: 0px !important; padding: 5px 12px !important;}.small_device.d_livechat .o_chat_header{border-radius: 1px 30px 30px 30px !important; height: 47px !important; padding: 10px;}.small_device .chat_img_wrap > img{left: 14% !important; top: 10px !important; width: 40px !important;}.small_device.d_livechat .o_chat_header{border-radius: 1px 30px 30px 30px !important; height: 57px !important; padding: 10px;}.small_device .chat_img_wrap > img{left: 17% !important; top: 8px !important; width: 40px !important;}.small_device .e_chatwindow_brand, .small_device .o_chat_composer, .small_device .o_chat_title{display: none;}.small_device .o_chat_title span:first-child{position: absolute; top: -20%; left: 3px; background: brown; padding: 2px 4px; border-radius: 50%; font-size: 11px;}.small_device .listener_msg, .small_device .operator_msg{margin: 3% 5%;}.small_device input.o_composer_text_field{width: 90% !important;}.small_device div.o_composer_buttons{width: 9% !important;}.o_livechat_button{max-width: 55px; min-width: auto; font-size: 0px !important; border-radius: 50% !important; padding: 18px 15px !important;}.o_livechat_button .ml4{margin-left: 0px !important;}.o_livechat_button .e_message{max-width: 100%;}.e_fabula{max-height: 100% !important; max-width: 100% !important;}.e_fabula .e_chat_window_minimize{padding: 7px 5px; font-size: 11px;}.e_fabula .o_chat_header{padding: 11px 5px 15px 5px !important;}.e_fabula .e_open_header .chat_img_wrap{max-width: 21px !important;}.e_fabula .chat_img_wrap{max-width: 22px !important;}.e_fabula .chat_img_wrap:first-child{margin-left: 2px !important;}.e_fabula .o_chat_header{padding: 11px 5px 5px 5px !important;}.e_fabula .o_chat_header .oprator_img{margin-top: 0px;}.e_fabula .o_chat_header .o_chat_title{padding-top: 0 !important; font-size: 14px !important; padding: 16px !important;}.e_fabula .e_chat_window_minimize{padding: 22px 5px;}.e_fabula .o_chat_window_close{padding: 22px 15px !important;}.e_fabula .offline_chat_wrap{margin: 0 3%; max-width: 100%;}.e_fabula .livechat_loader{margin: 72px auto; padding-top: 292px; max-height: 87.5%;}.e_fabula.offline_small_device{max-width: 7% !important; right: 15px !important; bottom: 35px !important; border-radius: 50%; box-shadow: none;}.e_fabula.offline_small_device:hover{cursor: pointer;}.e_fabula.offline_small_device .o_chat_title{display: none !important;}.e_fabula.offline_small_device .o_mail_thread{display: none;}.e_fabula.offline_small_device .e_folded_header{border-radius: 1px 40px 40px 40px !important;}.e_fabula.offline_small_device .o_chat_header .chat_img_wrap:first-child{margin-left: 6px !important;}.e_fabula.offline_small_device .e_chatwindow_brand, .e_fabula.offline_small_device .o_chat_title, .e_fabula.offline_small_device .o_chat_window_close{display: none;}.e_fabula.offline_small_device .offline_support_img{padding: 13px 0; margin-left: 17px;}.e_fabula.offline_small_device .offline_support_img img{margin: 0 !important; max-width: none;}} @media (max-width: 920px){.small_device{border-radius: 50%;}.small_device .o_chat_header{border-radius: 1px 22px 22px 22px !important;}.small_device .chat_img_wrap > img{top: 8px !important; width: 32px !important;}.small_device .o_mail_thread{display: none;}} @media (max-width: 800px){.small_device{max-width: 7% !important; right: 20px !important; bottom: 20px !important; border-radius: 50%;}.small_device.d_livechat .o_chat_header{border-radius: 1px 30px 30px 30px !important; height: 54px !important; padding: 10px;}.small_device .chat_img_wrap > img{left: 13% !important; top: 8px !important; width: 38px !important;}.d_livechat .listener_msg, .d_livechat .operator_msg{margin: 3% 5% !important;}.d_livechat .o_chat_composer > input.o_composer_text_field{width: 88% !important;}.d_livechat div.o_composer_buttons{width: 11% !important;}.d_livechat .e_livechat_form .text-center{width: 20%;}.d_livechat .e_livechat_form .text-center .e_start_chat_button{font-size: 16px;}.d_livechat div.o_chat_window_attachments_list{width: 35%; right: -10px; bottom: 42px;}.d_livechat div.o_attachments:before{bottom: -17px;}.d_livechat .o_attachment_delete{opacity: 1;}.d_livechat .e_livechat_form .livechat_loader{max-height: 92%; padding-top: 450px;}.e_fabula .livechat_loader{padding-top: 420px; max-height: 90.5%;}.e_fabula.offline_small_device{max-width: 9% !important; right: 15px !important; bottom: 35px !important; border-radius: 50%; box-shadow: none;}.e_fabula.offline_small_device .e_folded_header{border-radius: 1px 40px 40px 40px !important;}.e_fabula.offline_small_device .o_chat_header .chat_img_wrap:first-child{margin-left: 5px !important;}.e_fabula.offline_small_device .e_chatwindow_brand{display: none;}} @media (max-width: 640px){.small_device{max-width: 8% !important;}.d_livechat .e_livechat_form .text-center{width: 25%;}.d_livechat .o_chat_composer > input.o_composer_text_field{width: 86% !important;}.d_livechat div.o_chat_window_attachments_list{width: 45%; right: -7px; bottom: 43px;}.d_livechat div.o_composer_buttons{width: 13% !important;}.d_livechat .e_livechat_form .livechat_loader{max-height: 74%; padding-top: 110px;}.e_fabula .o_chat_header{height: 53px; padding: 13px 5px 5px 5px !important;}.e_fabula .o_chat_header .oprator_img{width: 41px; margin-top: -8px;}.e_fabula .o_chat_header .o_chat_title{padding: 3px 0px !important; font-size: 14px;}.e_fabula .e_chat_window_minimize{padding: 9px 5px;}.e_fabula .o_chat_window_close{padding: 8px 15px !important; font-size: 13px !important;}.e_fabula .offline_chat_wrap{margin: 0 6%;}.e_fabula .livechat_loader{margin: 50px auto; padding-top: 110px; max-height: 79.5%;}.e_fabula.offline_small_device{max-width: 10% !important;}.e_fabula.offline_small_device .o_chat_header{padding: 8px 5px 5px 1px !important; height: 62px !important;}.e_fabula.offline_small_device .o_chat_header .oprator_img{max-width: 45px;}} @media (max-width: 480px){.small_device{max-width: 11% !important;}.d_livechat .e_livechat_form .text-center{width: 40%;}.d_livechat div.o_chat_window_attachments_list{width: 60%; right: -3px; bottom: 42px;}.d_livechat .e_livechat_form .livechat_loader{max-height: 71%; padding-top: 75px;}.d_livechat .o_chat_composer > input.o_composer_text_field{width: 82% !important;}.d_livechat div.o_composer_buttons{width: 17% !important;}.e_fabula .livechat_loader{padding-top: 90px; max-height: 76.5%;}.e_fabula.offline_small_device{max-width: 13% !important;}.e_fabula.offline_small_device .o_chat_header{padding: 8px 5px 5px 2px !important;}.e_fabula.offline_small_device .o_chat_header .oprator_img{width: 45px; margin-top: 0px;}.e_fabula.offline_small_device .offline_support_img{margin-left: 14px;}} @media (max-width: 360px){.small_device{max-width: 15% !important;}.d_livechat div.o_chat_window_attachments_list{width: 70%; right: 7px; bottom: 42px;}.d_livechat .listener_msg .attachment_img, .d_livechat .operator_msg .attachment_img{max-width: 8% !important;}.d_livechat .e_livechat_form .livechat_loader{max-height: 85%; padding-top: 250px;}.d_livechat .o_chat_composer > input.o_composer_text_field{width: 75% !important;}.d_livechat div.o_composer_buttons{width: 22% !important;}.e_fabula .livechat_loader{padding-top: 250px; max-height: 88.5%;}.e_fabula.offline_small_device{max-width: 17% !important;}.e_fabula.offline_small_device .o_chat_header{padding: 6px 5px 5px 2px !important; height: 60px !important;}.e_fabula.offline_small_device .o_chat_header .oprator_img{width: 41px; margin-top: -8px;}} @media (max-width: 320px){.small_device{max-width: 16% !important;}.d_livechat div.o_chat_window_attachments_list{width: 80%; right: 7px; bottom: 42px;}.d_livechat .o_chat_composer > input.o_composer_text_field{width: 73% !important;}.d_livechat div.o_composer_buttons{width: 25% !important;}.e_fabula .livechat_loader{padding-top: 170px; max-height: 84.5%;}.e_fabula.offline_small_device{max-width: 19% !important;}.e_fabula.offline_small_device .o_chat_header .oprator_img{width: 41px; margin-top: -8px;}} 

/* /website_rating/static/src/scss/website_rating.scss defined in bundle 'web.assets_frontend' */
 .o_website_rating_static{color: #FACC2E;} .o_website_rating_card_container{} .o_website_rating_card_container .o_message_counter{color: #495057;} .o_website_rating_card_container table.o_website_rating_progress_table{width: 100%; overflow: visible;} .o_website_rating_card_container table.o_website_rating_progress_table .o_website_rating_table_star_num{min-width: 30px; white-space: nowrap;} .o_website_rating_card_container table.o_website_rating_progress_table .o_website_rating_select[style*="opacity: 1"]{cursor: pointer;} .o_website_rating_card_container table.o_website_rating_progress_table .o_website_rating_table_progress{min-width: 120px;} .o_website_rating_card_container table.o_website_rating_progress_table .o_website_rating_table_progress > .progress{margin-bottom: 5px; margin-left: 5px; margin-right: 5px;} .o_website_rating_card_container table.o_website_rating_progress_table .o_website_rating_table_progress .o_rating_progressbar{background-color: #FACC2E;} .o_website_rating_card_container table.o_website_rating_progress_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_progress_table .o_website_rating_table_reset .o_website_rating_select_text{visibility: hidden;} .o_rating_star_card{margin-bottom: 5px;} .o_rating_star_card .stars{display: inline-block; color: #FACC2E; margin-right: 15px;} .o_rating_star_card .stars i{margin-right: -3px; text-align: center;} .o_rating_star_card .stars.enabled{cursor: pointer;} .o_rating_star_card .rate_text{display: inline-block;} 

/* /website_links/static/src/css/website_links.css defined in bundle 'web.assets_frontend' */
.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;} 

/* /mass_mailing/static/src/css/mass_mailing_popup.css defined in bundle 'web.assets_frontend' */
 .editor_enable [data-oe-placeholder]:empty:not(:focus):before{content: " \00a0 " attr(data-oe-placeholder); opacity: 0.4;} .o_popup_animated{-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;} @-webkit-keyframes o_popup_bounce_small{0%, 20%, 53%, 80%, 100%{-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}40%, 43%{-webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -14px, 0); transform: translate3d(0, -14px, 0);}70%{-webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -8px, 0); transform: translate3d(0, -8px, 0);}90%{-webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0);}} @keyframes o_popup_bounce_small{0%, 20%, 53%, 80%, 100%{-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}40%, 43%{-webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -14px, 0); transform: translate3d(0, -14px, 0);}70%{-webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -8px, 0); transform: translate3d(0, -8px, 0);}90%{-webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0);}} .o_popup_bounce_small{-webkit-animation-name: o_popup_bounce_small; animation-name: o_popup_bounce_small; -webkit-transform-origin: center bottom; -ms-transform-origin: center bottom; transform-origin: center bottom;} .o_popup_bounce_del500ms{-webkit-animation-delay: 500ms; animation-delay: 500ms;} #o_newsletter_popup .btn.btn-success{color: #ffffff; background-color: #21b799; border-color: #1da187;} #o_newsletter_popup .btn.btn-success:hover, #o_newsletter_popup .btn.btn-success:focus, #o_newsletter_popup .btn.btn-success.focus, #o_newsletter_popup .btn.btn-success:active, #o_newsletter_popup .btn.btn-success.active, .open > .dropdown-toggle#o_newsletter_popup .btn.btn-success{color: #ffffff; background-color: #198c75; border-color: #146e5c;} #o_newsletter_popup .btn.btn-success:active, #o_newsletter_popup .btn.btn-success.active, .open > .dropdown-toggle#o_newsletter_popup .btn.btn-success{background-image: none;} #o_newsletter_popup .btn.btn-success.disabled, #o_newsletter_popup .btn.btn-success[disabled], fieldset[disabled] #o_newsletter_popup .btn.btn-success, #o_newsletter_popup .btn.btn-success.disabled:hover, #o_newsletter_popup .btn.btn-success[disabled]:hover, fieldset[disabled] #o_newsletter_popup .btn.btn-success:hover, #o_newsletter_popup .btn.btn-success.disabled:focus, #o_newsletter_popup .btn.btn-success[disabled]:focus, fieldset[disabled] #o_newsletter_popup .btn.btn-success:focus, #o_newsletter_popup .btn.btn-success.disabled.focus, #o_newsletter_popup .btn.btn-success[disabled].focus, fieldset[disabled] #o_newsletter_popup .btn.btn-success.focus, #o_newsletter_popup .btn.btn-success.disabled:active, #o_newsletter_popup .btn.btn-success[disabled]:active, fieldset[disabled] #o_newsletter_popup .btn.btn-success:active, #o_newsletter_popup .btn.btn-success.disabled.active, #o_newsletter_popup .btn.btn-success[disabled].active, fieldset[disabled] #o_newsletter_popup .btn.btn-success.active{background-color: #21b799; border-color: #1da187;} #o_newsletter_popup h1, #o_newsletter_popup h2, #o_newsletter_popup h3, #o_newsletter_popup h4, #o_newsletter_popup h5, #o_newsletter_popup h6, #o_newsletter_popup .h1, #o_newsletter_popup .h2, #o_newsletter_popup .h3, #o_newsletter_popup .h4, #o_newsletter_popup .h5, #o_newsletter_popup .h6{font-weight: 300; color: #666; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} #o_newsletter_popup h1:first-child, #o_newsletter_popup h2:first-child, #o_newsletter_popup h3:first-child, #o_newsletter_popup h4:first-child, #o_newsletter_popup h5:first-child, #o_newsletter_popup h6:first-child, #o_newsletter_popup .h1:first-child, #o_newsletter_popup .h2:first-child, #o_newsletter_popup .h3:first-child, #o_newsletter_popup .h4:first-child, #o_newsletter_popup .h5:first-child, #o_newsletter_popup .h6:first-child{margin-top: 0;} #o_newsletter_popup .o_popup_modal_content{border-radius: 2px; box-shadow: 0 0 20px rgba(255, 255, 255, 0.11); -webkit-box-shadow: 0 0 20px rgba(255, 255, 255, 0.11); border: 1px solid #767676; background: #f2f2f2;} #o_newsletter_popup .o_popup_modal_content:before{content: ""; position: absolute; width: 100%; height: 100%; z-index: 0; background: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 42%, rgba(255, 255, 255, 0) 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(255, 255, 255, 0.3)), color-stop(42%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 42%, rgba(255, 255, 255, 0) 100%); background: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 42%, rgba(255, 255, 255, 0) 100%); background: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 42%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(135deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 42%, rgba(255, 255, 255, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=1);} #web_editor_inside_iframe #o_newsletter_popup .o_popup_modal_content:before{content: none;} #o_newsletter_popup .o_popup_modal_content .o_popup_modal_header{background: #6c1153; padding: 5px;} #o_newsletter_popup .o_popup_modal_content .o_popup_modal_header .o_popup_modal_title{color: #ffffff;} #o_newsletter_popup .o_popup_modal_content .o_popup_modal_header *{position: relative; z-index: 1;} #o_newsletter_popup .o_popup_modal_content a.o_popup_btn_close{position: absolute; z-index: 99; right: 5px; top: 6px; width: 23px; height: 23px; display: block; text-align: center; border-radius: 100em; background: #6c1153; color: #daa3cb; text-decoration: none; -webkit-transition: all ease 200ms; -moz-transition: all ease 200ms; -ms-transition: all ease 200ms; -o-transition: all ease 200ms;} #o_newsletter_popup .o_popup_modal_content a.o_popup_btn_close:hover{background: #89296e; color: #ffffff;} #o_newsletter_popup .o_popup_modal_content .o_popup_modal_body{padding: 0px 0px 30px; color: #666666;} #o_newsletter_popup .o_popup_modal_content .o_popup_modal_body .o_popup_content_dev{padding-bottom: 15px;} #o_newsletter_popup .o_popup_modal_content .o_popup_modal_body .o_popup_content_dev .o_popup_message{font-size: 3em; position: relative; text-align: left; padding-left: 2em; line-height: 1; margin: .5em; font-weight: 100;} #o_newsletter_popup .o_popup_modal_content .o_popup_modal_body .o_popup_content_dev .o_popup_message font{font-weight: 600; color: #875A7B; font-size: 2.5em; font-style: italic; position: absolute; top: -0.1em; margin-left: -0.65em;} #o_newsletter_popup .o_popup_modal_content .o_popup_modal_body .o_popup_content_dev .o_popup_message strong{color: #875A7B;} #o_newsletter_popup .o_popup_modal_content .o_popup_modal_body .o_popup_content_dev .o_message_paragraph{position: relative;} #o_newsletter_popup .o_popup_modal_content .o_popup_modal_body .input-group{margin-left: auto; margin-right: auto; max-width: 350px;} #o_newsletter_popup .o_popup_modal_content .o_popup_modal_body .input-group input{border-radius: 2px 0 0 2px; border: none; outline: 0; box-shadow: inset 0 -1px #cccccc;} #o_newsletter_popup .o_popup_modal_content .o_popup_modal_body .input-group .btn{border-radius: 0 2px 2px 0; border-width: 0 0 1px; padding-top: 7px; margin-left: -1px; -webkit-transition: all ease 200ms; -moz-transition: all ease 200ms; -ms-transition: all ease 200ms; -o-transition: all ease 200ms;} 

/* /project/static/src/scss/portal_rating.scss defined in bundle 'web.assets_frontend' */
 .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;}