@-moz-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);}60%{opacity: 1; transform: translate(25px, 0);}75%{transform: translate(-10px, 0);}90%{transform: translate(5px, 0);}100%{transform: translate(0, 0);}} @-webkit-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);}60%{opacity: 1; transform: translate(25px, 0);}75%{transform: translate(-10px, 0);}90%{transform: translate(5px, 0);}100%{transform: translate(0, 0);}} @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);}60%{opacity: 1; transform: translate(25px, 0);}75%{transform: translate(-10px, 0);}90%{transform: translate(5px, 0);}100%{transform: translate(0, 0);}} .o_anim_bounce_in_left{animation-name: o_anim_bounce_in_left;} @-moz-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);}60%{opacity: 1; transform: translate(-25px, 0);}75%{transform: translate(10px, 0);}90%{transform: translate(-5px, 0);}100%{transform: translate(0, 0);}} @-webkit-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);}60%{opacity: 1; transform: translate(-25px, 0);}75%{transform: translate(10px, 0);}90%{transform: translate(-5px, 0);}100%{transform: translate(0, 0);}} @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);}60%{opacity: 1; transform: translate(-25px, 0);}75%{transform: translate(10px, 0);}90%{transform: translate(-5px, 0);}100%{transform: translate(0, 0);}} .o_anim_bounce_in_right{animation-name: o_anim_bounce_in_right;} @-moz-keyframes o_anim_fade_in{0%{opacity: 0;}100%{opacity: 1;}} @-webkit-keyframes o_anim_fade_in{0%{opacity: 0;}100%{opacity: 1;}} @keyframes o_anim_fade_in{0%{opacity: 0;}100%{opacity: 1;}} .o_anim_fade_in{animation-name: o_anim_fade_in;} @-moz-keyframes o_anim_fade_in_down{0%{opacity: 0; transform: translate(0, -100%);}100%{opacity: 1; transform: translate(0, 0);}} @-webkit-keyframes o_anim_fade_in_down{0%{opacity: 0; transform: translate(0, -100%);}100%{opacity: 1; transform: translate(0, 0);}} @keyframes o_anim_fade_in_down{0%{opacity: 0; transform: translate(0, -100%);}100%{opacity: 1; transform: translate(0, 0);}} .o_anim_fade_in_down{animation-name: o_anim_fade_in_down;} @-moz-keyframes o_anim_fade_in_left{0%{opacity: 0; transform: translate(-100%, 0);}100%{opacity: 1; transform: translate(0, 0);}} @-webkit-keyframes o_anim_fade_in_left{0%{opacity: 0; transform: translate(-100%, 0);}100%{opacity: 1; transform: translate(0, 0);}} @keyframes o_anim_fade_in_left{0%{opacity: 0; transform: translate(-100%, 0);}100%{opacity: 1; transform: translate(0, 0);}} .o_anim_fade_in_left{animation-name: o_anim_fade_in_left;} @-moz-keyframes o_anim_fade_in_right{0%{opacity: 0; transform: translate(100%, 0);}100%{opacity: 1; transform: translate(0, 0);}} @-webkit-keyframes o_anim_fade_in_right{0%{opacity: 0; transform: translate(100%, 0);}100%{opacity: 1; transform: translate(0, 0);}} @keyframes o_anim_fade_in_right{0%{opacity: 0; transform: translate(100%, 0);}100%{opacity: 1; transform: translate(0, 0);}} .o_anim_fade_in_right{animation-name: o_anim_fade_in_right;} @-moz-keyframes o_anim_fade_in_up{0%{opacity: 0; transform: translate(0, 100%);}100%{opacity: 1; transform: translate(0, 0);}} @-webkit-keyframes o_anim_fade_in_up{0%{opacity: 0; transform: translate(0, 100%);}100%{opacity: 1; transform: translate(0, 0);}} @keyframes o_anim_fade_in_up{0%{opacity: 0; transform: translate(0, 100%);}100%{opacity: 1; transform: translate(0, 0);}} .o_anim_fade_in_up{animation-name: o_anim_fade_in_up;} @-moz-keyframes o_anim_fade_out{0%{opacity: 1;}100%{opacity: 0;}} @-webkit-keyframes o_anim_fade_out{0%{opacity: 1;}100%{opacity: 0;}} @keyframes o_anim_fade_out{0%{opacity: 1;}100%{opacity: 0;}} .o_anim_fade_out{animation-name: o_anim_fade_out;} @-moz-keyframes o_anim_rotate_in{0%{opacity: 0; transform-origin: center; transform: rotate(-200deg);}100%{opacity: 1; transform-origin: center; transform: rotate(0);}} @-webkit-keyframes o_anim_rotate_in{0%{opacity: 0; transform: rotate(-200deg);}100%{opacity: 1; transform: rotate(0);}} @keyframes o_anim_rotate_in{0%{opacity: 0; transform: rotate(-200deg);}100%{opacity: 1; transform: rotate(0);}} .o_anim_rotate_in{animation-name: o_anim_rotate_in;} @-moz-keyframes o_anim_rotate_in_down_left{0%{opacity: 0; transform-origin: left bottom; transform: rotate(-45deg);}100%{opacity: 1; transform-origin: left bottom; transform: rotate(0);}} @-webkit-keyframes o_anim_rotate_in_down_left{0%{opacity: 0; transform-origin: left bottom; transform: rotate(-45deg);}100%{opacity: 1; transform-origin: left bottom; transform: rotate(0);}} @keyframes o_anim_rotate_in_down_left{0%{opacity: 0; transform-origin: left bottom; transform: rotate(-45deg);}100%{opacity: 1; transform-origin: left bottom; transform: rotate(0);}} .o_anim_rotate_in_down_left{animation-name: o_anim_rotate_in_down_left;} @-moz-keyframes o_anim_rotate_in_down_right{0%{opacity: 0; transform-origin: right bottom; transform: rotate(45deg);}100%{opacity: 1; transform-origin: right bottom; transform: rotate(0);}} @-webkit-keyframes o_anim_rotate_in_down_right{0%{opacity: 0; transform-origin: right bottom; transform: rotate(45deg);}100%{opacity: 1; transform-origin: right bottom; transform: rotate(0);}} @keyframes o_anim_rotate_in_down_right{0%{opacity: 0; transform-origin: right bottom; transform: rotate(45deg);}100%{opacity: 1; transform-origin: right bottom; transform: rotate(0);}} .o_anim_rotate_in_down_right{animation-name: o_anim_rotate_in_down_right;} @-moz-keyframes o_anim_zoom_in{0%{opacity: 0; transform: scale(0.3);}50%{opacity: 1;}} @-webkit-keyframes o_anim_zoom_in{0%{opacity: 0; transform: scale(0.3);}50%{opacity: 1;}} @keyframes o_anim_zoom_in{0%{opacity: 0; transform: scale(0.3);}50%{opacity: 1;}} .o_anim_zoom_in{animation-name: o_anim_zoom_in;} @-moz-keyframes o_anim_zoom_in_down{0%{opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60%{opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}} @-webkit-keyframes o_anim_zoom_in_down{0%{opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60%{opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}} @keyframes o_anim_zoom_in_down{0%{opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60%{opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}} .o_anim_zoom_in_down{animation-name: o_anim_zoom_in_down;} @-moz-keyframes o_anim_zoom_in_left{0%{opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60%{opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}} @-webkit-keyframes o_anim_zoom_in_left{0%{opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60%{opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}} @keyframes o_anim_zoom_in_left{0%{opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60%{opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}} .o_anim_zoom_in_left{animation-name: o_anim_zoom_in_left;} @-moz-keyframes o_anim_zoom_in_right{0%{opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60%{opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}} @-webkit-keyframes o_anim_zoom_in_right{0%{opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60%{opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}} @keyframes o_anim_zoom_in_right{0%{opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60%{opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}} .o_anim_zoom_in_right{animation-name: o_anim_zoom_in_right;} @-moz-keyframes o_anim_flash{0%, 50%, 100%{opacity: 1;}25%, 75%{opacity: 0;}} @-webkit-keyframes o_anim_flash{0%, 50%, 100%{opacity: 1;}25%, 75%{opacity: 0;}} @keyframes o_anim_flash{0%, 50%, 100%{opacity: 1;}25%, 75%{opacity: 0;}} .o_anim_flash{animation-name: o_anim_flash;} @-moz-keyframes o_anim_pulse{0%{transform: scale(1);}50%{transform: scale(1.05);}100%{transform: scale(1);}} @-webkit-keyframes o_anim_pulse{0%{transform: scale(1);}50%{transform: scale(1.05);}100%{transform: scale(1);}} @keyframes o_anim_pulse{0%{transform: scale(1);}50%{transform: scale(1.05);}100%{transform: scale(1);}} .o_anim_pulse{animation-name: o_anim_pulse;} @-moz-keyframes o_anim_shake{0%, 100%{transform: translate(0, 0);}10%, 30%, 50%, 70%, 90%{transform: translate(-10px, 0);}20%, 40%, 60%, 80%{transform: translate(10px, 0);}} @-webkit-keyframes o_anim_shake{0%, 100%{transform: translate(0, 0);}10%, 30%, 50%, 70%, 90%{transform: translate(-10px, 0);}20%, 40%, 60%, 80%{transform: translate(10px, 0);}} @keyframes o_anim_shake{0%, 100%{transform: translate(0, 0);}10%, 30%, 50%, 70%, 90%{transform: translate(-10px, 0);}20%, 40%, 60%, 80%{transform: translate(10px, 0);}} .o_anim_shake{animation-name: o_anim_shake;} @-moz-keyframes o_anim_tada{0%{transform: scale3d(1, 1, 1);}10%, 20%{transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);}30%, 50%, 70%, 90%{transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);}40%, 60%, 80%{transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);}100%{transform: scale3d(1, 1, 1);}} @-webkit-keyframes o_anim_tada{0%{transform: scale3d(1, 1, 1);}10%, 20%{transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);}30%, 50%, 70%, 90%{transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);}40%, 60%, 80%{transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);}100%{transform: scale3d(1, 1, 1);}} @keyframes o_anim_tada{0%{transform: scale3d(1, 1, 1);}10%, 20%{transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);}30%, 50%, 70%, 90%{transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);}40%, 60%, 80%{transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);}100%{transform: scale3d(1, 1, 1);}} .o_anim_tada{animation-name: o_anim_tada;} @-moz-keyframes o_anim_flip_in_x{0%{perspective: 400px; transform: rotateX(90deg); transition-timing-function: ease-in; opacity: 0;}40%{perspective: 400px; transform: rotateX(-20deg); transition-timing-function: ease-in;}60%{perspective: 400px; transform: rotateX(10deg); opacity: 1;}80%{perspective: 400px; transform: rotateX(-5deg);}100%{perspective: 400px;}} @-webkit-keyframes o_anim_flip_in_x{0%{perspective: 400px; transform: rotateX(90deg); transition-timing-function: ease-in; opacity: 0;}40%{perspective: 400px; transform: rotateX(-20deg); transition-timing-function: ease-in;}60%{perspective: 400px; transform: rotateX(10deg); opacity: 1;}80%{perspective: 400px; transform: rotateX(-5deg);}100%{perspective: 400px;}} @keyframes o_anim_flip_in_x{0%{perspective: 400px; transform: rotateX(90deg); transition-timing-function: ease-in; opacity: 0;}40%{perspective: 400px; transform: rotateX(-20deg); transition-timing-function: ease-in;}60%{perspective: 400px; transform: rotateX(10deg); opacity: 1;}80%{perspective: 400px; transform: rotateX(-5deg);}100%{perspective: 400px;}} .o_anim_flip_in_x{backface-visibility: visible; animation-name: o_anim_flip_in_x;} @-moz-keyframes o_anim_flip_in_y{0%{perspective: 400px; transform: rotateY(90deg); transition-timing-function: ease-in; opacity: 0;}40%{perspective: 400px; transform: rotateY(-20deg); transition-timing-function: ease-in;}60%{perspective: 400px; transform: rotateY(10deg); opacity: 1;}80%{perspective: 400px; transform: rotateY(-5deg);}100%{perspective: 400px;}} @-webkit-keyframes o_anim_flip_in_y{0%{perspective: 400px; transform: rotateY(90deg); transition-timing-function: ease-in; opacity: 0;}40%{perspective: 400px; transform: rotateY(-20deg); transition-timing-function: ease-in;}60%{perspective: 400px; transform: rotateY(10deg); opacity: 1;}80%{perspective: 400px; transform: rotateY(-5deg);}100%{perspective: 400px;}} @keyframes o_anim_flip_in_y{0%{perspective: 400px; transform: rotateY(90deg); transition-timing-function: ease-in; opacity: 0;}40%{perspective: 400px; transform: rotateY(-20deg); transition-timing-function: ease-in;}60%{perspective: 400px; transform: rotateY(10deg); opacity: 1;}80%{perspective: 400px; transform: rotateY(-5deg);}100%{perspective: 400px;}} .o_anim_flip_in_y{backface-visibility: visible; animation-name: o_anim_flip_in_y;} 

/* /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: #243742; 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: #5D8DA8; 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: #121c21;} .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: #8d9297;} .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 #3f6074 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: #3f6074; 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;} 

/* /br_helpdesk/static/src/css/br_helpdesk.css defined in bundle 'web.assets_frontend' */
#ticketSelectedFiles{padding: 10px;} #ticketSelectedFiles > span{display:block; font-weight: bold;} .o_portal_ticket_page{margin-top: 16px;} .o_portal_ticket_header{display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 14px;} .o_portal_ticket_header .page-header{margin: 0 0 6px;} .o_portal_ticket_stats{margin-bottom: 14px;} .o_portal_ticket_stat_card{background: #ffffff; border: 1px solid #dfe3e8; border-radius: 8px; padding: 10px 12px; min-height: 74px;} .o_portal_ticket_stat_card .o_stat_label{display: block; color: #6b778c; font-size: 12px; text-transform: uppercase; margin-bottom: 4px;} .o_portal_ticket_stat_card strong{font-size: 24px; line-height: 1;} .o_portal_ticket_searchbar{margin-bottom: 10px;} .o_portal_ticket_quick_filters{display: flex; gap: 8px; margin-bottom: 12px;} .o_portal_ticket_table_wrap{border: 1px solid #dfe3e8; border-radius: 8px; background: #fff;} .o_portal_ticket_table{margin-bottom: 0; table-layout: fixed; width: 100%;} .o_portal_ticket_table > thead > tr > th{border-bottom: 1px solid #e5e9ef; font-size: 12px; text-transform: uppercase; color: #566077;} .o_portal_ticket_table > thead > tr > th, .o_portal_ticket_table > tbody > tr > td{vertical-align: middle; padding: 10px 8px;} .o_portal_ticket_table > tbody > tr > td{overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px;} .o_portal_ticket_table > thead > tr > th:nth-child(1), .o_portal_ticket_table > tbody > tr > td:nth-child(1){width: 10%;} .o_portal_ticket_table > thead > tr > th:nth-child(2), .o_portal_ticket_table > tbody > tr > td:nth-child(2){width: 25%;} .o_portal_ticket_table > tbody > tr > td:nth-child(2){white-space: normal; padding-top: 8px; padding-bottom: 8px;} .o_portal_ticket_table > tbody > tr > td:nth-child(2) > span, .o_portal_ticket_table > tbody > tr > td:nth-child(2) > a, .o_portal_ticket_table > tbody > tr > td:nth-child(2) > a > span{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; white-space: normal; line-height: 1.3; max-height: 2.6em;} .o_portal_ticket_table > thead > tr > th:nth-child(3), .o_portal_ticket_table > tbody > tr > td:nth-child(3){width: 10%;} .o_portal_ticket_table > thead > tr > th:nth-child(4), .o_portal_ticket_table > tbody > tr > td:nth-child(4){width: 14%;} .o_portal_ticket_table > thead > tr > th:nth-child(5), .o_portal_ticket_table > tbody > tr > td:nth-child(5){width: 12%;} .o_portal_ticket_table > thead > tr > th:nth-child(6), .o_portal_ticket_table > tbody > tr > td:nth-child(6){width: 9%;} .o_portal_ticket_table > thead > tr > th:nth-child(7), .o_portal_ticket_table > tbody > tr > td:nth-child(7){width: 9%;} .o_portal_ticket_table > thead > tr > th:nth-child(8), .o_portal_ticket_table > tbody > tr > td:nth-child(8){width: 10%;} .o_portal_ticket_table > tbody > tr > td:nth-child(3), .o_portal_ticket_table > tbody > tr > td:nth-child(4), .o_portal_ticket_table > tbody > tr > td:nth-child(8){white-space: normal; overflow: visible; text-overflow: clip; line-height: 1.25;} .o_portal_ticket_table > tbody > tr > td:nth-child(3) > span, .o_portal_ticket_table > tbody > tr > td:nth-child(4) > span, .o_portal_ticket_table > tbody > tr > td:nth-child(8) > span{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; white-space: normal;} .o_helpdesk_ticket_hero{background: linear-gradient(135deg, #f5f9ff 0%, #eef4ff 100%); border-bottom: 1px solid #dbe5f5; padding: 28px 0;} .o_helpdesk_ticket_hero h1{margin: 0 0 6px; font-size: 30px;} .o_helpdesk_ticket_hero p{margin: 0; color: #5f6b7a;} .o_helpdesk_ticket_form_wrap{margin-top: 18px; margin-bottom: 28px;} .o_helpdesk_ticket_form{background: #fff; border: 1px solid #dde3ed; border-radius: 10px; padding: 22px 14px; box-shadow: 0 6px 20px -16px rgba(28, 44, 64, 0.45);} .panel-default{background: #F5F5F5 !important;} .panel-default > .panel-heading{color: #337AB7 !important;} .o_portal_ticket_detail_page{margin-top: 16px; margin-bottom: 24px;} .o_portal_ticket_detail_card{border: 1px solid #dfe3e8; border-radius: 10px; padding: 0; overflow: hidden; background: #fff !important;} .o_portal_ticket_detail_heading{border-bottom: 1px solid #e5e9ef; background: linear-gradient(135deg, #f7fbff 0%, #eff5ff 100%); padding: 14px;} .o_portal_ticket_title_row{display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 10px;} .o_portal_ticket_actions{display: flex; align-items: center; gap: 8px; margin-left: auto;} .o_portal_reopen_inline_form{margin: 0;} .o_portal_ticket_actions .btn{white-space: nowrap;} .o_portal_ticket_title{margin: 0;} .o_portal_ticket_subtitle{margin: 6px 0 0; font-size: 13px;} .o_portal_ticket_stage_box{text-align: right; display: flex; flex-direction: column; gap: 4px;} .o_portal_ticket_stage_box small{display: block; color: #64748b; margin-bottom: 1px;} .o_portal_badge_label{margin-top: 4px;} @media (max-width: 991px){.o_portal_ticket_actions{width: 100%; margin-left: 0; justify-content: flex-start; flex-wrap: wrap;}} .o_portal_ticket_detail_body{padding: 16px 14px;} .o_portal_ticket_kpis{margin-bottom: 12px;} .o_portal_ticket_kpis > [class*='col-']{padding-left: 6px; padding-right: 6px;} .o_portal_ticket_kpis{margin-left: -6px; margin-right: -6px;} .o_portal_ticket_kpi{border: 1px solid #e6ecf5; border-radius: 8px; background: #f9fbff; padding: 10px 12px; min-height: 64px; margin-bottom: 6px;} .o_portal_ticket_kpi .o_kpi_label{display: block; font-size: 11px; text-transform: uppercase; color: #7b8797; margin-bottom: 2px;} .o_portal_ticket_kpi .o_kpi_value{font-weight: 600; color: #223148; word-break: break-word;} .o_ticket_info_item{display: flex; align-items: baseline; justify-content: flex-start; gap: 6px; border-bottom: 1px dashed #edf1f7; padding-bottom: 3px; margin-bottom: 4px !important;} .o_ticket_info_item strong{font-size: 12px; color: #66758a; text-transform: uppercase; flex: 0 0 auto;} .o_ticket_info_item > span{text-align: left; flex: 1 1 auto; word-break: break-word;} .o_portal_ticket_group_box .o_ticket_info_item:last-child{margin-bottom: 0 !important; padding-bottom: 0; border-bottom: 0;} .o_portal_ticket_group_grid{margin-top: 4px;} .o_portal_ticket_group_grid > [class*='col-']{width: 100%; padding-bottom: 8px;} .o_portal_ticket_group_box{border: 1px solid #e6ecf5; border-radius: 10px; background: #fcfdff; padding: 10px 10px 4px; margin-bottom: 18px; min-height: 100%;} .o_portal_ticket_group_box h5{margin: 0 0 8px; font-size: 13px; text-transform: uppercase; letter-spacing: 0.4px; color: #40516b;} .o_portal_ticket_group_box h5 .fa{margin-right: 6px; color: #5b6f8a;} .o_portal_ticket_type_tags{display: inline-flex; flex-wrap: wrap; gap: 4px;} .o_portal_ticket_type_tag{display: inline-block; border-radius: 999px; padding: 2px 8px; font-size: 12px; line-height: 1.3; color: #fff;} .o_portal_ticket_type_color_0{background: #7f8c8d;} .o_portal_ticket_type_color_1{background: #1abc9c;} .o_portal_ticket_type_color_2{background: #3498db;} .o_portal_ticket_type_color_3{background: #9b59b6;} .o_portal_ticket_type_color_4{background: #34495e;} .o_portal_ticket_type_color_5{background: #16a085;} .o_portal_ticket_type_color_6{background: #27ae60;} .o_portal_ticket_type_color_7{background: #2980b9;} .o_portal_ticket_type_color_8{background: #8e44ad;} .o_portal_ticket_type_color_9{background: #2c3e50;} .o_portal_ticket_type_color_10{background: #f39c12;} .o_portal_ticket_type_color_11{background: #d35400;} .o_portal_ticket_description_row{margin-left: 0; margin-right: 0;} .o_portal_ticket_description_box p{margin: 0; white-space: normal;} .o_portal_ticket_solution_row{margin-left: 0; margin-right: 0;} .o_portal_ticket_solution_box p{margin: 0; white-space: normal;} .o_portal_ticket_description{border-top: 1px solid #eef2f7; background: #fbfdff;} .o_portal_ticket_description h4{margin-top: 0;} .o_portal_reopen_action{margin-top: 12px;} .o_portal_ticket_attachment_box, .o_portal_ticket_thread_box{border: 1px solid #dfe3e8; border-radius: 10px; background: #fff; margin-left: 0; margin-right: 0; padding: 12px 10px;} .o_portal_ticket_message_form_box{border-top: 1px dashed #d8e1ef; margin-top: 10px; padding-top: 10px;} .o_portal_ticket_message_form_head{display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 8px;} .o_portal_ticket_message_form_head p{margin: 0; color: #334862;} .o_portal_ticket_attachment_input{display: none;} .o_portal_ticket_message_form_actions{margin-top: 10px;} 

/* /auth_password_policy_signup/static/src/scss/signup_policy.scss defined in bundle 'web.assets_frontend' */
 .form-group.field-password{position: relative;} .form-group.field-password meter.o_password_meter{bottom: calc(calc(2.0625rem + 2px) / 2 - 7px);}