.o_ace_view_editor .btn.btn-secondary:not(.o_btn_preview):not(:disabled):not(.disabled):active, .o_ace_view_editor .btn.btn-secondary.active:not(.o_btn_preview):not(:disabled):not(.disabled), .show > .o_ace_view_editor .btn.btn-secondary.dropdown-toggle:not(.o_btn_preview){color: #212529; background-color: #e3e3e3; border-color: gainsboro;} .o_ace_view_editor .btn.btn-secondary:not(.o_btn_preview):not(:disabled):not(.disabled):active:focus, .o_ace_view_editor .btn.btn-secondary.active:not(.o_btn_preview):not(:disabled):not(.disabled):focus, .show > .o_ace_view_editor .btn.btn-secondary.dropdown-toggle:not(.o_btn_preview):focus{box-shadow: 0 0 0 0.2rem rgba(252, 252, 252, 0.5);} .o_ace_view_editor .btn.btn-link:not(.o_btn_preview){color: #212529; background-color: #fcfcfc; border-color: #fcfcfc; color: #c5393b;} .o_ace_view_editor .btn.btn-link:not(.o_btn_preview):hover{color: #212529; background-color: #e9e9e9; border-color: #e3e3e3;} .o_ace_view_editor .btn.btn-link:not(.o_btn_preview):focus, .o_ace_view_editor .btn.btn-link.focus:not(.o_btn_preview){box-shadow: 0 0 0 0.2rem rgba(252, 252, 252, 0.5);} .o_ace_view_editor .btn.btn-link.disabled:not(.o_btn_preview), .o_ace_view_editor .btn.btn-link:not(.o_btn_preview):disabled{color: #212529; background-color: #fcfcfc; border-color: #fcfcfc;} .o_ace_view_editor .btn.btn-link:not(.o_btn_preview):not(:disabled):not(.disabled):active, .o_ace_view_editor .btn.btn-link.active:not(.o_btn_preview):not(:disabled):not(.disabled), .show > .o_ace_view_editor .btn.btn-link.dropdown-toggle:not(.o_btn_preview){color: #212529; background-color: #e3e3e3; border-color: gainsboro;} .o_ace_view_editor .btn.btn-link:not(.o_btn_preview):not(:disabled):not(.disabled):active:focus, .o_ace_view_editor .btn.btn-link.active:not(.o_btn_preview):not(:disabled):not(.disabled):focus, .show > .o_ace_view_editor .btn.btn-link.dropdown-toggle:not(.o_btn_preview):focus{box-shadow: 0 0 0 0.2rem rgba(252, 252, 252, 0.5);} .o_ace_view_editor .btn.btn-success:not(.o_btn_preview){color: #FFFFFF; background-color: #40ad67; border-color: #40ad67;} .o_ace_view_editor .btn.btn-success:not(.o_btn_preview):hover{color: #FFFFFF; background-color: #369156; border-color: #328851;} .o_ace_view_editor .btn.btn-success:not(.o_btn_preview):focus, .o_ace_view_editor .btn.btn-success.focus:not(.o_btn_preview){box-shadow: 0 0 0 0.2rem rgba(64, 173, 103, 0.5);} .o_ace_view_editor .btn.btn-success.disabled:not(.o_btn_preview), .o_ace_view_editor .btn.btn-success:not(.o_btn_preview):disabled{color: #FFFFFF; background-color: #40ad67; border-color: #40ad67;} .o_ace_view_editor .btn.btn-success:not(.o_btn_preview):not(:disabled):not(.disabled):active, .o_ace_view_editor .btn.btn-success.active:not(.o_btn_preview):not(:disabled):not(.disabled), .show > .o_ace_view_editor .btn.btn-success.dropdown-toggle:not(.o_btn_preview){color: #FFFFFF; background-color: #328851; border-color: #2f7e4b;} .o_ace_view_editor .btn.btn-success:not(.o_btn_preview):not(:disabled):not(.disabled):active:focus, .o_ace_view_editor .btn.btn-success.active:not(.o_btn_preview):not(:disabled):not(.disabled):focus, .show > .o_ace_view_editor .btn.btn-success.dropdown-toggle:not(.o_btn_preview):focus{box-shadow: 0 0 0 0.2rem rgba(64, 173, 103, 0.5);} .o_ace_view_editor .btn.btn-info:not(.o_btn_preview){color: #FFFFFF; background-color: #6999a8; border-color: #6999a8;} .o_ace_view_editor .btn.btn-info:not(.o_btn_preview):hover{color: #FFFFFF; background-color: #568695; border-color: #517e8d;} .o_ace_view_editor .btn.btn-info:not(.o_btn_preview):focus, .o_ace_view_editor .btn.btn-info.focus:not(.o_btn_preview){box-shadow: 0 0 0 0.2rem rgba(105, 153, 168, 0.5);} .o_ace_view_editor .btn.btn-info.disabled:not(.o_btn_preview), .o_ace_view_editor .btn.btn-info:not(.o_btn_preview):disabled{color: #FFFFFF; background-color: #6999a8; border-color: #6999a8;} .o_ace_view_editor .btn.btn-info:not(.o_btn_preview):not(:disabled):not(.disabled):active, .o_ace_view_editor .btn.btn-info.active:not(.o_btn_preview):not(:disabled):not(.disabled), .show > .o_ace_view_editor .btn.btn-info.dropdown-toggle:not(.o_btn_preview){color: #FFFFFF; background-color: #517e8d; border-color: #4d7784;} .o_ace_view_editor .btn.btn-info:not(.o_btn_preview):not(:disabled):not(.disabled):active:focus, .o_ace_view_editor .btn.btn-info.active:not(.o_btn_preview):not(:disabled):not(.disabled):focus, .show > .o_ace_view_editor .btn.btn-info.dropdown-toggle:not(.o_btn_preview):focus{box-shadow: 0 0 0 0.2rem rgba(105, 153, 168, 0.5);} .o_ace_view_editor .btn.btn-warning:not(.o_btn_preview){color: #212529; background-color: #f0ad4e; border-color: #f0ad4e;} .o_ace_view_editor .btn.btn-warning:not(.o_btn_preview):hover{color: #212529; background-color: #ed9d2b; border-color: #ec971f;} .o_ace_view_editor .btn.btn-warning:not(.o_btn_preview):focus, .o_ace_view_editor .btn.btn-warning.focus:not(.o_btn_preview){box-shadow: 0 0 0 0.2rem rgba(240, 173, 78, 0.5);} .o_ace_view_editor .btn.btn-warning.disabled:not(.o_btn_preview), .o_ace_view_editor .btn.btn-warning:not(.o_btn_preview):disabled{color: #212529; background-color: #f0ad4e; border-color: #f0ad4e;} .o_ace_view_editor .btn.btn-warning:not(.o_btn_preview):not(:disabled):not(.disabled):active, .o_ace_view_editor .btn.btn-warning.active:not(.o_btn_preview):not(:disabled):not(.disabled), .show > .o_ace_view_editor .btn.btn-warning.dropdown-toggle:not(.o_btn_preview){color: #212529; background-color: #ec971f; border-color: #ea9214;} .o_ace_view_editor .btn.btn-warning:not(.o_btn_preview):not(:disabled):not(.disabled):active:focus, .o_ace_view_editor .btn.btn-warning.active:not(.o_btn_preview):not(:disabled):not(.disabled):focus, .show > .o_ace_view_editor .btn.btn-warning.dropdown-toggle:not(.o_btn_preview):focus{box-shadow: 0 0 0 0.2rem rgba(240, 173, 78, 0.5);} .o_ace_view_editor .btn.btn-danger:not(.o_btn_preview){color: #FFFFFF; background-color: #e6586c; border-color: #e6586c;} .o_ace_view_editor .btn.btn-danger:not(.o_btn_preview):hover{color: #FFFFFF; background-color: #e1374f; border-color: #df2c45;} .o_ace_view_editor .btn.btn-danger:not(.o_btn_preview):focus, .o_ace_view_editor .btn.btn-danger.focus:not(.o_btn_preview){box-shadow: 0 0 0 0.2rem rgba(230, 88, 108, 0.5);} .o_ace_view_editor .btn.btn-danger.disabled:not(.o_btn_preview), .o_ace_view_editor .btn.btn-danger:not(.o_btn_preview):disabled{color: #FFFFFF; background-color: #e6586c; border-color: #e6586c;} .o_ace_view_editor .btn.btn-danger:not(.o_btn_preview):not(:disabled):not(.disabled):active, .o_ace_view_editor .btn.btn-danger.active:not(.o_btn_preview):not(:disabled):not(.disabled), .show > .o_ace_view_editor .btn.btn-danger.dropdown-toggle:not(.o_btn_preview){color: #FFFFFF; background-color: #df2c45; border-color: #dd213c;} .o_ace_view_editor .btn.btn-danger:not(.o_btn_preview):not(:disabled):not(.disabled):active:focus, .o_ace_view_editor .btn.btn-danger.active:not(.o_btn_preview):not(:disabled):not(.disabled):focus, .show > .o_ace_view_editor .btn.btn-danger.dropdown-toggle:not(.o_btn_preview):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: #c5393b; color: white;} #list_website_pages td, #list_website_pages th{padding: 0.45rem;} #list_website_pages td > a.fa{margin-left: 5px; color: #c5393b;} #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%;} 

/* /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/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: #c5393b; 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: #c5393b; 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: #9d2e2f;} .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 #d77475 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: #d77475; 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_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;} .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;} 

/* /website/static/src/scss/options/layout/option_custom_body_pattern.scss defined in bundle 'web.assets_frontend' */
 #wrapwrap{background-size: auto; background-repeat: repeat;} 

/* <inline asset> defined in bundle 'web.assets_frontend' */
 

/* /survey/static/src/css/survey_print.css defined in bundle 'web.assets_frontend' */
@media print{.js_surveyform{font-size: 13px;}.js_surveyform textarea.form-control{height: 10em;}.js_surveyform h1{font-size: 28px;}.js_surveyform h2{font-size: 20px;}.js_question-wrapper{page-break-inside: avoid;}} 

/* /web/static/lib/nvd3/nv.d3.css defined in bundle 'web.assets_frontend' */
 .nvd3 .nv-axis{pointer-events:none; opacity: 1;} .nvd3 .nv-axis path{fill: none; stroke: #000; stroke-opacity: .75; shape-rendering: crispEdges;} .nvd3 .nv-axis path.domain{stroke-opacity: .75;} .nvd3 .nv-axis.nv-x path.domain{stroke-opacity: 0;} .nvd3 .nv-axis line{fill: none; stroke: #e5e5e5; shape-rendering: crispEdges;} .nvd3 .nv-axis .zero line, .nvd3 .nv-axis line.zero{stroke-opacity: .75;} .nvd3 .nv-axis .nv-axisMaxMin text{font-weight: bold;} .nvd3 .x .nv-axis .nv-axisMaxMin text, .nvd3 .x2 .nv-axis .nv-axisMaxMin text, .nvd3 .x3 .nv-axis .nv-axisMaxMin text{text-anchor: middle} .nvd3 .nv-axis.nv-disabled{opacity: 0;} .nvd3 .nv-groups .nv-point.hover{stroke-width: 20px; stroke-opacity: .5;} .nvd3 .nv-scatter .nv-point.hover{fill-opacity: 1;} .nv-noninteractive{pointer-events: none;} .nv-distx, .nv-disty{pointer-events: none;} .nvtooltip{position: absolute; background-color: rgba(255,255,255,1.0); color: rgba(0,0,0,1.0); padding: 1px; border: 1px solid rgba(0,0,0,.2); z-index: 10000; display: block; font-family: Arial; font-size: 13px; text-align: left; pointer-events: none; white-space: nowrap; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} .nvtooltip{background: rgba(255,255,255, 0.8); border: 1px solid rgba(0,0,0,0.5); border-radius: 4px;} .nvtooltip.with-transitions, .with-transitions .nvtooltip{transition: opacity 50ms linear; -moz-transition: opacity 50ms linear; -webkit-transition: opacity 50ms linear; transition-delay: 200ms; -moz-transition-delay: 200ms; -webkit-transition-delay: 200ms;} .nvtooltip.x-nvtooltip, .nvtooltip.y-nvtooltip{padding: 8px;} .nvtooltip h3{margin: 0; padding: 4px 14px; line-height: 18px; font-weight: normal; background-color: rgba(247,247,247,0.75); color: rgba(0,0,0,1.0); text-align: center; border-bottom: 1px solid #ebebeb; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0;} .nvtooltip p{margin: 0; padding: 5px 14px; text-align: center;} .nvtooltip span{display: inline-block; margin: 2px 0;} .nvtooltip table{margin: 6px; border-spacing:0;} .nvtooltip table td{padding: 2px 9px 2px 0; vertical-align: middle;} .nvtooltip table td.key{font-weight: normal;} .nvtooltip table td.key.total{font-weight: bold;} .nvtooltip table td.value{text-align: right; font-weight: bold;} .nvtooltip table tr.highlight td{padding: 1px 9px 1px 0; border-bottom-style: solid; border-bottom-width: 1px; border-top-style: solid; border-top-width: 1px;} .nvtooltip table td.legend-color-guide div{width: 8px; height: 8px; vertical-align: middle;} .nvtooltip table td.legend-color-guide div{width: 12px; height: 12px; border: 1px solid #999;} .nvtooltip .footer{padding: 3px; text-align: center;} .nvtooltip-pending-removal{pointer-events: none; display: none;} .nvd3 .nv-interactiveGuideLine{pointer-events:none;} .nvd3 line.nv-guideline{stroke: #ccc;} .nvd3 .nv-bars rect{fill-opacity: .75; transition: fill-opacity 250ms linear; -moz-transition: fill-opacity 250ms linear; -webkit-transition: fill-opacity 250ms linear;} .nvd3 .nv-bars rect.hover{fill-opacity: 1;} .nvd3 .nv-bars .hover rect{fill: lightblue;} .nvd3 .nv-bars text{fill: rgba(0,0,0,0);} .nvd3 .nv-bars .hover text{fill: rgba(0,0,0,1);} .nvd3 .nv-multibar .nv-groups rect, .nvd3 .nv-multibarHorizontal .nv-groups rect, .nvd3 .nv-discretebar .nv-groups rect{stroke-opacity: 0; transition: fill-opacity 250ms linear; -moz-transition: fill-opacity 250ms linear; -webkit-transition: fill-opacity 250ms linear;} .nvd3 .nv-multibar .nv-groups rect:hover, .nvd3 .nv-multibarHorizontal .nv-groups rect:hover, .nvd3 .nv-candlestickBar .nv-ticks rect:hover, .nvd3 .nv-discretebar .nv-groups rect:hover{fill-opacity: 1;} .nvd3 .nv-discretebar .nv-groups text, .nvd3 .nv-multibarHorizontal .nv-groups text{font-weight: bold; fill: rgba(0,0,0,1); stroke: rgba(0,0,0,0);} .nvd3 .nv-groups path.nv-line{fill: none;} .nvd3 .nv-groups path.nv-area{stroke: none;} .nvd3.nv-line .nvd3.nv-scatter .nv-groups .nv-point{fill-opacity: 0; stroke-opacity: 0;} .nvd3.nv-scatter.nv-single-point .nv-groups .nv-point{fill-opacity: .5 !important; stroke-opacity: .5 !important;} .with-transitions .nvd3 .nv-groups .nv-point{transition: stroke-width 250ms linear, stroke-opacity 250ms linear; -moz-transition: stroke-width 250ms linear, stroke-opacity 250ms linear; -webkit-transition: stroke-width 250ms linear, stroke-opacity 250ms linear;} .nvd3.nv-scatter .nv-groups .nv-point.hover, .nvd3 .nv-groups .nv-point.hover{stroke-width: 7px; fill-opacity: .95 !important; stroke-opacity: .95 !important;} .nvd3 .nv-point-paths path{stroke: #aaa; stroke-opacity: 0; fill: #eee; fill-opacity: 0;} .nvd3 .nv-indexLine{cursor: ew-resize;} svg.nvd3-svg{-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -ms-user-select: none; -moz-user-select: none; user-select: none; display: block; width:100%; height:100%;} .nvtooltip.with-3d-shadow, .with-3d-shadow .nvtooltip{-moz-box-shadow: 0 5px 10px rgba(0,0,0,.2); -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2); box-shadow: 0 5px 10px rgba(0,0,0,.2); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;} .nvd3 text{font: normal 12px Arial;} .nvd3 .title{font: bold 14px Arial;} .nvd3 .nv-background{fill: white; fill-opacity: 0;} .nvd3.nv-noData{font-size: 18px; font-weight: bold;} .nv-brush .extent{fill-opacity: .125; shape-rendering: crispEdges;} .nv-brush .resize path{fill: #eee; stroke: #666;} .nvd3 .nv-legend .nv-series{cursor: pointer;} .nvd3 .nv-legend .nv-disabled circle{fill-opacity: 0;} .nvd3 .nv-brush .extent{fill-opacity: 0 !important;} .nvd3 .nv-brushBackground rect{stroke: #000; stroke-width: .4; fill: #fff; fill-opacity: .7;} .nvd3.nv-pie path{stroke-opacity: 0; transition: fill-opacity 250ms linear, stroke-width 250ms linear, stroke-opacity 250ms linear; -moz-transition: fill-opacity 250ms linear, stroke-width 250ms linear, stroke-opacity 250ms linear; -webkit-transition: fill-opacity 250ms linear, stroke-width 250ms linear, stroke-opacity 250ms linear;} .nvd3.nv-pie .nv-pie-title{font-size: 24px; fill: rgba(19, 196, 249, 0.59);} .nvd3.nv-pie .nv-slice text{stroke: #000; stroke-width: 0;} .nvd3.nv-pie path{stroke: #fff; stroke-width: 1px; stroke-opacity: 1;} .nvd3.nv-pie path{fill-opacity: .7;} .nvd3.nv-pie .hover path{fill-opacity: 1;} .nvd3.nv-pie .nv-label{pointer-events: none;} .nvd3.nv-pie .nv-label rect{fill-opacity: 0; stroke-opacity: 0;} 

/* /survey/static/src/css/survey_result.css defined in bundle 'web.assets_frontend' */
.only_right_radius{border-top-right-radius: 2em; border-bottom-right-radius: 2em; border-top-left-radius: 0; border-bottom-left-radius: 0;} .only_left_radius{border-top-right-radius: 0; border-bottom-right-radius: 0; border-top-left-radius: 2em; border-bottom-left-radius: 2em;} .no_radius{border-radius: 0;} .clear_survey_filter, .filter-all, .filter-finished{cursor: pointer;} .nvtooltip h5{margin: 0; line-height: 18px; font-weight: bold; background-color: rgba(247,247,247,0.75); text-align: center; border-bottom: 1px solid #ebebeb; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0;} .survey_answer i{padding:3px; cursor:pointer;} .survey_answer i.invisible{visibility: hidden!important;} @media print{.tab-content > .tab-pane{display: block;}.tab-content > .survey_graph > svg{width: 1150px;}} .o_preview_questions{border: 3px solid #C9C6C6; width: auto; padding: 10px 30px 5px; margin-top: 15px; color: #C9C6C6;} .o_preview_questions .o_datetime{border: 1px solid #D8D7D7; margin-bottom: 5px;} .o_preview_questions .o_matrix_head{border-bottom: 1px solid #D8D7D7;} .o_preview_questions .o_matrix_row{border-top: 1px solid #D8D7D7;} 

/* /website_form/static/src/scss/website_form.scss defined in bundle 'web.assets_frontend' */
 .o_website_form_flex{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap;} .o_website_form_flex_item{flex-basis: 33%;} @media (max-width: 991.98px){.o_website_form_flex_item{flex-basis: 50%;}} @media (max-width: 767.98px){.o_website_form_flex_item{flex-basis: 100%;}} .o_website_form_field_hidden{display: none;} .editor_enable .o_website_form_field_hidden{display: block; opacity: 0.5;} .editor_enable .s_website_form .form-field select{pointer-events: none;} .o_website_form_required .col-form-label:after, .o_website_form_required_custom .col-form-label:after{content: ' *';} #editable_select.form-control{height: 100%;} .form-field input.form-control[type=file]{height: 100%;} 

/* /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);} 

/* /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;} 

/* /two_factor_otp_auth/static/src/scss/two_factor_otp_auth.scss defined in bundle 'web.assets_frontend' */
 #qr-code-2fa img{max-width: 100%; height: auto; transform: none !important;} .o_database_list input.cs-otp{width: 16ch !important; max-width: 280px; margin: 10px auto 0 !important; text-align: center !important; font-size: 26px !important; font-weight: 800 !important; letter-spacing: .45em; padding: 26px 16px !important;} @media (max-width: 430px){.o_database_list input.cs-otp{font-size: 22px !important; letter-spacing: .35em; width: 15ch !important;}} 

/* /odoo_web_login/static/src/css/web_login_style.css defined in bundle 'web.assets_frontend' */
  400;500;600;700&display=swap); body, html{font-family: 'Quicksand', sans-serif; font-size: 16px; font-weight: 500; margin: 0; padding: 0; height: 100%;} .body_login{display: inline-block; text-align: center; white-space: nowrap; width: 100%; height: 100%; position: relative;} .body_login:before{content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em;} .o_database_list{display: inline-block; vertical-align: middle; padding: 50px; border: 1px solid #DDD; border-radius: 5px; float: none; background-color: #FFF; opacity: 0.9;} @media all and (max-width: 430px){.o_database_list{padding: 0;}} #background-wrapper{position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; background-repeat: no-repeat; background-position: center center; background-attachment: fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; -webkit-filter: blur(0px); z-index: -1;} .o_database_list input, .o_database_list select{background-color: transparent !important; border-top: 0px; border-left: 0px; border-right: 0px; border-bottom: 1px solid #CCC; border-radius: 0px; color: #de3907; font-size: 18px; font-weight: 300; transition: border-color 0.7s ease; box-shadow: none!important; text-align: center;} .o_database_list select option{background-color: #95A5A6;} .o_database_list input:focus, .o_database_list select:focus{border-bottom: 1px solid #e0953e; outline: 0 none;} a.btn-select{background-color: #BBB; border-radius: 5px !important; color: #EEE;} .o_database_list .btn-primary{color: #FFF; background-color: #00A09D; border: 1px solid #00A09D; text-transform: uppercase; transition: background-color 0.5s ease;} .o_database_list .btn-primary:hover, a.btn-select:hover{background-color: #f05a24; border: 1px solid #f05a24; color: #FFF;} .form-control{-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0);} .o_database_list .company_logo{margin-bottom: 50px; max-width: 100%; height: auto;} .oe_login_buttons{margin-top: 30px; margin-bottom: 10px;} :root{--cs-brand: #801517; --cs-brand-dark: #6f1214; --cs-brand-soft: rgba(128, 21, 23, .10);} .o_database_list .btn-primary{color: #FFF !important; background-color: var(--cs-brand) !important; border: 1px solid var(--cs-brand) !important; text-transform: uppercase; transition: background-color .25s ease, border-color .25s ease, transform .05s ease;} .o_database_list .btn-primary:hover, .o_database_list .btn-primary:focus{background-color: var(--cs-brand-dark) !important; border-color: var(--cs-brand-dark) !important; color: #FFF !important;} .o_database_list .btn-primary:active{transform: translateY(1px);} .o_database_list .btn-danger{color: var(--cs-brand) !important; background-color: transparent !important; border: 1px solid var(--cs-brand) !important; text-transform: uppercase; transition: background-color .25s ease, border-color .25s ease, color .25s ease, transform .05s ease;} .o_database_list .btn-danger:hover, .o_database_list .btn-danger:focus{background-color: var(--cs-brand-soft) !important; border-color: var(--cs-brand) !important; color: var(--cs-brand) !important;} .o_database_list .btn-danger:active{transform: translateY(1px);} a.btn-select{background-color: var(--cs-brand) !important; border: 1px solid var(--cs-brand) !important; color: #fff !important; border-radius: 5px !important;} a.btn-select:hover{background-color: var(--cs-brand-dark) !important; border-color: var(--cs-brand-dark) !important; color: #fff !important;} .o_database_list .btn:focus, .o_database_list .btn:focus-visible{outline: 0; box-shadow: 0 0 0 .2rem rgba(128, 21, 23, .25) !important;} :root{--cs-brand:#801517; --cs-brand-dark:#6f1214; --cs-ink:#0f172a; --cs-muted:#475569; --cs-line:rgba(15,23,42,.14); --cs-card:rgba(255,255,255,.86); --cs-card2:rgba(255,255,255,.72); --cs-shadow: 0 18px 55px rgba(2,6,23,.20); --cs-r:18px;} html, body{height:100%;} body{color: var(--cs-ink); text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} #background-wrapper{filter: saturate(1.05) contrast(1.02);} #background-wrapper:after{content:""; position:absolute; inset:0;} .body_login{padding: 40px 18px;} .o_database_list{padding: 42px 44px !important; border: 1px solid rgba(255,255,255,.35) !important; border-radius: var(--cs-r) !important; background: linear-gradient(180deg, var(--cs-card), var(--cs-card2)) !important; box-shadow: var(--cs-shadow) !important; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); opacity: 1 !important; max-width: 460px; width: 92vw;} @media all and (max-width: 430px){.o_database_list{padding: 26px 18px !important; width: 80vw;}} .o_database_list .company_logo{margin-bottom: 26px !important; max-height: 64px; object-fit: contain;} .o_database_list input, .o_database_list select{background: rgba(255,255,255,.75) !important; border: 1px solid rgba(15,23,42,.10) !important; border-radius: 12px !important; padding: 12px 14px !important; color: var(--cs-ink) !important; font-size: 20px !important; font-weight: 600 !important; text-align: left !important; box-shadow: 0 8px 22px rgba(2,6,23,.06) !important; transition: border-color .2s ease, box-shadow .2s ease, transform .05s ease;} .o_database_list input::placeholder{color: rgba(71,85,105,.75); font-weight: 600;} .o_database_list input:focus, .o_database_list select:focus{border-color: rgba(128,21,23,.35) !important; box-shadow: 0 0 0 .2rem rgba(128,21,23,.18), 0 12px 28px rgba(2,6,23,.10) !important; outline: 0 none !important;} .o_database_list select option{background-color: #fff; color: var(--cs-ink);} .oe_login_buttons{margin-top: 18px !important; margin-bottom: 6px !important; display: flex; gap: 10px; justify-content: center; flex-wrap: wrap;} .o_database_list .btn{border-radius: 16px !important; padding: 11px 16px !important; font-weight: 800 !important; letter-spacing: .6px; text-transform: uppercase; box-shadow: none !important; transition: background-color .2s ease, border-color .2s ease, transform .05s ease, box-shadow .2s ease;} .o_database_list .btn:active{transform: translateY(1px);} .o_database_list .btn-primary{color:#fff !important; background-color: var(--cs-brand) !important; border: 1px solid var(--cs-brand) !important; box-shadow: 0 12px 28px rgba(128,21,23,.22) !important; border-radius: 12px; padding: 0.75rem 1.5rem;} .o_database_list .btn-primary:hover, .o_database_list .btn-primary:focus{background-color: var(--cs-brand-dark) !important; border-color: var(--cs-brand-dark) !important; box-shadow: 0 16px 34px rgba(128,21,23,.28) !important;} .o_database_list .btn-danger{color: var(--cs-brand) !important; background-color: rgba(255,255,255,.55) !important; border: 1px solid rgba(128,21,23,.35) !important; border-radius: 12px; padding: 0.75rem 1.5rem;} .o_database_list .btn-danger:hover, .o_database_list .btn-danger:focus{background-color: rgba(128,21,23,.10) !important; border-color: rgba(128,21,23,.55) !important; color: var(--cs-brand) !important;} .o_database_list .btn:focus, .o_database_list .btn:focus-visible{outline: 0; box-shadow: 0 0 0 .2rem rgba(128,21,23,.22) !important;} .o_database_list .text-muted, .o_database_list small{color: rgba(71,85,105,.9) !important;} .o_database_list label{font-weight: 800; color: rgba(15,23,42,.85);} html, body{height: 100%;} #background-wrapper{position: fixed; inset: 0; width: 100vw; height: 100vh; min-height: 100dvh; z-index: -1; background-repeat: no-repeat; background-position: center center; background-size: cover; background-attachment: scroll;} .o_database_list{background: rgba(255, 255, 255, 0.58) !important; border: 1px solid rgba(255, 255, 255, 0.35) !important; box-shadow: 0 18px 55px rgba(2,6,23,.20) !important; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);} .alert{width: 100%; box-sizing: border-box; white-space: normal; word-break: break-word;} .o_database_list .card-body > div{text-align:center !important;} .o_database_list .card-body > div > a.btn.btn-link.float-right{float:none !important; display:inline-block !important;} 

/* /ceo_apps_226_booking_print_email/static/scss/ceo_booking_style.scss defined in bundle 'web.assets_frontend' */
 @font-face{font-family: 'Quicksand'; font-weight: 300; src: url(/ceo_apps_226_booking_print_email/static/src/font/Quicksand-Light.ttf);} @font-face{font-family: 'Quicksand'; font-weight: 400; src: url(/ceo_apps_226_booking_print_email/static/src/font/Quicksand-Regular.ttf);} @font-face{font-family: 'Quicksand'; font-weight: 500; src: url(/ceo_apps_226_booking_print_email/static/src/font/Quicksand-Medium.ttf);} @font-face{font-family: 'Quicksand'; font-weight: 600; src: url(/ceo_apps_226_booking_print_email/static/src/font/Quicksand-SemiBold.ttf);} @font-face{font-family: 'Quicksand'; font-weight: 700; src: url(/ceo_apps_226_booking_print_email/static/src/font/Quicksand-Bold.ttf);} .headerbooking{font-weight: 500; font-family: 'Quicksand', sans-serif; text-rendering: optimizeLegibility;} .footerbooking{font-weight: 500; font-family: 'Quicksand', sans-serif; text-rendering: optimizeLegibility;} #ceobooking{font-weight: 500; font-family: 'Quicksand', sans-serif; text-rendering: optimizeLegibility;} #ceobooking .mb32{margin-bottom: 32px;} #ceobooking .mt32{margin-top: 32px;} #ceobooking .pl20{padding-left: 20px !important;} #ceobooking .header img{margin-top: 0;} #ceobooking .footerbooking{padding-top: 2rem;} #ceobooking .pagebooking{padding-top: 2rem;} #ceobooking .table_booking_content tbody tr:nth-child(odd){background-color: #f8f9fa;} #ceobooking .table_combined_booking_content tbody tr:nth-child(odd){background-color: #f8f9fa;} #ceobooking .table_booking_content tbody{border-bottom: 1px solid #ccc !important;} #ceobooking .table_booking_content tbody tr{padding-left: 2rem !important;} #ceobooking .table_combined_booking_content tbody{border-bottom: 1px solid #ccc !important; font-size: 12px;} #ceobooking .table_combined_booking_content tbody tr{padding-left: 2rem !important; font-size: 12px;} #ceobooking .bookingterms{line-height: 1rem; font-size: 8px;} #ceobooking .bankinfo{font-size: 0.8rem;} #ceobooking .bankinforow{border-bottom: 1px solid #d3d3d3 !important;} #ceobooking .bankinforow ul{list-style-type: none !important;} #ceobooking .bankinforow ul li{padding: 0.75rem;} #ceobooking .list-group-item{background-color: #f8f9fa; border: none; margin-bottom: 0;} #ceobooking .list-group_bankinfo{list-style-type: none !important; overflow: hidden !important; margin: 0; padding: 0; background-color: #f8f9fa;} #ceobooking .list-group-item_bankinfo{float: left !important; background-color: #f8f9fa;} #ceobooking .row_bankinfo_pdf{display: block !important; text-decoration: none; background-color: #f8f9fa;} #ceobooking .table-bankinfo th{border: none; font-weight: bolder; width: 90px;} 

/* /ceo_apps_205_portal_full_width/static/src/css/agreement_draft.css defined in bundle 'web.assets_frontend' */
.ceo-agreement-draft-web{--ceo-draft-ink: #0f172a; --ceo-draft-muted: #475569; --ceo-draft-line: #d8dee8; --ceo-draft-brand: #801517; --ceo-draft-soft: #fafbfc; font-family: Manrope, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif; background: linear-gradient(180deg, #fbfbfc 0%, #f7f8fa 100%); border: 1px solid var(--ceo-draft-line); border-radius: 20px; box-shadow: 0 18px 48px rgba(15, 23, 42, 0.06);} .ceo-agreement-draft-web .ceo-draft-shell{max-width: 1120px; margin: 0 auto;} .ceo-agreement-draft-web .ceo-draft-hero{display: flex; flex-wrap: wrap; justify-content: space-between; gap: 1rem; padding: 1.25rem 1.25rem 0.9rem; border-bottom: 1px solid var(--ceo-draft-line); background: radial-gradient(650px 180px at 0% 0%, rgba(128, 21, 23, 0.10), transparent 55%), linear-gradient(180deg, rgba(255,255,255,.95), rgba(255,255,255,.85));} .ceo-agreement-draft-web .ceo-draft-kicker{display: inline-flex; align-items: center; gap: .45rem; margin-bottom: .55rem; font-size: .75rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--ceo-draft-brand);} .ceo-agreement-draft-web .ceo-draft-kicker::before{content: ""; width: .55rem; height: .55rem; border-radius: 999px; background: var(--ceo-draft-brand); box-shadow: 0 0 0 4px rgba(128, 21, 23, 0.10);} .ceo-agreement-draft-web h2, .ceo-agreement-draft-web h3, .ceo-agreement-draft-web h4{color: var(--ceo-draft-ink);} .ceo-agreement-draft-web .ceo-draft-title{margin: 0; font-size: clamp(1.45rem, 2vw, 2rem); line-height: 1.15; font-weight: 900; letter-spacing: -.02em;} .ceo-agreement-draft-web .ceo-draft-subtitle{max-width: 58rem; margin: .5rem 0 0; color: var(--ceo-draft-muted); line-height: 1.6;} .ceo-agreement-draft-web .ceo-draft-badges{display: flex; flex-wrap: wrap; gap: .5rem; align-items: flex-start; justify-content: flex-end;} .ceo-agreement-draft-web .ceo-draft-badge{display: inline-flex; align-items: center; gap: .45rem; padding: .48rem .72rem; border: 1px solid var(--ceo-draft-line); border-radius: 999px; background: #fff; color: var(--ceo-draft-ink); font-size: .875rem; font-weight: 700; box-shadow: 0 8px 18px rgba(15, 23, 42, 0.04);} .ceo-agreement-draft-web .ceo-draft-badge strong{color: var(--ceo-draft-brand); font-weight: 900;} .ceo-agreement-draft-web .ceo-draft-body{padding: 1.1rem 1.25rem 1.25rem;} .ceo-agreement-draft-web .ceo-draft-note{margin-bottom: 1rem; padding: .95rem 1rem; border: 1px solid rgba(128, 21, 23, 0.14); border-left: 4px solid var(--ceo-draft-brand); border-radius: 14px; background: rgba(128, 21, 23, 0.05); color: #3f1e20; line-height: 1.55;} .hint-info{font-size: 16px; color: #1a4a7a; background: #e8f0fc; border-left: 3px solid #4a7ac4; border-radius: 0 10px 10px 0; padding: 10px 14px; margin-top: 12px; line-height: 1.6;} .ceo-agreement-draft-preview-page .ceo-draft-actions{gap: .5rem; padding: 10px;} .ceo-agreement-draft-preview-page ~ .o_portal_submenu, .o_portal_wrap:has(.ceo-agreement-draft-preview-page) .o_portal_submenu, .ceo-agreement-draft-preview-page .o_portal_submenu{display: none !important;} .ceo-agreement-draft-preview-page .ceo-agreement-stepper{display: flex; flex-wrap: wrap; align-items: stretch; gap: .75rem;} .ceo-agreement-draft-preview-page .ceo-agreement-step{flex: 1 1 190px; display: flex; align-items: flex-start; gap: .75rem; padding: .95rem 1rem; border: 1px solid var(--ceo-draft-line); border-radius: 16px; background: #ffffff; box-shadow: 0 10px 24px rgba(15, 23, 42, 0.04);} .ceo-agreement-draft-preview-page .ceo-agreement-step--active{border-color: rgba(128, 21, 23, 0.36); box-shadow: 0 12px 30px rgba(128, 21, 23, 0.10);} .ceo-agreement-draft-preview-page .ceo-agreement-step-connector{flex: 0 0 1.25rem; align-self: center; height: 2px; border-radius: 999px; background: rgba(128, 21, 23, 0.16);} .ceo-agreement-draft-preview-page .ceo-agreement-step--done .ceo-agreement-step-circle{background: var(--ceo-draft-brand); color: #ffffff; border-color: var(--ceo-draft-brand);} .ceo-agreement-draft-preview-page .ceo-agreement-step-circle{width: 2rem; height: 2rem; border-radius: 999px; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 2rem; border: 1px solid var(--ceo-draft-line); background: #fafbfc; color: var(--ceo-draft-ink); font-size: .9rem; font-weight: 800;} .ceo-agreement-draft-preview-page .ceo-agreement-step-copy{min-width: 0;} .ceo-agreement-draft-preview-page .ceo-agreement-step-label{color: var(--ceo-draft-ink); font-size: .92rem; font-weight: 800; line-height: 1.25;} .ceo-agreement-draft-preview-page .ceo-agreement-step-sub{margin-top: .12rem; color: var(--ceo-draft-muted); font-size: .82rem; line-height: 1.35;} .ceo-agreement-progress-wrap{margin: 18px 0 4px; padding: 14px 16px; border-radius: 10px; background: rgba(128, 21, 23, .03); border: 1px solid rgba(128, 21, 23, .08);} .ceo-agreement-progress-label{font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: .07em; color: #801517; margin-bottom: 10px;} .ceo-agreement-progress-wrap .cs-step-label{font-size: 13px;} .ceo-agreement-edit-modal .modal-dialog{max-width: 96vw;} .ceo-agreement-edit-modal .modal-content{border: 0; border-radius: 18px; overflow: hidden;} .ceo-agreement-edit-modal .modal-body{background: #f7f8fa;} .ceo-agreement-edit-frame{display: block; width: 100%; min-height: 78vh; border: 0; background: #ffffff;} .ceo-agreement-draft-web .page{padding: .75rem 0; border-top: 1px solid var(--ceo-draft-line);} .ceo-agreement-draft-web .page:first-of-type{border-top: none;} .ceo-agreement-draft-web .page, .ceo-agreement-draft-web .page p, .ceo-agreement-draft-web .page td, .ceo-agreement-draft-web .page th, .ceo-agreement-draft-web .page span, .ceo-agreement-draft-web .page div, .ceo-agreement-draft-web .page li{font-size: 0.875rem; line-height: 1.4; overflow-wrap: anywhere; word-break: break-word;} .ceo-agreement-draft-web .page h1, .ceo-agreement-draft-web .page h2, .ceo-agreement-draft-web .page h3, .ceo-agreement-draft-web .page h4, .ceo-agreement-draft-web .page h5, .ceo-agreement-draft-web .page h6{margin-top: 0; margin-bottom: .45rem; line-height: 1.2;} .ceo-agreement-draft-web table{width: 100%; border-collapse: collapse; border-spacing: 0;} .ceo-agreement-draft-web .page table{table-layout: fixed;} .ceo-agreement-draft-web .page td, .ceo-agreement-draft-web .page th{padding: .12rem .28rem !important; vertical-align: top;} .ceo-agreement-draft-web .page [style*="padding-top:2px"], .ceo-agreement-draft-web .page [style*="padding-bottom:2px"], .ceo-agreement-draft-web .page [style*="padding-top:3px"], .ceo-agreement-draft-web .page [style*="padding-bottom:3px"]{padding-top: .12rem !important; padding-bottom: .12rem !important;} .ceo-agreement-draft-web .page [style*="line-height:1;"], .ceo-agreement-draft-web .page [style*="line-height:16px"], .ceo-agreement-draft-web .page [style*="line-height:17px"], .ceo-agreement-draft-web .page [style*="line-height:110%"], .ceo-agreement-draft-web .page [style*="line-height:120%"]{line-height: 1.35 !important;} .ceo-agreement-draft-web .page [style*="font-size:15px"]{font-size: 0.875rem !important; line-height: 1.35 !important;} .ceo-agreement-draft-web .page pre, .ceo-agreement-draft-web .page [style*="white-space: pre"], .ceo-agreement-draft-web .page [style*="white-space:pre"]{white-space: pre-wrap !important; overflow-wrap: anywhere !important; word-break: break-word !important;} .ceo-agreement-draft-web .page .bg-300, .ceo-agreement-draft-web .page .bg-200, .ceo-agreement-draft-web .page .bg-100{background: #f4f6f8 !important;} .ceo-agreement-draft-web .page .section_tbody tr + tr td{border-top: 1px solid rgba(15, 23, 42, 0.04);} .ceo-agreement-draft-web .page .table-sm td, .ceo-agreement-draft-web .page .table-sm th{padding: .1rem .25rem !important;} .ceo-agreement-draft-web .page .float-left, .ceo-agreement-draft-web .page .float-right{margin-bottom: .35rem;} .ceo-agreement-draft-web .page .text-left, .ceo-agreement-draft-web .page .text-right, .ceo-agreement-draft-web .page .text-center{word-break: break-word;} @media (max-width: 767.98px){.ceo-agreement-draft-web .ceo-draft-hero, .ceo-agreement-draft-web .ceo-draft-body{padding-left: 1rem; padding-right: 1rem;}.ceo-agreement-draft-preview-page .ceo-agreement-step-connector{display: none;}.ceo-agreement-draft-web .page{padding: .5rem 0;}.ceo-agreement-draft-web .page td, .ceo-agreement-draft-web .page th{padding: .08rem .18rem !important;}} 

/* /ceo_apps_205_portal_full_width/static/src/css/portal_payment_tc.css defined in bundle 'web.assets_frontend' */
 #sign-dialog .cs-stepper{display: flex; align-items: flex-start; width: 100%; margin-bottom: 20px;} #sign-dialog .cs-step{flex: 1; display: flex; flex-direction: column; align-items: center; min-width: 0;} #sign-dialog .cs-step-conn{flex: 1 1 0; height: 2px; margin-top: 17px; background: #dee2e6;} #sign-dialog .cs-step-conn--done{background: rgba(19,143,78,.45);} #sign-dialog .cs-step-circle{width: 34px; height: 34px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 14px; border: 2px solid #dee2e6; background: #fff; color: #adb5bd; flex-shrink: 0;} #sign-dialog .cs-step--done .cs-step-circle{border-color: rgba(19,143,78,.55); background: rgba(19,143,78,.12); color: #138f4e;} #sign-dialog .cs-step--active .cs-step-circle{border-color: #801517; background: #801517; color: #fff;} #sign-dialog .cs-step-label{margin-top: 6px; text-align: center; font-size: 11px; font-weight: 700; color: #adb5bd; line-height: 1.3; padding: 0 2px;} #sign-dialog .cs-step--done .cs-step-label{color: #138f4e;} #sign-dialog .cs-step--active .cs-step-label{color: #801517;} #sign-dialog .ceo-kyc-notice{padding: 11px 14px; border-radius: 8px; background: rgba(128,21,23,.05); border-left: 3px solid rgba(128,21,23,.35); font-size: 14px; color: #4a2325; margin-bottom: 16px;} #sign-dialog .ceo-kyc-section{margin-bottom: 20px;} #sign-dialog .ceo-kyc-section-title{font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; color: #6c757d; margin-bottom: 12px; padding-bottom: 7px; border-bottom: 1px solid #e9ecef;} .ceo_portal_progress_block .o_kyc_progress_card{flex: 1 1 210px; min-width: 210px; border-color: rgba(128, 21, 23, .25); background: rgba(128, 21, 23, .06); border-radius: 12px;} .ceo_portal_progress_block .o_kyc_progress_card.o_kyc_progress_done{border-color: rgba(128, 21, 23, .35); background: rgba(128, 21, 23, .12);} .ceo_portal_progress_block .o_kyc_progress_card.o_kyc_progress_current{border-color: #801517; background: #801517; color: #ffffff;} #wrapwrap.o_portal .ceo_portal_progress_block .o_kyc_progress_card .font-weight-bold, #wrapwrap.o_portal .ceo_portal_progress_block .o_kyc_progress_card .text-muted{color: #212529 !important;} .ceo_portal_progress_block .o_kyc_progress_card .o_kyc_progress_num{width: 26px; height: 26px; border-radius: 50%; border: 1px solid rgba(128, 21, 23, .35); background: rgba(128, 21, 23, .10); color: #801517; flex: 0 0 26px;} .ceo_portal_progress_block .o_kyc_progress_card.o_kyc_progress_done .o_kyc_progress_num{border-color: rgba(128, 21, 23, .55); background: rgba(128, 21, 23, .20); color: #801517;} .ceo_portal_progress_block .o_kyc_progress_card.o_kyc_progress_current .o_kyc_progress_num{border-color: rgba(255, 255, 255, .6); background: rgba(255, 255, 255, .16); color: #ffffff;} #wrapwrap.o_portal .ceo_portal_progress_block .o_kyc_progress_card.o_kyc_progress_current .text-muted{color: #ffffff !important; font-weight: 500;} #wrapwrap.o_portal .ceo_portal_progress_block .o_kyc_progress_card.o_kyc_progress_current .font-weight-bold{color: #ffffff !important;} #modalrequestrevise .modal-dialog{max-width: 1120px;} #requestrevise{background: #ffffff; border: 1px solid #e8e0dc; border-radius: 22px; box-shadow: 0 12px 40px rgba(28,20,16,.10), 0 4px 12px rgba(28,20,16,.06); overflow: hidden; font-family: inherit; color: #1c1410;} #requestrevise .modal-header, #requestrevise .modal-footer{background: linear-gradient(180deg, #ffffff 0%, #faf8f7 100%) !important; background-image: none !important; border-color: #e8e0dc; padding: 1.25rem 1.5rem;} #requestrevise .modal-body{background: #ffffff; padding: 1.5rem;} #requestrevise .modal-title, #requestrevise h6, #requestrevise label strong{font-family: inherit; letter-spacing: normal; color: #1c1410;} #requestrevise .modal-title{font-size: 2rem; line-height: 1; margin: 0;} #requestrevise h6{font-size: 1.15rem; margin-bottom: 1rem;} #requestrevise label{color: #4a3f39; font-size: 0.78rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; margin-bottom: 0.5rem;} #requestrevise .card{background: #f9f0f0; border: 1px solid #f0ebe8; border-radius: 18px; box-shadow: 0 4px 16px rgba(28,20,16,.08), 0 2px 6px rgba(28,20,16,.04);} #requestrevise .table-responsive{border: 1px solid #e8e0dc; border-radius: 16px; background: #f9f0f0;} #requestrevise .table{background: transparent; margin-bottom: 0;} #requestrevise .table thead th{border-top: 0; border-bottom: 1px solid #e8e0dc; color: #4a3f39; font-size: 0.72rem; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; white-space: nowrap;} #requestrevise .table tbody td{border-top: 1px solid #f0ebe8; vertical-align: middle;} #requestrevise .table tbody tr:first-child td{border-top: 0;} #requestrevise .form-control, #requestrevise .input-group-text{min-height: 42px; border: 1px solid #e8e0dc; background: #ffffff; color: #1c1410; box-shadow: none;} #requestrevise .form-control::placeholder{color: #8a7d77;} #requestrevise input[type="number"]::-webkit-outer-spin-button, #requestrevise input[type="number"]::-webkit-inner-spin-button{-webkit-appearance: none; margin: 0;} #requestrevise input[type="number"]{-moz-appearance: textfield;} #requestrevise .form-control:focus, #requestrevise .ceo-revise-option-product:focus{border-color: #801517; box-shadow: 0 0 0 0.18rem rgba(128,21,23,.10);} #requestrevise .input-group-text{color: #4a3f39; font-size: 0.8rem; font-weight: 700; letter-spacing: 0.03em; background: #faf8f7;} #requestrevise .ceo-revise-unit-group .form-control{flex: 0 0 3.8rem; max-width: 3.8rem; min-width: 0; width: auto; text-align: center;} #requestrevise .ceo-revise-stepper-group .form-control{border-radius: 0 !important;} #requestrevise .ceo-revise-period-group .form-control{text-align: center;} #requestrevise .ceo-revise-unit-group .input-group-append{flex: 1 1 auto; max-width: none;} #requestrevise .ceo-revise-step-btn{min-width: 2.25rem; padding: 0 0.55rem; border-radius: 0 !important; font-size: 1.1rem; line-height: 1; font-weight: 700; box-shadow: none !important; display: inline-flex; align-items: center; justify-content: center; touch-action: manipulation;} #requestrevise .ceo-revise-step-btn:hover, #requestrevise .ceo-revise-step-btn:focus{transform: none; box-shadow: none !important;} #requestrevise .ceo-revise-stepper-group .input-group-prepend .ceo-revise-step-btn{border-top-left-radius: 0.6rem !important; border-bottom-left-radius: 0.6rem !important;} #requestrevise .ceo-revise-stepper-group .input-group-append .ceo-revise-step-btn{border-left: 0;} #requestrevise .ceo-revise-stepper-group .input-group-append .input-group-text{border-left: 0;} #requestrevise .ceo-revise-unit-group .input-group-text{width: 100%; justify-content: center; white-space: nowrap; padding-left: 0.45rem; padding-right: 0.45rem; overflow: hidden; text-overflow: ellipsis;} #requestrevise .btn{border-radius: 999px; font-weight: 700; letter-spacing: 0.04em; transition: transform 0.18s ease, box-shadow 0.18s ease, filter 0.18s ease, background-color 0.18s ease, border-color 0.18s ease;} #requestrevise .btn:hover, #requestrevise .btn:focus{transform: translateY(-1px);} #requestrevise .btn:disabled, #requestrevise .btn.disabled{transform: none; box-shadow: none;} #requestrevise .btn-primary{background: linear-gradient(135deg, #8b2f2a 0%, #6f1819 100%); border-color: #6f1819; box-shadow: 0 14px 26px rgba(111, 24, 25, 0.2);} #requestrevise .btn-primary:hover, #requestrevise .btn-primary:focus{background: linear-gradient(135deg, #9d3a34 0%, #801517 100%); border-color: #801517; box-shadow: 0 18px 30px rgba(111, 24, 25, 0.24);} #requestrevise .btn-success{background: linear-gradient(135deg, #2ec866 0%, #138f4e 100%); border-color: #138f4e; color: #fffdf8; box-shadow: 0 14px 26px rgba(19, 143, 78, 0.22);} #requestrevise .btn-success:hover, #requestrevise .btn-success:focus{background: linear-gradient(135deg, #39d874 0%, #16a158 100%); border-color: #16a158; color: #ffffff; box-shadow: 0 18px 30px rgba(19, 143, 78, 0.28);} #requestrevise .btn-secondary, #requestrevise .btn-outline-secondary{border-color: #e8e0dc; color: #4a3f39; background: #ffffff;} #requestrevise .btn-outline-secondary:hover, #requestrevise .btn-outline-secondary:focus, #requestrevise .btn-secondary:hover, #requestrevise .btn-secondary:focus{border-color: #801517; background: #f9f0f0; color: #801517; box-shadow: 0 12px 22px rgba(28,20,16,.08);} #requestrevise .btn-link{color: #8b2f2a; text-decoration: none;} #requestrevise .btn-link:hover, #requestrevise .btn-link:focus{color: #6f1819;} #requestrevise .close{color: #4a3f39; opacity: 1; text-shadow: none;} #requestrevise .text-muted, #requestrevise small.text-muted{color: #8a7d77 !important;} #requestrevise textarea.form-control{min-height: 132px; resize: vertical;} #ceo_kyc_opensign_form{background: #ffffff; border: 1px solid #e8e0dc; border-radius: 22px; box-shadow: 0 12px 40px rgba(28,20,16,.10), 0 4px 12px rgba(28,20,16,.06); overflow: hidden; font-family: inherit; color: #1c1410;} #ceo_kyc_opensign_form .modal-header{background: linear-gradient(180deg, #ffffff 0%, #faf8f7 100%) !important; background-image: none !important; border-color: #e8e0dc; padding: 1.25rem 1.5rem;} #ceo_kyc_opensign_form .modal-body{background: #ffffff; padding: 1.5rem;} #ceo_kyc_opensign_form .modal-title, #ceo_kyc_opensign_form h5, #ceo_kyc_opensign_form h6{font-family: inherit; letter-spacing: normal; color: #1c1410;} #ceo_kyc_opensign_form .modal-title{font-size: 2rem; line-height: 1; margin: 0;} #ceo_kyc_opensign_form h5{font-size: 1.15rem; margin-bottom: 0.35rem;} #ceo_kyc_opensign_form h6{font-size: 1.05rem; margin-bottom: 1rem;} #ceo_kyc_opensign_form label:not(.form-check-label){color: #4a3f39; font-size: 0.78rem; font-weight: 700 !important; letter-spacing: 0.12em; text-transform: uppercase; margin-bottom: 0.5rem;} #ceo_kyc_opensign_form .form-check-label, #ceo_kyc_opensign_form .modal-body p, #ceo_kyc_opensign_form .modal-body li, #ceo_kyc_opensign_form .form-text, #ceo_kyc_opensign_form .text-muted, #ceo_kyc_opensign_form small.text-muted{color: #8a7d77 !important;} #ceo_kyc_opensign_form .o_kyc_dark_section{background: #f9f0f0 !important; border: 1px solid #f0ebe8 !important; border-radius: 18px !important; box-shadow: 0 4px 16px rgba(28,20,16,.08), 0 2px 6px rgba(28,20,16,.04);} #ceo_kyc_opensign_form .ceo-opensign-progress-card{background: #ffffff !important; border: none !important; box-shadow: none;} #ceo_kyc_opensign_form .ceo-opensign-prep-card{background: rgba(128, 21, 23, .06) !important; border: 1px solid rgba(128, 21, 23, .25) !important; border-radius: 12px !important; box-shadow: none;} #ceo_kyc_opensign_form .ceo-opensign-prep-card .card-body{color: inherit !important;} #ceo_kyc_opensign_form .ceo-opensign-progress-card h5, #ceo_kyc_opensign_form .ceo-opensign-prep-card h5{color: inherit;} #ceo_kyc_opensign_form .ceo-opensign-prep-card .text-muted, #ceo_kyc_opensign_form .ceo-opensign-prep-card small.text-muted{color: #8a7d77 !important;} #ceo_kyc_opensign_form .o_kyc_dark_section .card-body{color: #1c1410 !important;} #ceo_kyc_opensign_form .form-control, #ceo_kyc_opensign_form .input-group-text{min-height: 42px; border: 1px solid #e8e0dc; background: #ffffff !important; color: #1c1410 !important; box-shadow: none;} #ceo_kyc_opensign_form .form-control::placeholder{color: #8a7d77;} #ceo_kyc_opensign_form .form-control:focus, #ceo_kyc_opensign_form select.form-control:focus, #ceo_kyc_opensign_form textarea.form-control:focus{border-color: #801517; box-shadow: 0 0 0 0.18rem rgba(128,21,23,.10);} #ceo_kyc_opensign_form .alert-light{background: #faf8f7 !important; border-color: #e8e0dc !important; color: #4a3f39;} #ceo_kyc_opensign_form .btn{border-radius: 999px; font-weight: 700; letter-spacing: 0.04em; transition: transform 0.18s ease, box-shadow 0.18s ease, filter 0.18s ease, background-color 0.18s ease, border-color 0.18s ease;} #ceo_kyc_opensign_form .btn:hover, #ceo_kyc_opensign_form .btn:focus{transform: translateY(-1px);} #ceo_kyc_opensign_form .btn-primary{background: linear-gradient(135deg, #8b2f2a 0%, #6f1819 100%); border-color: #6f1819; color: #fffdf8; box-shadow: 0 14px 26px rgba(111, 24, 25, 0.2);} #ceo_kyc_opensign_form .btn-primary:hover, #ceo_kyc_opensign_form .btn-primary:focus{background: linear-gradient(135deg, #9d3a34 0%, #801517 100%); border-color: #801517; color: #ffffff; box-shadow: 0 18px 30px rgba(111, 24, 25, 0.24);} #ceo_kyc_opensign_form .btn-secondary, #ceo_kyc_opensign_form .btn-outline-secondary{border-color: #e8e0dc; color: #4a3f39; background: #ffffff;} #ceo_kyc_opensign_form .btn-outline-secondary:hover, #ceo_kyc_opensign_form .btn-outline-secondary:focus, #ceo_kyc_opensign_form .btn-secondary:hover, #ceo_kyc_opensign_form .btn-secondary:focus{border-color: #801517; background: #f9f0f0; color: #801517; box-shadow: 0 12px 22px rgba(28,20,16,.08);} #ceo_kyc_opensign_form .close{color: #4a3f39; opacity: 0.9; text-shadow: none;} #ceo_kyc_opensign_form .text-right.mb-3{margin-bottom: 0 !important; padding-top: 0.85rem; border-top: 1px solid #e8e0dc;} #modalacceptpayment .modal-dialog.modal-content{max-width: 90vw; width: 90vw; background: #ffffff; border: 1px solid #e8e0dc; border-radius: 22px; box-shadow: 0 12px 40px rgba(28,20,16,.10), 0 4px 12px rgba(28,20,16,.06); overflow: hidden; font-family: inherit; color: #1c1410;} #modalacceptpayment .modal-header{background: linear-gradient(180deg, #ffffff 0%, #faf8f7 100%) !important; background-image: none !important; border-color: #e8e0dc; padding: 1.25rem 1.5rem;} #modalacceptpayment .modal-body{background: #ffffff; padding: 1.5rem;} #modalacceptpayment .modal-title{font-family: inherit; letter-spacing: normal; color: #1c1410; font-size: 2rem; line-height: 1; margin: 0;} #modalacceptpayment .close{color: #4a3f39; opacity: 0.9; text-shadow: none;} #modalacceptpayment #sign-dialog, #modalacceptpayment #sign-dialog p, #modalacceptpayment #sign-dialog li, #modalacceptpayment #sign-dialog .text-muted, #modalacceptpayment #sign-dialog small.text-muted{color: #4a3f39;} #modalacceptpayment .text-muted, #modalacceptpayment small.text-muted, #modalacceptpayment .form-text.text-muted{color: #5b4d45 !important;} #modalacceptpayment #payment_method.ceo-single-payment-option .ceo-hide-single-payment-option{display: none;} #modalacceptpayment #payment_method.ceo-single-payment-option .ceo-hide-single-payment-card{display: none;} #modalacceptpayment #payment_method.ceo-single-payment-option .ceo-single-payment-footer-only{border: 0; background: transparent; box-shadow: none;} #modalacceptpayment #ceo_transfer_bank_block .card-body{color: #1c1410 !important; padding: 1.25rem 1.5rem;} #modalacceptpayment #ceo_transfer_bank_block{background: #f9f0f0 !important; border: 1px solid #f0ebe8 !important; border-radius: 18px !important; box-shadow: 0 4px 16px rgba(28,20,16,.08), 0 2px 6px rgba(28,20,16,.04);} #modalacceptpayment #ceo_transfer_bank_block h6{font-size: 1rem; font-weight: 800; letter-spacing: 0.04em; text-transform: uppercase;} #modalacceptpayment #ceo_transfer_bank_block h6, #modalacceptpayment #ceo_transfer_bank_block p, #modalacceptpayment #ceo_transfer_bank_block th, #modalacceptpayment #ceo_transfer_bank_block td{color: #4a3f39;} #modalacceptpayment #ceo_transfer_bank_block .row.mb-3{margin-left: 0; margin-right: 0; margin-bottom: 1rem !important; padding: 0; background: transparent; border-radius: 0;} #modalacceptpayment #ceo_transfer_bank_block .row.mb-3 > [class*='col-']{padding-left: 0.35rem; padding-right: 0.35rem;} #modalacceptpayment #ceo_transfer_bank_block .table{background: transparent; border: 0; border-radius: 0; overflow: visible; margin-bottom: 0;} #modalacceptpayment #ceo_transfer_bank_block .table th, #modalacceptpayment #ceo_transfer_bank_block .table td{border-top: 0; padding: 0.15rem 0; vertical-align: baseline;} #modalacceptpayment #ceo_transfer_bank_block .table tbody tr{display: grid; grid-template-columns: 110px minmax(0, 1fr); column-gap: 0.75rem; align-items: baseline;} #modalacceptpayment #ceo_transfer_bank_block .table th{width: 120px; min-width: 120px; display: block; box-sizing: border-box; font-size: 0.76rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: #7a655c; background: #efe5e3; padding: 0.35rem 0.6rem; padding-right: 0.6rem; white-space: nowrap;} #modalacceptpayment #ceo_transfer_bank_block .table td:nth-child(2){display: none;} #modalacceptpayment #ceo_transfer_bank_block .table td:last-child{color: #231b17; font-weight: 600; font-size: 1rem; line-height: 1.45; word-break: break-word; min-width: 0;} #modalacceptpayment #ceo_transfer_bank_block .table td:last-child > span:not(.ceo-copyable-bank-value){display: block; background: transparent; border: 0; border-radius: 0; padding: 0; box-shadow: none;} #modalacceptpayment #ceo_transfer_bank_block .ceo-copyable-bank-value{display: inline-flex; align-items: center; gap: 0.45rem; flex-wrap: wrap;} #modalacceptpayment #ceo_transfer_bank_block .ceo-copy-bank-value{display: inline-flex; align-items: center; justify-content: center; width: 1.5rem; height: 1.5rem; padding: 0; border: 0; background: transparent; color: #8b5e4a; cursor: pointer; transition: color .18s ease, transform .18s ease;} #modalacceptpayment #ceo_transfer_bank_block .ceo-copy-bank-value:hover, #modalacceptpayment #ceo_transfer_bank_block .ceo-copy-bank-value:focus{color: #801517; outline: 0;} #modalacceptpayment #ceo_transfer_bank_block .ceo-copy-bank-value.is-copied{color: #2f6f44;} #modalacceptpayment #ceo_transfer_bank_block .table tbody tr:hover th, #modalacceptpayment #ceo_transfer_bank_block .table tbody tr:hover td, #modalacceptpayment #ceo_transfer_bank_block .table tbody tr:hover td:last-child, #modalacceptpayment #ceo_transfer_bank_block .table tbody tr:hover td:last-child span{background: transparent !important;} #modalacceptpayment #ceo_transfer_bank_block .table tbody tr:hover th{background: #efe5e3 !important;} @media (max-width: 991.98px){#modalacceptpayment #ceo_transfer_bank_block .row.mb-3 > [class*='col-'] + [class*='col-']{margin-top: 0.75rem; padding-top: 0;}#modalacceptpayment #ceo_transfer_bank_block .table tbody tr{grid-template-columns: 96px minmax(0, 1fr);}} #modalacceptpayment .ceo-transfer-action-bar{float: none !important; display: flex; justify-content: flex-end; margin-top: 1rem; width: 100%;} #modalacceptpayment .pill-switch{position: relative; display: inline-block; width: 50px; height: 28px; flex-shrink: 0;} #modalacceptpayment .pill-switch input{opacity: 0; width: 0 !important; height: 0 !important; position: absolute; margin: 0; padding: 0;} #modalacceptpayment .pill-switch input:disabled + .pill-track, #modalacceptpayment .pill-switch input:disabled + .pill-track + .pill-thumb{opacity: 0.55;} #modalacceptpayment .pill-track{position: absolute; inset: 0; border-radius: 100px; background: #c7cdd3; transition: background .22s, border-color .22s; cursor: pointer;} #modalacceptpayment .pill-thumb{position: absolute; top: 4px; left: 4px; width: 20px; height: 20px; border-radius: 50%; background: #fff; box-shadow: 0 1px 4px rgba(0,0,0,.25); transition: transform .22s cubic-bezier(.4,0,.2,1); pointer-events: none;} #modalacceptpayment .pill-switch input:checked + .pill-track{background: #801517;} #modalacceptpayment .pill-switch input:checked + .pill-track + .pill-thumb{transform: translateX(22px);} #modalacceptpayment #sign-dialog > p{margin-bottom: 1rem; font-size: 1rem;} #modalacceptpayment #sign-dialog ul{margin: 0.5rem 0 0; padding-left: 1.2rem;} #modalacceptpayment #sign-dialog li{margin-bottom: 0.35rem;} #modalacceptpayment #ceo_kyc_payment_block .card{border: 1px solid #f0ebe8; border-radius: 18px; box-shadow: 0 4px 16px rgba(28,20,16,.08), 0 2px 6px rgba(28,20,16,.04);} #modalacceptpayment #ceo_kyc_payment_block > .card{background: #f9f0f0 !important; border-color: rgba(128, 21, 23, .18) !important;} #modalacceptpayment #ceo_kyc_payment_block .o_kyc_dark_section{background: #f9f0f0 !important; border: 1px solid #f0ebe8 !important; border-radius: 18px !important; box-shadow: 0 4px 16px rgba(28,20,16,.08), 0 2px 6px rgba(28,20,16,.04);} #modalacceptpayment #ceo_tc_modal_block .card, #modalacceptpayment #ceo_tc_modal_block .o_kyc_dark_section{background: #f9f0f0 !important; border: 1px solid #f0ebe8 !important; border-radius: 18px !important; box-shadow: 0 4px 16px rgba(28,20,16,.08), 0 2px 6px rgba(28,20,16,.04);} #modalacceptpayment #ceo_tc_modal_block .card-body{color: #1c1410 !important;} #modalacceptpayment #ceo_kyc_payment_block h5, #modalacceptpayment #ceo_kyc_payment_block h6, #modalacceptpayment #ceo_kyc_payment_block label, #modalacceptpayment #ceo_kyc_payment_block .form-check-label{font-family: inherit; letter-spacing: normal; color: #1c1410;} #modalacceptpayment #ceo_kyc_payment_block label:not(.form-check-label){color: #4a3f39; font-size: 0.78rem; font-weight: 700 !important; letter-spacing: 0.12em; text-transform: uppercase; margin-bottom: 0.5rem;} #modalacceptpayment #ceo_kyc_payment_block .form-control, #modalacceptpayment #ceo_kyc_payment_block .input-group-text{min-height: 42px; border: 1px solid #e8e0dc; background: #ffffff !important; color: #1c1410 !important; box-shadow: none;} #modalacceptpayment #ceo_kyc_payment_block .form-control:focus, #modalacceptpayment #ceo_kyc_payment_block select.form-control:focus, #modalacceptpayment #ceo_kyc_payment_block textarea.form-control:focus{border-color: #801517; box-shadow: 0 0 0 0.18rem rgba(128,21,23,.10);} #modalacceptpayment #ceo_kyc_payment_block .form-control.ceo-locked-field[disabled], #modalacceptpayment #ceo_kyc_payment_block .form-control.ceo-locked-field:disabled{background: #f3efed !important; border-color: #ddd2cd !important; color: #6e625c !important; cursor: not-allowed; opacity: 1;} #modalacceptpayment #ceo_tc_modal_block h6, #modalacceptpayment #ceo_tc_modal_block label, #modalacceptpayment #ceo_tc_modal_block .form-check-label, #modalacceptpayment #ceo_tc_modal_block .form-text, #modalacceptpayment #ceo_tc_modal_block .text-muted, #modalacceptpayment #ceo_tc_modal_block small.text-muted, #modalacceptpayment #ceo_tc_modal_block p, #modalacceptpayment #ceo_tc_modal_block li{color: #4a3f39;} #modalacceptpayment #ceo_tc_modal_block .alert-light{background: #faf8f7 !important; border-color: #e8e0dc !important; color: #4a3f39;} #modalacceptpayment #ceo_tc_modal_block .btn-outline-primary{border-color: #e8e0dc; color: #4a3f39; background: #ffffff;} #modalacceptpayment #ceo_tc_modal_block .btn-outline-primary:hover, #modalacceptpayment #ceo_tc_modal_block .btn-outline-primary:focus{border-color: #801517; background: #f9f0f0; color: #801517; box-shadow: 0 12px 22px rgba(28,20,16,.08);} #modalacceptpayment .btn{border-radius: 999px; font-weight: 700; letter-spacing: 0.04em; transition: transform 0.18s ease, box-shadow 0.18s ease, filter 0.18s ease, background-color 0.18s ease, border-color 0.18s ease;} #modalacceptpayment .btn:hover, #modalacceptpayment .btn:focus{transform: translateY(-1px);} #modalacceptpayment .btn-primary{background: linear-gradient(135deg, #8b2f2a 0%, #6f1819 100%); border-color: #6f1819; color: #fffdf8; box-shadow: 0 14px 26px rgba(111, 24, 25, 0.2);} #modalacceptpayment .btn-primary:hover, #modalacceptpayment .btn-primary:focus{background: linear-gradient(135deg, #9d3a34 0%, #801517 100%); border-color: #801517; color: #ffffff; box-shadow: 0 18px 30px rgba(111, 24, 25, 0.24);} #modalacceptpayment .btn-secondary, #modalacceptpayment .btn-outline-secondary{border-color: #e8e0dc; color: #4a3f39; background: #ffffff;} #modalacceptpayment .btn-outline-secondary:hover, #modalacceptpayment .btn-outline-secondary:focus, #modalacceptpayment .btn-secondary:hover, #modalacceptpayment .btn-secondary:focus{border-color: #801517; background: #f9f0f0; color: #801517; box-shadow: 0 12px 22px rgba(28,20,16,.08);} @media (max-width: 991.98px){#requestrevise .modal-title{font-size: 1.7rem;}#requestrevise .modal-header, #requestrevise .modal-body, #requestrevise .modal-footer{padding-left: 1rem; padding-right: 1rem;}#ceo_kyc_opensign_form .modal-title{font-size: 1.7rem;}#ceo_kyc_opensign_form .modal-header, #ceo_kyc_opensign_form .modal-body{padding-left: 1rem; padding-right: 1rem;}#modalacceptpayment .modal-dialog.modal-content{width: 96vw; max-width: 96vw;}#modalacceptpayment .modal-header, #modalacceptpayment .modal-body{padding-left: 1rem; padding-right: 1rem;}#modalacceptpayment .modal-title{font-size: 1.7rem;}} @media (max-width: 767.98px){#requestrevise .card .card-body{padding: 1rem;}#requestrevise h6{font-size: 1rem;}#requestrevise label{font-size: 0.74rem; letter-spacing: 0.1em;}#requestrevise .form-control, #requestrevise .input-group-text, #requestrevise .btn, #requestrevise .form-control-sm{font-size: 1rem;}#requestrevise .form-control, #requestrevise .input-group-text{min-height: 46px;}#requestrevise .ceo-revise-step-btn{min-width: 2.5rem;}#requestrevise .table-responsive{overflow: visible; border: 0; background: transparent;}#requestrevise .table colgroup, #requestrevise .table thead{display: none;}#requestrevise .table, #requestrevise .table tbody, #requestrevise .table tbody tr[data-revise-option-row="1"], #requestrevise .table tbody tr[data-revise-option-row="1"] > td{display: block; width: 100%;}#requestrevise .table tbody tr[data-revise-option-row="1"]{background: #ffffff; border: 1px solid #e8e0dc; border-radius: 14px; box-shadow: 0 2px 10px rgba(28,20,16,.04); margin-bottom: 0.85rem; padding: 0.85rem;}#requestrevise .table tbody tr[data-revise-option-row="1"] > td{border-top: 0; min-width: 0 !important; padding: 0; text-align: left !important;}#requestrevise .table tbody tr[data-revise-option-row="1"] > td + td{margin-top: 0.8rem;}#requestrevise .table tbody tr[data-revise-option-row="1"] > td:nth-child(1)::before, #requestrevise .table tbody tr[data-revise-option-row="1"] > td:nth-child(2)::before, #requestrevise .table tbody tr[data-revise-option-row="1"] > td:nth-child(3)::before{display: block; color: #4a3f39; font-size: 0.72rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; margin-bottom: 0.45rem;}#requestrevise .table tbody tr[data-revise-option-row="1"] > td:nth-child(1)::before{content: "Product";}#requestrevise .table tbody tr[data-revise-option-row="1"] > td:nth-child(2)::before{content: "Unit";}#requestrevise .table tbody tr[data-revise-option-row="1"] > td:nth-child(3)::before{content: "Action";}#requestrevise .ceo-revise-option-product, #requestrevise .ceo-revise-unit-group{width: 100%;}#requestrevise .ceo-revise-unit-group .form-control{flex: 0 0 4rem; max-width: 4rem;}#requestrevise #ceo_revise_option_empty_row td{display: block; padding: 0.25rem 0 0; border-top: 0;}#requestrevise .card .d-flex.justify-content-between.align-items-center.mt-3{flex-direction: column; align-items: stretch !important; gap: 0.75rem;}#requestrevise .card .d-flex.justify-content-between.align-items-center.mt-3 .btn{width: 100%;}#requestrevise .modal-footer{display: flex; flex-direction: column; align-items: stretch; gap: 0.75rem;}#requestrevise .modal-footer .btn{width: 100%; margin: 0 !important;}} #ceo_tc_view_modal{z-index: 1080;} 

/* /orange_theme_odoo12/static/src/scss/theme_style.scss defined in bundle 'web.assets_frontend' */
 body{font-size: 16px; font-weight: 500; font-family: 'Quicksand', sans-serif;} h1, h2, h3, h4, h5, h6{margin: 0; font-weight: 500; font-family: 'Quicksand', sans-serif;} p{font-family: 'Quicksand', sans-serif; font-size: 17px; line-height: 26px; color: #444; margin-bottom: 0;} p img{margin: 0;} a, a:visited{text-decoration: none; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; outline: 0; font-weight: 500; font-family: 'Quicksand', sans-serif;} a:hover{text-decoration: none;} a:focus{text-decoration: none; outline: 0;} p a, p a:visited{line-height: inherit; outline: 0;} ul, ol{margin-bottom: 0; margin-top: 0; padding: 0;} ul{margin: 0; list-style-type: none;} ol{list-style: decimal;} ol, ul.square, ul.circle, ul.disc{margin-left: 0;} ul.square{list-style: square outside;} ul.circle{list-style: circle outside;} ul.disc{list-style: disc outside;} ul ul, ul ol, ol ol, ol ul{margin: 0;} ul ul li, ul ol li, ol ol li, ol ul li{margin-bottom: 0;} button{cursor: pointer; outline: none !important; letter-spacing: 0;} blockquote{padding: 60px; position: relative; background: #853bfa;} blockquote:before{content: '\f10d'; font-family: fontawesome; color: #fff; font-size: 32px; position: absolute; left: 16px; top: 46px;} blockquote p{font-size: 17px; color: #fff;} .blockquote-footer{color: #fff;} .oe_website_login_container{background: #fff !important;} .oe_login_form, .oe_signup_form, .oe_reset_password_form{color: #383737 !important;} .oe_login_form input{height: 47px !important; border-radius: 0 !important; background: #fff !important; border: 1px solid #f13267;} .oe_login_form i.fa.fa-database{margin-left: 6px;} .oe_login_form a.btn.btn-secondary{display: -webkit-box; display: -webkit-flex; display: flex; justify-content: space-between; align-items: center; border-radius: 0 !important;} .cybro-login-btn{height: 47px; border-radius: 12px; background-color: #00A09D; border: none; color: #fff !important; font-size: 16px;} .cybro-login-btn:hover{background-color: #f05a24; border: none;} .cybro-super-btn{color: #fff; font-size: 14px; text-decoration: none;} .cybro-super-btn:hover{color: black !important; text-decoration: none;} .cybro-bg footer{background: linear-gradient(to right, #801317 0%, #d64545 100%); color: #fff; padding-top: 2rem;} .cybro-bg .navbar{background: linear-gradient(to right, #fff 0%, #d64545 100%); color: #fff;} .cybro-bg footer a, .cybro-bg footer p, .cybro-bg header a, .cybro-bg header p{color: #383737;} .cybro-bg .navbar-light .navbar-nav .nav-link{color: #383737 !important;} .dropdown-menu.js_usermenu.dropdown-menu-right.show{background: #d64545; background-color: #d64545;} .bg-101{background-color: #801317 !important; color: #fff;} .bg-101 th{padding: 8px 5px; font-weight: 400;} #details .meetingroomimg{max-width: 45%; max-height: 315px; padding: 10px;} @media (max-width: 767px){#details .meetingroomimg{max-width: 100%;}} @media (min-width: 1200px){.container{max-width: 1450px;}} .lowercase{text-transform: lowercase;} .topmarginrevert p{margin-top: revert;} #comparison table thead tr th{text-align: center; font-size: 22px; font-weight: 500; padding: 15px 5px;} #comparison table tbody tr th{text-align: left; font-size: 18px; font-weight: 500; padding: 10px 0; border-top: 1px solid #eee;} #comparison table tbody tr td{text-align: left; border: none;} #comparison ul{list-style-type: none; list-style-position: outside; margin-left: 20px;} #comparison li{padding: 8px 0;} #comparison i{margin: 0 6px 0 -20px;} #comparison .punctuation{margin-left: -0.25em;} #comparison .optionhide{display: none;} #comparison .tablegrey{background-color: #eee;} #comparison .coloroption1{background-color: #e79c9c;} #comparison .coloroption2{background-color: #94bd7b;} #comparison .coloroption3{background-color: #6badde;} #comparison .coloroption4{background-color: #f0be32;} #comparison .white{color: #fff;} #comparison .pricebox1{border: 2px solid #e79c9c; height: 76px; vertical-align: middle;} #comparison .pricebox2{border: 2px solid #94bd7b; height: 76px; vertical-align: middle;} #comparison .pricebox3{border: 2px solid #6badde; height: 76px; vertical-align: middle;} #comparison .pricebox4{border: 2px solid #f0be32; height: 76px; vertical-align: middle;} #comparison .rowgroup:hover{background: #F5F5F5; transition: 500ms;} #rowgroupprice table tbody tr th{padding-left: 13px;} #rowgroupprice:hover #pricebox1{background-color: #e79c9c; transition: 500ms; color: white;} #rowgroupprice:hover #pricebox2{background-color: #94bd7b; transition: 500ms; color: white;} #rowgroupprice:hover #pricebox3{background-color: #6badde; transition: 500ms; color: white;} #rowgroupprice:hover #pricebox4{background-color: #f0be32; transition: 500ms; color: white;} #comparison .col-md-6{padding: 0 5px;} #comparison .col-md-4{padding: 0 3px;} #comparison .col-md-3{padding: 0 3px;} #comparison .productimg{position: relative; padding: 0; max-height: 330px; margin: 0;} #comparison .productimg-3{height: 293px; width: 440px; padding: 2px; margin: 0; bottom: 0; object-fit: cover;} #comparison .productimg-4{height: 220px; width: 330px; padding: 2px; margin: 0; bottom: 0; object-fit: cover;} #comparison .lineheight-double{height: 60px !important;} #free_product ul li{margin-left: 20px;} #ending_page .lastpagebottomimg img{float: right; width: 100%;} #comparison .clearfix:after{content: ""; display: table; clear: both;} #slideshow_officegallery .slidericon{width: 80px; height: 80px; flex: 0 0 80px;} #slideshow_officegallery .carousel-item{padding-bottom: 94px;} #slideshow_officegallery .featuredimg{width: 532px; height: 328px; object-fit: cover;} #slideshow_officegallery .imageinset{position: absolute; top: 20px; left: calc(((100% - 532px)/2) - 5px); color: #fff; background-color: rgba(0, 0, 0, 0.7); padding: 5px 20px;} @media all and (max-width: 430px){#comparison .optionhide{display: block;}#comparison .col-md-6{padding: 0; border: 1px solid #eee;}#comparison .col-md-4{padding: 0; border: 1px solid #eee;}#comparison .col-md-3{padding: 0; border: 1px solid #eee;}#comparison .optionheader{display: none;}#slideshow_officegallery .featuredimg{width: auto; height: auto;}#slideshow_officegallery .imageinset{font-size: 12px; left: 10px;}h3{font-size: 22px;}} #ceocarousel .ceocarousel03{background-color: rgba(255, 255, 255, 0.7); color: #000; text-shadow: 1px 1px 2px #fff, 0 0 25px #fff, 0 0 5px #fff;} #ceocarousel .ceocarousel03 p{padding: 0 40px; color: #000; text-shadow: 1px 1px 2px #fff, 0 0 25px #fff, 0 0 5px #fff; font-size: 14px; line-height: 1.4em;} @media (min-width: 1200px){#ceocarousel .ceocarousel03 p{font-size: 16px;}} .carousel-indicators li{background-color: #fff;} .carousel-indicators .active{background-color: #801;} .person-image img{border-radius: 50%; overflow: hidden; margin-top: 20px; width: 89px; height: 89px;} .flyer-item{min-height: 295px; font-size: 16px;} .flyer-item-5col{min-height: 355px;} .flyer-item li.list-group-item{border: none;} .flyer5col{width: 20%; padding: 0 5px;} .flyerpricezeroes{font-size: 40%; position: relative; line-height: 0; vertical-align: baseline; top: -1em;} @media all and (max-width: 1350px){.flyer-item{min-height: 295px;}.flyer-item-5col{min-height: 405px;}.card-header-5col{height: 3.5em;}} @media all and (max-width: 1200px){.flyer-item{min-height: 255px; font-size: 12px;}.flyer-item-5col{min-height: 355px;}.s_comparisons_price{font-size: 100% !important;}} @media all and (max-width: 991px){.flyer-item{min-height: 10px !important; font-size: 16px !important;}.flyer5col{width: 100%;}.card-header-5col{height: revert;}.s_comparisons_price{font-size: 200% !important;}} @media all and (min-width: 992px){a.nav-link{max-width: 300px !important;}} #whyceo .benefiticons{margin-top: 30px; padding-left: 15px;} #whyceo .benefiticons .iconsvg{width: 55px; padding: 20px 0;} #whyceo .benefiticons .icontext{width: calc(25% - 55px); padding: 20px 20px 20px 0;} #whyceo .benefiticons img{height: 45px; width: 45px;} #whyceo .benefiticons small{margin-right: 30px;} @media (max-width: 1200px){#whyceo .benefiticons .icontext{width: calc(50% - 55px);}} @media (max-width: 767px){#whyceo .benefiticons .icontext{width: calc(100% - 55px);}} @media screen and (min-width: 768px){#bankinfo .singleline{white-space: nowrap;}} #bankinfo .bankinforow{border-bottom: 1px solid #d3d3d3 !important;} #bankinfo .list-group-item{background-color: #f8f9fa; border: none; margin-bottom: 0;} #bankinfo table{border: none;} #bankinfo .list-group-item table tbody{vertical-align: top; border: none;} #bankinfo .tdlabel{width: 10px;} #bankinfo .table-bankinfo{margin-left: 10px; width: 100%;} #bankinfo .table-bankinfo th{border: none; font-weight: bolder; width: 90px;} .cybro-bg{--brand:#801517; --ink:#0f172a; --muted:#475569; --line:#e5e7eb; --card: rgba(255,255,255,.78); background-size: cover; background-position: center; background-attachment: fixed; position: relative; min-height: 100vh;} .cybro-bg:before{content: ""; position: fixed; inset: 0; pointer-events: none; background: radial-gradient(1200px 700px at 25% 20%, rgba(255, 255, 255, 0.55), rgba(255, 255, 255, 0) 55%), linear-gradient(180deg, rgba(2, 6, 23, 0.28), rgba(2, 6, 23, 0.1) 40%, rgba(2, 6, 23, 0.2)); z-index: 0;} .cybro-bg{position: relative; min-height: 100vh;} .cybro-bg:before{content: ""; position: absolute; inset: 0; pointer-events: none; z-index: 0; background: radial-gradient(1200px 700px at 25% 20%, rgba(255, 255, 255, 0.55), rgba(255, 255, 255, 0) 55%), linear-gradient(180deg, rgba(2, 6, 23, 0.28), rgba(2, 6, 23, 0.1) 40%, rgba(2, 6, 23, 0.2));} .cybro-bg .navbar{background: rgba(255, 255, 255, 0.55) !important; backdrop-filter: blur(14px) saturate(140%); -webkit-backdrop-filter: blur(14px) saturate(140%); border-bottom: 1px solid rgba(15, 23, 42, 0.08); color: var(--ink) !important;} .cybro-bg .navbar a{color: rgba(15, 23, 42, 0.85) !important;} .cybro-bg .navbar a:hover{color: var(--brand) !important;} .cybro-bg footer{background: rgba(255, 255, 255, 0.35) !important; backdrop-filter: blur(14px) saturate(140%); -webkit-backdrop-filter: blur(14px) saturate(140%); border-top: 1px solid rgba(15, 23, 42, 0.08); color: rgba(15, 23, 42, 0.8) !important; padding: 1rem 0 !important;} .cybro-bg .oe_login_form, .cybro-bg .oe_website_login_container, .cybro-bg .o_portal_wrap .oe_login_form, .cybro-bg .auth_signup_form, .cybro-bg .auth_login_form{max-width: 440px; margin: 7vh auto 8vh; padding: 28px 28px 22px; border-radius: 22px; background: var(--card); border: 1px solid rgba(255, 255, 255, 0.4); box-shadow: 0 22px 60px rgba(2, 6, 23, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.4); backdrop-filter: blur(18px) saturate(140%); -webkit-backdrop-filter: blur(18px) saturate(140%);} .cybro-bg .oe_login_form label, .cybro-bg .oe_website_login_container label{color: rgba(15, 23, 42, 0.88); font-weight: 700; margin-bottom: 6px;} .cybro-bg .oe_login_form input, .cybro-bg .oe_website_login_container input, .cybro-bg .auth_signup_form input, .cybro-bg .auth_login_form input{height: 44px; border-radius: 12px; border: 1px solid rgba(15, 23, 42, 0.14); background: rgba(255, 255, 255, 0.85); color: var(--ink); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7);} .cybro-bg .oe_login_form input:focus, .cybro-bg .oe_website_login_container input:focus, .cybro-bg .auth_signup_form input:focus, .cybro-bg .auth_login_form input:focus{outline: none; border-color: rgba(128, 21, 23, 0.45); box-shadow: 0 0 0 3px rgba(128, 21, 23, 0.14);} .cybro-bg .oe_login_form .btn-primary, .cybro-bg .oe_website_login_container .btn-primary, .cybro-bg .auth_signup_form .btn-primary, .cybro-bg .auth_login_form .btn-primary{height: 44px; border-radius: 12px !important; border: 1px solid rgba(0, 0, 0, 0.05); background: var(--brand) !important; box-shadow: 0 14px 30px rgba(128, 21, 23, 0.22); font-weight: 700;} .cybro-bg .oe_login_form .btn-primary:hover, .cybro-bg .oe_website_login_container .btn-primary:hover{filter: brightness(0.95); transform: translateY(-1px);} .cybro-bg .container, .cybro-bg .container-fluid{background: transparent !important;} :root{--cs-grad-start: #801517; --cs-grad-end: #C24242; --cs-brand-gradient: linear-gradient( 90deg, var(--cs-grad-start) 0%, var(--cs-grad-end) 100% );} .o_database_list .btn-primary, .o_database_list button[type="submit"]{background: var(--cs-brand-gradient) !important; border: none !important; color: #ffffff !important; font-weight: 700; letter-spacing: .04em; border-radius: 20px; box-shadow: 0 10px 24px rgba(41, 36, 106, 0.35), 0 6px 18px rgba(128, 21, 23, 0.35);} .o_database_list .btn-primary:hover{filter: brightness(1.08);} .o_database_list .btn-primary:active{transform: translateY(1px); filter: brightness(0.95);} 

/* /ceo_apps_95_agreement_portal/static/src/css/agreement_portal_pdf.css defined in bundle 'web.assets_frontend' */
.o_portal_agreement_pdf_card{padding: 0; overflow: hidden; background: #f5f5f7;} .o_portal_agreement_pdf_frame_wrap{position: relative; padding: 16px; background: #f5f5f7;} .o_portal_agreement_pdf_frame{display: block; width: 100%; min-height: 1300px; height: calc(100vh - 180px); border: 0; background: #525659;} .o_portal_agreement_pdf_note{padding: 14px 16px 0; font-size: 13px; color: #6c757d;} .o_portal_agreement_pdf_note a{font-weight: 600;} .o_portal_agreement_pdf_note_hidden{display: none;} .o_portal_agreement_pdf_loading{position: absolute; inset: 16px; z-index: 2; display: flex; flex-direction: column; align-items: center; justify-content: center; background: rgba(245, 245, 247, .96); color: #495057; text-align: center;} .o_portal_agreement_pdf_spinner{width: 44px; height: 44px; margin-bottom: 14px; border: 3px solid rgba(128, 21, 23, .15); border-top-color: #801517; border-radius: 50%; animation: oPortalAgreementPdfSpin .9s linear infinite;} .o_portal_agreement_pdf_loading_title{font-size: 18px; font-weight: 600;} .o_portal_agreement_pdf_loading_subtitle{margin-top: 6px; font-size: 13px; color: #6c757d;} @keyframes oPortalAgreementPdfSpin{to{transform: rotate(360deg);}} @media (max-width: 991.98px){.o_portal_agreement_pdf_frame_wrap{padding: 10px;}.o_portal_agreement_pdf_loading{inset: 10px;}.o_portal_agreement_pdf_frame{min-height: 900px; height: 75vh;}} 

/* /ceo_apps_373_sale_propose/static/src/css/sale_proposal_portal.css defined in bundle 'web.assets_frontend' */
:root{--cs-proposal-brand: #801517; --cs-proposal-brand-2: #b21c21; --cs-proposal-brand-dark: #4a0d10; --cs-proposal-gold: #b8963e; --cs-proposal-ink: #0f172a; --cs-proposal-muted: #475569; --cs-proposal-line: #e2e8f0; --cs-proposal-soft: #f8fafc; --cs-proposal-panel: #ffffff; --cs-proposal-radius: 16px; --cs-proposal-radius-lg: 22px; --cs-proposal-shadow: 0 16px 46px rgba(2, 6, 23, .08); --cs-proposal-shadow-sm: 0 10px 26px rgba(2, 6, 23, .06);} .o_portal_wrap, body.o_portal{background: #fff;} .o_portal_sale_sidebar{font-family: Manrope, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;} .cs-sale-proposal-shell > .col-lg-auto.d-print-none{display: none !important;} .cs-sale-proposal-shell > .cs-sale-proposal-portal{flex: 0 0 100%; max-width: 100%;} .cs-sale-proposal-shell.cs-shell-comparison-view .o_portal_sidebar, .cs-sale-proposal-shell.cs-shell-comparison-view .o_portal_sidebar .btn, .cs-sale-proposal-shell.cs-shell-comparison-view .o_portal_sidebar a.btn{display: none !important;} .cs-sale-proposal-portal{color: var(--cs-proposal-ink); font-family: Manrope, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;} .cs-sale-proposal-portal > .card{margin: 14px 0 18px; border: 1px solid var(--cs-proposal-line); border-radius: var(--cs-proposal-radius-lg); overflow: hidden; background: var(--cs-proposal-panel); box-shadow: var(--cs-proposal-shadow);} .cs-sale-proposal-portal .cs-proposal-hero{margin: 0; padding: 22px 18px; border-bottom: 1px solid var(--cs-proposal-line); background: radial-gradient(900px 420px at 20% 0%, rgba(128, 21, 23, .14), transparent 55%), linear-gradient(180deg, rgba(255,255,255,.72), rgba(255,255,255,.96)), url("/ceo_apps_057_sale_report/static/img/Portalpage5bg.jpg") center/cover no-repeat; position: relative;} .cs-sale-proposal-portal .cs-proposal-hero::after{content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(255,255,255,.38), rgba(255,255,255,.92) 74%); pointer-events: none;} .cs-sale-proposal-portal .cs-proposal-hero-box{position: relative; z-index: 1; width: 100%; max-width: none; padding: 18px 18px 15px; border: 1px solid var(--cs-proposal-line); border-radius: var(--cs-proposal-radius-lg); background: rgba(255,255,255,.78); box-shadow: 0 18px 48px rgba(2, 6, 23, .10); backdrop-filter: blur(8px);} .cs-sale-proposal-portal .cs-proposal-pill{display: inline-flex; align-items: center; gap: 8px; padding: 7px 10px; border: 1px solid rgba(128, 21, 23, .18); border-radius: 999px; background: rgba(128, 21, 23, .06); color: var(--cs-proposal-brand); font-size: 12.5px; font-weight: 800;} .cs-sale-proposal-portal .cs-proposal-pill::before{content: ""; width: 7px; flex: 0 0 7px; height: 7px; border-radius: 999px; background: var(--cs-proposal-brand);} .cs-sale-proposal-portal .cs-proposal-for-pill{max-width: 100%; color: var(--cs-proposal-brand); font-size: 16px; line-height: 1.25;} .cs-sale-proposal-portal .cs-proposal-for-pill strong{color: var(--cs-proposal-ink); font-size: 12px; font-weight: 900;} .cs-sale-proposal-portal .cs-proposal-hero h1{margin: 10px 0 10px; color: var(--cs-proposal-ink); font-size: clamp(26px, 3.6vw, 44px); line-height: 1.05; font-weight: 900; letter-spacing: -.02em;} .cs-sale-proposal-portal .cs-proposal-hero p{max-width: 760px; margin: 0; color: #334155; font-size: 15.5px; line-height: 1.65;} .cs-sale-proposal-portal .cs-proposal-hero-meta{display: flex; flex-wrap: wrap; gap: 10px; margin-top: 14px; color: #334155; font-size: 13px;} .cs-sale-proposal-portal .cs-proposal-hero-meta span{display: inline-flex; flex-direction: row; align-items: center; justify-content: flex-start; gap: 8px; min-height: 34px; padding: 7px 11px; line-height: 1.25; white-space: nowrap;} .cs-sale-proposal-portal .cs-proposal-hero-meta strong{display: inline; color: var(--cs-proposal-ink); font-size: 12px; font-weight: 900; letter-spacing: 0; text-transform: none;} .cs-sale-proposal-portal .cs-proposal-hero-meta em{font-style: normal;} .cs-sale-proposal-portal .cs-proposal-hero-meta .cs-proposal-meta-important{position: relative; padding-left: 30px; border-color: rgba(128,21,23,.26); background: rgba(128,21,23,.08); color: var(--cs-proposal-brand-dark); font-weight: 800; box-shadow: 0 12px 26px rgba(128,21,23,.10);} .cs-sale-proposal-portal .cs-proposal-hero-meta .cs-proposal-meta-important::before{content: ""; position: absolute; left: 12px; top: 50%; width: 8px; height: 8px; border-radius: 50%; background: var(--cs-proposal-brand); box-shadow: 0 0 0 4px rgba(128,21,23,.12); transform: translateY(-50%);} .cs-sale-proposal-portal .cs-proposal-hero-meta .cs-proposal-meta-date{color: var(--cs-proposal-brand); font-size: 14px; font-weight: 900;} .cs-sale-proposal-portal .cs-proposal-hero-meta .cs-proposal-meta-client{border-color: rgba(128,21,23,.20); background: rgba(128,21,23,.06); color: var(--cs-proposal-brand); min-height: 44px; padding: 9px 16px; font-size: 20px; font-weight: 900; letter-spacing: -.01em;} .cs-sale-proposal-portal .cs-proposal-hero-meta .cs-proposal-meta-client strong{color: var(--cs-proposal-brand);} .cs-sale-proposal-portal .cs-proposal-hero-note{margin-top: 12px; padding: 10px 12px; border: 1px solid rgba(128,21,23,.16); border-left: 4px solid var(--cs-proposal-brand); border-radius: 14px; background: rgba(128,21,23,.06); color: var(--cs-proposal-brand-dark); font-size: 13px; line-height: 1.45; font-weight: 800;} .cs-sale-proposal-portal .cs-special-offer-note{margin-top: 2px; color: var(--cs-proposal-brand-dark); font-size: 13px; line-height: 1.45;} .cs-sale-proposal-portal .cs-special-offer-desc{color: var(--cs-proposal-brand-dark); font-size: 13px; line-height: 1.45;} .cs-sale-proposal-portal .cs-special-offer-note .cs-special-offer-desc{margin-bottom: 2px;} .cs-sale-proposal-portal .cs-special-offer-note .cs-special-offer-timing{color: var(--cs-proposal-brand); font-size: 13px; line-height: 1.45; font-weight: 900;} .cs-sale-proposal-portal .cs-special-offer-note strong{color: var(--cs-proposal-brand); font-weight: 900;} .cs-sale-proposal-portal #introduction{display: none !important; position: relative; margin: 0; padding: 16px 18px !important; border: 0 !important; border-bottom: 1px solid var(--cs-proposal-line) !important; background: linear-gradient(180deg, #ffffff, #fbfbfd); color: var(--cs-proposal-ink);} .cs-sale-proposal-portal .row.justify-content-center.text-center.d-print-none.pt-1.pb-4, .cs-sale-proposal-portal #sale_order_communication{display: none !important;} .cs-sale-proposal-portal #introduction::after{content: ""; position: absolute; left: 18px; bottom: 0; width: 92px; height: 4px; border-radius: 999px 999px 0 0; background: linear-gradient(90deg, var(--cs-proposal-brand), var(--cs-proposal-brand-2));} .cs-sale-proposal-portal #introduction h3, .cs-sale-proposal-portal #introduction h2, .cs-sale-proposal-portal #introduction span, .cs-sale-proposal-portal #introduction em{color: inherit;} .cs-sale-proposal-portal #introduction h3{margin: 0 0 8px; font-size: 18px; line-height: 1.15; font-weight: 900; letter-spacing: -.01em;} .cs-sale-proposal-portal #introduction h2{display: inline-flex; align-items: center; gap: 8px; min-height: 34px; margin: 0; padding: 6px 12px; border: 1px solid rgba(128,21,23,.18); border-radius: 999px; background: rgba(128,21,23,.06); color: var(--cs-proposal-brand); font-size: 13px !important; letter-spacing: .04em; text-transform: uppercase; font-weight: 900;} .cs-sale-proposal-portal #introduction img{max-height: 66px; width: auto; border-radius: var(--cs-proposal-radius); background: #fff; box-shadow: 0 10px 24px rgba(0,0,0,.18);} .cs-sale-proposal-portal #informations{padding: 22px 18px 8px;} .cs-sale-proposal-portal #informations table{margin: 0;} .cs-sale-proposal-portal #informations h3, .cs-sale-proposal-portal #informations h4{margin: 0; color: var(--cs-proposal-brand);} .cs-sale-proposal-portal .cs-centre-showcase{display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(320px, .85fr); gap: 18px; margin: 0 0 18px; align-items: stretch;} .cs-sale-proposal-portal .cs-centre-media{position: relative; min-height: 360px; border: 1px solid var(--cs-proposal-line); border-radius: var(--cs-proposal-radius-lg); overflow: hidden; background: var(--cs-proposal-soft); box-shadow: var(--cs-proposal-shadow-sm);} .cs-sale-proposal-portal .cs-centre-media::after{content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 48%, rgba(15,23,42,.42)); pointer-events: none;} .cs-sale-proposal-portal .cs-centre-media img{width: 100%; height: 100%; min-height: 360px; display: block; object-fit: cover;} .cs-sale-proposal-portal .cs-centre-media-badge{position: absolute; left: 16px; bottom: 16px; z-index: 1; display: inline-flex; align-items: center; min-height: 32px; padding: 7px 11px; border-radius: 999px; background: rgba(255,255,255,.92); color: var(--cs-proposal-brand); font-size: 12px; font-weight: 900; letter-spacing: .04em; text-transform: uppercase; box-shadow: 0 10px 26px rgba(2,6,23,.14);} .cs-sale-proposal-portal .cs-product-photo-badge{display: inline-flex; align-items: center; margin-left: 8px; padding: 2px 8px; border: 1px solid rgba(128,21,23,.18); border-radius: 999px; background: rgba(128,21,23,.06); color: var(--cs-proposal-brand); font-size: 11px; font-weight: 800; letter-spacing: .03em; vertical-align: middle; white-space: nowrap; text-decoration: none !important; box-shadow: none !important;} .cs-sale-proposal-portal .cs-product-photo-badge:hover, .cs-sale-proposal-portal .cs-product-photo-badge:focus{background: rgba(128,21,23,.1); color: var(--cs-proposal-brand); text-decoration: none !important;} .cs-product-photo-modal .modal-content{border-radius: var(--cs-proposal-radius-lg); overflow: hidden;} .cs-product-photo-modal .modal-body{padding: 12px; background: #f8fafc;} .cs-product-photo-modal-image{width: 100%; max-height: 72vh; display: block; object-fit: contain; border-radius: 12px; background: #fff;} .cs-sale-proposal-portal .cs-centre-panel{padding: 18px; border: 1px solid var(--cs-proposal-line); border-radius: var(--cs-proposal-radius-lg); background: #fff; box-shadow: var(--cs-proposal-shadow-sm);} .cs-sale-proposal-portal .cs-centre-panel .cs-centre-title{margin: 12px 0 10px; color: var(--cs-proposal-ink); font-size: 26px; line-height: 1.12; font-weight: 900; letter-spacing: -.02em;} .cs-sale-proposal-portal .cs-centre-panel p{margin: 0; color: var(--cs-proposal-muted); font-size: 14px; line-height: 1.65;} .cs-sale-proposal-portal .cs-centre-facts{display: grid; gap: 8px; margin-top: 16px;} .cs-sale-proposal-portal .cs-centre-facts > span{display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 38px; padding: 8px 10px; color: var(--cs-proposal-muted); font-size: 13px;} .cs-sale-proposal-portal .cs-centre-facts strong{color: var(--cs-proposal-ink); font-weight: 900;} .cs-sale-proposal-portal .cs-centre-facts .cs-centre-fact-value{white-space: nowrap; overflow-wrap: normal; word-break: keep-all;} .cs-sale-proposal-portal .cs-centre-facts a{color: var(--cs-proposal-brand); font-weight: 800; text-decoration: none;} .cs-sale-proposal-portal .cs-bundled-with-cell{border-top: 0 !important; border-bottom: none !important; background: rgba(128, 21, 23, .04);} .cs-sale-proposal-portal .cs-bundled-with-label{text-decoration: none !important;} .cs-sale-proposal-portal .cs-bundled-with-row td, .cs-sale-proposal-portal .cs-bundled-with-row th{border-top: 0 !important; background: rgba(128, 21, 23, .04) !important;} .cs-sale-proposal-portal .cs-centre-amenities{margin-top: 16px; padding-top: 14px; border-top: 1px solid var(--cs-proposal-line); color: var(--cs-proposal-muted); font-size: 13.5px; line-height: 1.6;} .cs-sale-proposal-portal .cs-centre-amenities > strong{display: block; margin-bottom: 6px; color: var(--cs-proposal-ink); font-weight: 900;} .cs-sale-proposal-portal section#details, .cs-sale-proposal-portal section#ceo_quotation_details, .cs-sale-proposal-portal #bankinfo{margin: 0; padding: 24px 18px !important;} .cs-sale-proposal-portal section#details + section#ceo_quotation_details, .cs-sale-proposal-portal section#ceo_quotation_details + section#details{border-top: 1px solid var(--cs-proposal-line);} .cs-sale-proposal-portal h3#details, .cs-sale-proposal-portal section#ceo_quotation_details > h3, .cs-sale-proposal-portal section#details > h3{display: flex; align-items: center; gap: 12px; margin: 0 0 18px; padding: 0; color: var(--cs-proposal-ink); font-size: 23px; line-height: 1.25; font-weight: 900; letter-spacing: -.01em;} .cs-sale-proposal-portal h3#details::before, .cs-sale-proposal-portal section#ceo_quotation_details > h3::before, .cs-sale-proposal-portal section#details > h3::before{content: ""; display: inline-block; width: 4px; height: 26px; border-radius: 99px; background: linear-gradient(180deg, var(--cs-proposal-brand), var(--cs-proposal-gold)); flex: 0 0 auto;} .cs-sale-proposal-portal #solution, .cs-sale-proposal-portal #sales_order_table, .cs-sale-proposal-portal #total, .cs-sale-proposal-portal #bankinfo, .cs-sale-proposal-portal #free_product_comparison, .cs-sale-proposal-portal #free_product{position: relative;} .cs-sale-proposal-portal #free_product{margin: 0; padding: 24px 18px !important;} .cs-sale-proposal-portal #special_price_product, .cs-sale-proposal-portal #optional_product{margin: 0; padding: 24px 18px !important;} .cs-sale-proposal-portal #free_product_comparison{margin: 0;} .cs-sale-proposal-portal.cs-comparison-view #free_product{display: none;} .cs-sale-proposal-portal #free_product > t:first-child, .cs-sale-proposal-portal #free_product > div, .cs-sale-proposal-portal #free_product > table, .cs-sale-proposal-portal #free_product #whyceo{position: relative;} .cs-sale-proposal-portal #free_product h3{display: flex; align-items: center; gap: 12px; margin: 0 0 18px !important; padding: 0 !important; color: var(--cs-proposal-ink); font-size: 23px; line-height: 1.25; font-weight: 900; letter-spacing: -.01em;} .cs-sale-proposal-portal #special_price_product h3, .cs-sale-proposal-portal #optional_product h3{display: flex; align-items: center; gap: 12px; margin: 0 0 18px !important; padding: 0 !important; color: var(--cs-proposal-ink); font-size: 23px; line-height: 1.25; font-weight: 900; letter-spacing: -.01em;} .cs-sale-proposal-portal #free_product h3::before{content: ""; display: inline-block; width: 4px; height: 26px; border-radius: 999px; background: linear-gradient(180deg, var(--cs-proposal-brand), var(--cs-proposal-gold)); flex: 0 0 auto;} .cs-sale-proposal-portal #special_price_product h3::before, .cs-sale-proposal-portal #optional_product h3::before{content: ""; display: inline-block; width: 4px; height: 26px; border-radius: 999px; background: linear-gradient(180deg, var(--cs-proposal-brand), var(--cs-proposal-gold)); flex: 0 0 auto;} .cs-sale-proposal-portal #free_product .cs-benefits-wrapper{border: 1px solid var(--cs-proposal-line); border-radius: var(--cs-proposal-radius-lg); background: radial-gradient(760px 220px at 10% 0%, rgba(128, 21, 23, .08), transparent 55%), linear-gradient(180deg, #ffffff 0%, #fbfdff 100%); box-shadow: var(--cs-proposal-shadow-sm);} .cs-sale-proposal-portal #special_price_product > .table, .cs-sale-proposal-portal #optional_product > .table, .cs-sale-proposal-portal #special_price_product > .table-responsive, .cs-sale-proposal-portal #optional_product > .table-responsive{margin-top: 0;} .cs-sale-proposal-portal #free_product .cs-benefits-section-label{display: flex; align-items: center; gap: 7px; margin-bottom: 12px; font-size: 11px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--cs-proposal-brand);} .cs-sale-proposal-portal #free_product .cs-benefits-address-section{padding: 16px; border-top: 1px solid var(--cs-proposal-line);} .cs-sale-proposal-portal #free_product .cs-benefits-address-section:first-child{border-top: none;} .cs-sale-proposal-portal #free_product .cs-benefits-address-cards{display: flex; flex-wrap: wrap; gap: 10px;} .cs-sale-proposal-portal #free_product .cs-benefits-address-card{flex: 0 1 auto; min-width: 200px; padding: 12px 14px; border: 1px solid var(--cs-proposal-line); border-radius: 12px; background: #fff; box-shadow: 0 2px 8px rgba(2,6,23,.05);} .cs-sale-proposal-portal #free_product .cs-benefit-primary{display: block; font-size: 14px; font-weight: 700; color: var(--cs-proposal-ink); margin-bottom: 2px;} .cs-sale-proposal-portal #free_product .cs-benefit-secondary{display: block; font-size: 12.5px; color: var(--cs-proposal-muted); line-height: 1.4;} .cs-sale-proposal-portal #free_product .cs-benefits-perks-section{padding: 16px;} .cs-sale-proposal-portal #free_product .cs-benefits-pills{display: block; line-height: 2;} .cs-sale-proposal-portal #free_product .cs-benefit-pill{display: inline; font-size: 13px; color: var(--cs-proposal-ink); margin-right: 14px;} .cs-sale-proposal-portal #free_product .cs-benefit-pill::before{content: "\2713"; display: inline-block; width: 18px; height: 18px; line-height: 18px; text-align: center; vertical-align: middle; border-radius: 999px; background: rgba(128,21,23,.08); color: var(--cs-proposal-brand); font-size: 11px; font-weight: 900; margin-right: 4px;} .cs-sale-proposal-portal #free_product #whyceo{margin-top: 22px; padding: 24px 24px 22px; border: 1px solid rgba(128, 21, 23, .12); border-radius: var(--cs-proposal-radius-lg); background: radial-gradient(760px 220px at 10% 0%, rgba(128, 21, 23, .08), transparent 55%), linear-gradient(180deg, #ffffff 0%, #fbfdff 100%); box-shadow: var(--cs-proposal-shadow);} .cs-sale-proposal-portal #free_product #whyceo h3{margin-top: 0 !important;} .cs-sale-proposal-portal #free_product .benefiticons{display: grid; grid-template-columns: 64px minmax(240px, 1fr) 64px minmax(240px, 1fr); gap: 14px 12px; margin: 0; align-items: start;} .cs-sale-proposal-portal #free_product .iconsvg{width: 64px !important; height: 64px; display: flex !important; align-items: center !important; justify-content: center !important; border: 1px solid rgba(128,21,23,.14); border-radius: 16px; background: rgba(128,21,23,.05); box-shadow: 0 10px 22px rgba(2,6,23,.04); align-self: start; justify-self: center; line-height: 0 !important; font-size: 0 !important;} .cs-sale-proposal-portal #free_product .iconsvg img{max-width: 38px; max-height: 38px;} .cs-sale-proposal-portal #free_product .cs-benefit-icon{width: 40px !important; height: 40px !important; min-width: 40px; display: block !important; flex: 0 0 40px; border-radius: 14px; box-shadow: 0 12px 24px rgba(128,21,23,.18); overflow: visible; opacity: 1 !important; visibility: visible !important; margin: 0 !important; vertical-align: top !important;} .cs-sale-proposal-portal #free_product .cs-benefit-icon-bg{fill: var(--cs-proposal-brand);} .cs-sale-proposal-portal #free_product .cs-benefit-icon path, .cs-sale-proposal-portal #free_product .cs-benefit-icon circle:not(.cs-benefit-icon-bg){fill: none; stroke: #fff; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round;} .cs-sale-proposal-portal #free_product .cs-benefit-icon circle:not(.cs-benefit-icon-bg){fill: #fff;} .cs-sale-proposal-portal #free_product .icontext{width: auto !important; min-width: 0; padding: 4px 8px 4px 0; color: var(--cs-proposal-muted); font-size: 13.5px; line-height: 1.55;} .cs-sale-proposal-portal #free_product .icontext a{color: inherit; text-decoration: none;} .cs-sale-proposal-portal #free_product .icontext b{display: inline-block; margin-bottom: 3px; color: var(--cs-proposal-ink); font-size: 14px; font-weight: 900;} .cs-sale-proposal-portal #free_product_comparison #whyceo{margin-top: 0; padding: 24px 24px 22px; border: 1px solid rgba(128, 21, 23, .12); border-radius: var(--cs-proposal-radius-lg); background: radial-gradient(760px 220px at 10% 0%, rgba(128, 21, 23, .08), transparent 55%), linear-gradient(180deg, #ffffff 0%, #fbfdff 100%); box-shadow: var(--cs-proposal-shadow);} .cs-sale-proposal-portal #free_product_comparison h3{display: flex; align-items: center; gap: 12px; margin: 0 0 18px !important; padding: 0 !important; color: var(--cs-proposal-ink); font-size: 23px; line-height: 1.25; font-weight: 900; letter-spacing: -.01em;} .cs-sale-proposal-portal #free_product_comparison h3::before{content: ""; display: inline-block; width: 4px; height: 26px; border-radius: 999px; background: linear-gradient(180deg, var(--cs-proposal-brand), var(--cs-proposal-gold)); flex: 0 0 auto;} .cs-sale-proposal-portal #free_product_comparison .benefiticons{display: grid; grid-template-columns: 64px minmax(240px, 1fr) 64px minmax(240px, 1fr); gap: 14px 12px; margin: 0; align-items: start;} .cs-sale-proposal-portal #free_product_comparison .iconsvg{width: 64px !important; height: 64px; display: flex !important; align-items: center !important; justify-content: center !important; align-self: start; justify-self: center; line-height: 0 !important; font-size: 0 !important;} .cs-sale-proposal-portal #free_product_comparison .cs-benefit-icon{width: 40px !important; height: 40px !important; min-width: 40px; display: block !important; flex: 0 0 40px; border-radius: 14px; box-shadow: 0 12px 24px rgba(128,21,23,.18); overflow: visible; opacity: 1 !important; visibility: visible !important; margin: 0 !important; vertical-align: top !important;} .cs-sale-proposal-portal #free_product_comparison .icontext{width: auto !important; min-width: 0; padding: 4px 8px 4px 0; color: var(--cs-proposal-muted); font-size: 13.5px; line-height: 1.55;} .cs-sale-proposal-portal #free_product_comparison .icontext a{color: inherit; text-decoration: none;} .cs-sale-proposal-portal #free_product_comparison .icontext b{display: inline-block; margin-bottom: 3px; color: var(--cs-proposal-ink); font-size: 14px; font-weight: 900;} .cs-sale-proposal-portal table.table{width: 100%; margin-bottom: 0; border-collapse: separate; border-spacing: 0; border: 1px solid var(--cs-proposal-line); border-radius: var(--cs-proposal-radius); overflow: hidden; background: #fff; box-shadow: var(--cs-proposal-shadow-sm);} .cs-sale-proposal-portal table.table thead, .cs-sale-proposal-portal table.table thead.bg-100, .cs-sale-proposal-portal table.table thead.bg-101{background: var(--cs-proposal-ink) !important;} .cs-sale-proposal-portal table.table thead th{padding: 12px 14px; border: 0; color: #fff; font-size: 11px; font-weight: 900; letter-spacing: .045em; text-transform: uppercase; vertical-align: middle;} .cs-sale-proposal-portal table.table thead th:first-child{border-top-left-radius: var(--cs-proposal-radius);} .cs-sale-proposal-portal table.table thead th:last-child{border-top-right-radius: var(--cs-proposal-radius);} .cs-sale-proposal-portal #quotation_preview_table thead th:last-child, .cs-sale-proposal-portal #quotation_preview_table tbody td:last-child{padding-right: 14px !important;} .cs-sale-proposal-portal table.table tbody td, .cs-sale-proposal-portal table.table tbody th{padding: 13px 14px !important; border-top: 1px solid var(--cs-proposal-line); color: var(--cs-proposal-ink); vertical-align: top;} .cs-sale-proposal-portal table.table tbody tr:first-child td, .cs-sale-proposal-portal table.table tbody tr:first-child th{border-top: 0;} .cs-sale-proposal-portal table.table tbody tr:hover td{background: #fbfcfe;} .cs-sale-proposal-portal .quotation_tbody td, .cs-sale-proposal-portal .quotation_tbody th{border-top: 0 !important;} .cs-sale-proposal-portal .quotation_tbody tr:nth-child(odd):not(.cs-quotation-classification-row) > td, .cs-sale-proposal-portal .quotation_tbody tr:nth-child(odd):not(.cs-quotation-classification-row) > th{background: #fafbfc;} .cs-sale-proposal-portal .quotation_tbody tr:nth-child(even):not(.cs-quotation-classification-row) > td, .cs-sale-proposal-portal .quotation_tbody tr:nth-child(even):not(.cs-quotation-classification-row) > th{background: #ffffff;} .cs-sale-proposal-portal .quotation_tbody tr:hover:not(.cs-quotation-classification-row) > td, .cs-sale-proposal-portal .quotation_tbody tr:hover:not(.cs-quotation-classification-row) > th{background: #f2f5f8;} .cs-sale-proposal-portal .quotation_tbody tr.cs-addon-row-odd[class] > td, .cs-sale-proposal-portal .quotation_tbody tr.cs-addon-row-odd[class] > th{background: #fafbfc;} .cs-sale-proposal-portal .quotation_tbody tr.cs-addon-row-even[class] > td, .cs-sale-proposal-portal .quotation_tbody tr.cs-addon-row-even[class] > th{background: #ffffff;} .cs-sale-proposal-portal .quotation_tbody tr.cs-addon-row-odd[class]:hover > td, .cs-sale-proposal-portal .quotation_tbody tr.cs-addon-row-odd[class]:hover > th, .cs-sale-proposal-portal .quotation_tbody tr.cs-addon-row-even[class]:hover > td, .cs-sale-proposal-portal .quotation_tbody tr.cs-addon-row-even[class]:hover > th{background: #f2f5f8;} .cs-sale-proposal-portal .quotation_tbody .cs-quotation-classification-row > td, .cs-sale-proposal-portal .quotation_tbody .cs-quotation-classification-row > th, .cs-sale-proposal-portal .quotation_tbody .cs-quotation-classification-cell{background: rgba(128,21,23,.06) !important; color: var(--cs-proposal-brand); font-weight: 900; letter-spacing: .02em; border-top: 0 !important;} .cs-sale-proposal-portal table.table td[bgcolor="#DFDEDE"]:not(.cs-quotation-classification-cell), .cs-sale-proposal-portal table.table td[bgcolor="#dfdede"]:not(.cs-quotation-classification-cell), .cs-sale-proposal-portal table.table #product_name[bgcolor="#DFDEDE"]:not(.cs-quotation-classification-cell){background: rgba(128,21,23,.06) !important; color: var(--cs-proposal-brand); font-weight: 900; letter-spacing: .02em;} .cs-sale-proposal-portal .text-danger{color: #a33b3f !important;} .cs-sale-proposal-portal #total{margin-top: 20px;} .cs-sale-proposal-portal #total .ml-auto{max-width: 430px;} .cs-sale-proposal-portal #total table{border-color: rgba(128, 21, 23, .16); box-shadow: var(--cs-proposal-shadow-sm);} .cs-sale-proposal-portal #total tr:last-child td{background: linear-gradient(135deg, var(--cs-proposal-brand), var(--cs-proposal-brand-2)); color: #fff; border-top: 0; font-size: 18px; font-weight: 700;} .cs-sale-proposal-portal #total tr:last-child td:first-child{border-bottom-left-radius: var(--cs-proposal-radius);} .cs-sale-proposal-portal #total tr:last-child td:last-child{border-bottom-right-radius: var(--cs-proposal-radius);} .cs-sale-proposal-portal #bankinfo{margin-top: 24px;} .cs-sale-proposal-portal #bankinfo .bg-100{border-radius: var(--cs-proposal-radius) var(--cs-proposal-radius) 0 0; background: var(--cs-proposal-ink) !important; color: #fff; font-weight: 700; letter-spacing: .02em;} .cs-sale-proposal-portal .bankinforow .list-group-item{border-color: var(--cs-proposal-line);} .cs-sale-proposal-portal #sale_order_communication{margin-top: 28px !important; padding: 24px 28px; border-radius: var(--cs-proposal-radius); background: #fff; box-shadow: var(--cs-proposal-shadow-sm);} .cs-sale-proposal-portal #sale_order_communication h2{margin-bottom: 16px; color: var(--cs-proposal-ink); font-size: 22px; font-weight: 900;} .cs-sale-proposal-portal .cs-proposal-ending-wrap{margin-top: 28px;} .cs-sale-proposal-portal .cs-proposal-ending-card{padding: 24px 24px 22px; border: 1px solid rgba(128, 21, 23, .12); border-radius: var(--cs-proposal-radius-lg); background: radial-gradient(760px 220px at 10% 0%, rgba(128, 21, 23, .08), transparent 55%), linear-gradient(180deg, #ffffff 0%, #fbfdff 100%); box-shadow: var(--cs-proposal-shadow);} .cs-sale-proposal-portal .cs-proposal-ending-copy{padding: 0 8px;} .cs-sale-proposal-portal .cs-proposal-ending-copy .cs-proposal-ending-title{margin: 10px 0 8px; color: var(--cs-proposal-ink); font-size: clamp(22px, 2.4vw, 30px); font-weight: 900; letter-spacing: -.02em;} .cs-sale-proposal-portal .cs-proposal-ending-copy p{max-width: 760px; margin: 0; color: var(--cs-proposal-muted); font-size: 15px; line-height: 1.7;} .cs-sale-proposal-portal .cs-proposal-ending-pill{background: rgba(128, 21, 23, .08); border-color: rgba(128, 21, 23, .18);} .cs-sale-proposal-portal .cs-proposal-progress-in-ending{margin: 18px 0 4px; padding: 14px 16px; border-radius: 10px; background: rgba(128, 21, 23, .03); border: 1px solid rgba(128, 21, 23, .08);} .cs-sale-proposal-portal .cs-progress-in-ending-label{font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: .07em; color: var(--cs-proposal-brand, #801517); margin-bottom: 10px;} .cs-sale-proposal-portal .cs-progress-in-ending-track{align-items: center; gap: 4px; flex-wrap: wrap;} .cs-sale-proposal-portal .cs-progress-in-ending-step{display: flex; align-items: center; gap: 6px; padding: 5px 10px 5px 6px; border-radius: 20px; border: 1px solid rgba(128, 21, 23, .18); background: rgba(128, 21, 23, .05); cursor: default; user-select: none;} .cs-sale-proposal-portal .cs-progress-in-ending-step.cs-step-done{border-color: rgba(19, 143, 78, .3); background: rgba(19, 143, 78, .07);} .cs-sale-proposal-portal .cs-progress-in-ending-step.cs-step-current{border-color: var(--cs-proposal-brand, #801517); background: rgba(128, 21, 23, .10);} .cs-sale-proposal-portal .cs-progress-step-num{width: 22px; height: 22px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 700; flex-shrink: 0; line-height: 1; background: rgba(128, 21, 23, .12); color: #801517; border: 1px solid rgba(128, 21, 23, .25);} .cs-sale-proposal-portal .cs-step-done .cs-progress-step-num{background: rgba(19, 143, 78, .25); color: #0b6e38; border-color: rgba(19, 143, 78, .5);} .cs-sale-proposal-portal .cs-step-current .cs-progress-step-num{background: var(--cs-proposal-brand, #801517); color: #fff; border-color: var(--cs-proposal-brand, #801517);} .cs-sale-proposal-portal .cs-progress-step-text{font-size: 12px; font-weight: 600; color: #801517; white-space: nowrap;} .cs-sale-proposal-portal .cs-step-done .cs-progress-step-text{color: #138f4e;} .cs-sale-proposal-portal .cs-step-pending .cs-progress-step-text{color: #94807d; font-weight: 500;} .cs-sale-proposal-portal .cs-progress-in-ending-connector{font-size: 11px; color: #b8a8a5; flex-shrink: 0; padding: 0 2px;} .cs-stepper{display: flex; align-items: flex-start; width: 100%;} .cs-step{flex: 1; display: flex; flex-direction: column; align-items: center; min-width: 0;} .cs-step-conn{flex: 1 1 0; height: 2px; margin-top: 17px; background: #dee2e6; flex-shrink: 1;} .cs-step-conn--done{background: rgba(19,143,78,.45);} .cs-step-circle{width: 36px; height: 36px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 15px; border: 2px solid #dee2e6; background: #fff; color: #adb5bd; flex-shrink: 0;} .cs-step--done .cs-step-circle{border-color: rgba(19,143,78,.55); background: rgba(19,143,78,.12); color: #138f4e;} .cs-step--active .cs-step-circle{border-color: #801517; background: #801517; color: #fff;} .cs-step-label{margin-top: 8px; text-align: center; font-size: 12px; font-weight: 700; color: #adb5bd; line-height: 1.3; padding: 0 4px;} .cs-step--done .cs-step-label{color: #138f4e;} .cs-step--active .cs-step-label{color: #801517;} .cs-step-sub{margin-top: 2px; text-align: center; font-size: 11px; font-weight: 400; color: #ced4da; line-height: 1.3; padding: 0 4px;} .cs-step--done .cs-step-sub{color: #2f7a57;} .cs-step--active .cs-step-sub{color: #5a2327;} .cs-sale-proposal-portal .cs-proposal-ending-grid{display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin-top: 18px;} .cs-sale-proposal-portal .cs-proposal-ending-item{padding: 16px 16px 15px; border: 1px solid var(--cs-proposal-line); border-radius: 14px; background: #fff;} .cs-sale-proposal-portal .cs-proposal-ending-label{display: block; margin-bottom: 6px; color: #64748b; font-size: 12px; font-weight: 800; letter-spacing: .02em; text-transform: uppercase;} .cs-sale-proposal-portal .cs-proposal-ending-item strong{color: var(--cs-proposal-ink); font-size: 15px; line-height: 1.5;} .cs-sale-proposal-portal .cs-proposal-ending-note{margin-top: 14px; padding: 12px 14px; border-left: 4px solid var(--cs-proposal-brand); border-radius: 12px; background: rgba(128, 21, 23, .05); color: #5b1c20; font-size: 13.5px; line-height: 1.6;} .cs-sale-proposal-portal .cs-proposal-ending-actions{display: flex; flex-wrap: wrap; gap: 10px; margin-top: 18px; align-items: stretch;} .cs-sale-proposal-portal .cs-proposal-ending-action{display: flex; flex-direction: column; gap: 0; flex: 0 1 260px; align-items: stretch;} .cs-sale-proposal-portal .cs-proposal-ending-cta{width: 100%; min-height: 48px; border-radius: 999px; padding: 10px 16px; text-align: center; white-space: normal; display: flex; flex-direction: column; justify-content: center; gap: 0; border-width: 1px; align-self: stretch;} .cs-sale-proposal-portal .cs-proposal-ending-cta i{margin-right: 0; margin-bottom: 4px; font-size: 13px;} .cs-sale-proposal-portal .btn-primary.cs-proposal-ending-cta{border: 1px solid transparent; background: linear-gradient(135deg, var(--cs-proposal-brand) 0%, var(--cs-proposal-brand-2) 100%); box-shadow: 0 14px 32px rgba(128, 21, 23, .24);} .cs-sale-proposal-portal .btn-primary.cs-proposal-ending-cta:hover, .cs-sale-proposal-portal .btn-primary.cs-proposal-ending-cta:focus{background: linear-gradient(135deg, var(--cs-proposal-brand-dark) 0%, var(--cs-proposal-brand) 100%); box-shadow: 0 16px 38px rgba(128, 21, 23, .30);} .cs-sale-proposal-portal .btn-secondary.cs-proposal-ending-cta{background: #fff; border-color: var(--cs-proposal-line); color: var(--cs-proposal-ink);} .cs-sale-proposal-portal .btn-secondary.cs-proposal-ending-cta:hover, .cs-sale-proposal-portal .btn-secondary.cs-proposal-ending-cta:focus{border-color: rgba(128, 21, 23, .30); color: var(--cs-proposal-brand);} .cs-sale-proposal-portal .cs-proposal-ending-cta-secondary{box-shadow: none;} .cs-sale-proposal-shell .cs-proposal-ending-cta-option, .cs-sale-proposal-portal .cs-proposal-ending-cta-option{border: 1px solid transparent; color: #fff; box-shadow: 0 14px 32px rgba(15, 23, 42, .16);} .cs-sale-proposal-shell .cs-proposal-ending-cta-option:hover, .cs-sale-proposal-shell .cs-proposal-ending-cta-option:focus, .cs-sale-proposal-portal .cs-proposal-ending-cta-option:hover, .cs-sale-proposal-portal .cs-proposal-ending-cta-option:focus{color: #fff; transform: translateY(-1px);} .cs-sale-proposal-shell .cs-proposal-ending-cta-option-1, .cs-sale-proposal-portal .cs-proposal-ending-cta-option-1{background: linear-gradient(135deg, var(--cs-proposal-brand) 0%, var(--cs-proposal-brand-2) 100%); box-shadow: 0 14px 32px rgba(128, 21, 23, .24);} .cs-sale-proposal-shell .cs-proposal-ending-cta-option-1:hover, .cs-sale-proposal-shell .cs-proposal-ending-cta-option-1:focus, .cs-sale-proposal-portal .cs-proposal-ending-cta-option-1:hover, .cs-sale-proposal-portal .cs-proposal-ending-cta-option-1:focus{background: linear-gradient(135deg, var(--cs-proposal-brand-dark) 0%, var(--cs-proposal-brand) 100%); box-shadow: 0 16px 38px rgba(128, 21, 23, .30);} .cs-sale-proposal-shell .cs-proposal-ending-cta-option-2, .cs-sale-proposal-portal .cs-proposal-ending-cta-option-2{background: linear-gradient(135deg, #1f1b54 0%, #29246a 100%); box-shadow: 0 14px 32px rgba(41, 36, 106, .24);} .cs-sale-proposal-shell .cs-proposal-ending-cta-option-2:hover, .cs-sale-proposal-shell .cs-proposal-ending-cta-option-2:focus, .cs-sale-proposal-portal .cs-proposal-ending-cta-option-2:hover, .cs-sale-proposal-portal .cs-proposal-ending-cta-option-2:focus{background: linear-gradient(135deg, #17143f 0%, #221d59 100%); box-shadow: 0 16px 38px rgba(41, 36, 106, .30);} .cs-sale-proposal-shell .cs-proposal-ending-cta-option-3, .cs-sale-proposal-portal .cs-proposal-ending-cta-option-3{background: linear-gradient(135deg, #5fb6a5 0%, #82cdbe 100%); box-shadow: 0 14px 32px rgba(130, 205, 190, .26);} .cs-sale-proposal-shell .cs-proposal-ending-cta-option-3:hover, .cs-sale-proposal-shell .cs-proposal-ending-cta-option-3:focus, .cs-sale-proposal-portal .cs-proposal-ending-cta-option-3:hover, .cs-sale-proposal-portal .cs-proposal-ending-cta-option-3:focus{background: linear-gradient(135deg, #4ca997 0%, #6abfae 100%); box-shadow: 0 16px 38px rgba(130, 205, 190, .32);} .cs-sale-proposal-shell .cs-proposal-ending-cta-option-4, .cs-sale-proposal-shell .cs-proposal-ending-cta-option-5, .cs-sale-proposal-shell .cs-proposal-ending-cta-option-6, .cs-sale-proposal-portal .cs-proposal-ending-cta-option-4, .cs-sale-proposal-portal .cs-proposal-ending-cta-option-5, .cs-sale-proposal-portal .cs-proposal-ending-cta-option-6{background: linear-gradient(135deg, #d97706 0%, #b45309 100%); box-shadow: 0 14px 32px rgba(217, 119, 6, .24);} .cs-sale-proposal-shell .cs-proposal-ending-cta-option-4:hover, .cs-sale-proposal-shell .cs-proposal-ending-cta-option-4:focus, .cs-sale-proposal-shell .cs-proposal-ending-cta-option-5:hover, .cs-sale-proposal-shell .cs-proposal-ending-cta-option-5:focus, .cs-sale-proposal-shell .cs-proposal-ending-cta-option-6:hover, .cs-sale-proposal-shell .cs-proposal-ending-cta-option-6:focus, .cs-sale-proposal-portal .cs-proposal-ending-cta-option-4:hover, .cs-sale-proposal-portal .cs-proposal-ending-cta-option-4:focus, .cs-sale-proposal-portal .cs-proposal-ending-cta-option-5:hover, .cs-sale-proposal-portal .cs-proposal-ending-cta-option-5:focus, .cs-sale-proposal-portal .cs-proposal-ending-cta-option-6:hover, .cs-sale-proposal-portal .cs-proposal-ending-cta-option-6:focus{background: linear-gradient(135deg, #b45309 0%, #92400e 100%); box-shadow: 0 16px 38px rgba(217, 119, 6, .30);} .cs-sale-proposal-portal .cs-proposal-action-title{display: block; color: inherit; font-size: 13px; font-weight: 900; line-height: 1.2; letter-spacing: -.01em;} .cs-sale-proposal-portal .cs-proposal-action-note{display: block; color: var(--cs-proposal-muted); font-size: 10.5px; line-height: 1.35; text-align: center; margin-top: 6px;} .cs-sale-proposal-portal .cs-proposal-ending-item .cs-proposal-action-note{text-align: left; margin-top: 6px;} .o_portal_sale_sidebar > .col-lg-auto, .o_portal_sale_sidebar .o_portal_sidebar, .o_portal_sale_sidebar .o_portal_sidebar_content{font-family: Manrope, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;} .cs-sale-proposal-shell #sidebar_content, .cs-sale-proposal-portal #sidebar_content{border: 1px solid var(--cs-proposal-line) !important; border-radius: var(--cs-proposal-radius) !important; overflow: hidden; background: #fff; box-shadow: var(--cs-proposal-shadow-sm);} .cs-sale-proposal-shell #sidebar_content > .card-body, .cs-sale-proposal-portal #sidebar_content > .card-body{border-top-left-radius: var(--cs-proposal-radius) !important; border-top-right-radius: var(--cs-proposal-radius) !important;} .cs-sale-proposal-shell #sidebar_content > .card-footer, .cs-sale-proposal-portal #sidebar_content > .card-footer{border-bottom-left-radius: var(--cs-proposal-radius) !important; border-bottom-right-radius: var(--cs-proposal-radius) !important; background: linear-gradient(180deg, #ffffff 0%, #fafafa 100%); border-top: 1px solid var(--cs-proposal-line);} .cs-sale-proposal-shell .bs-sidenav, .cs-sale-proposal-portal .bs-sidenav{display: grid; gap: 2px; padding: 0 0 0 18px; margin: 0;} .cs-sale-proposal-shell .bs-sidenav > li, .cs-sale-proposal-portal .bs-sidenav > li{margin: 0;} .cs-sale-proposal-shell .bs-sidenav a, .cs-sale-proposal-portal .bs-sidenav a{display: flex; align-items: center; gap: 8px; padding: 9px 0; border: 0; border-radius: 0; background: transparent; color: #334155 !important; font-size: 13px; font-weight: 700; line-height: 1.25; text-decoration: none !important; box-shadow: none; transition: transform .16s ease, color .16s ease, opacity .16s ease;} .cs-sale-proposal-shell .bs-sidenav a::before, .cs-sale-proposal-portal .bs-sidenav a::before{content: ""; width: 6px; height: 6px; border-radius: 999px; flex: 0 0 6px; background: #cbd5e1; box-shadow: none;} .cs-sale-proposal-shell .bs-sidenav a:hover, .cs-sale-proposal-portal .bs-sidenav a:hover{transform: translateX(1px); color: var(--cs-proposal-brand) !important;} .cs-sale-proposal-shell .bs-sidenav .active, .cs-sale-proposal-portal .bs-sidenav .active, .cs-sale-proposal-shell .bs-sidenav .active a, .cs-sale-proposal-portal .bs-sidenav .active a{color: var(--cs-proposal-brand) !important;} .cs-sale-proposal-shell .bs-sidenav .active a::before, .cs-sale-proposal-portal .bs-sidenav .active a::before{background: var(--cs-proposal-brand); box-shadow: none;} .cs-sale-proposal-shell .bs-sidenav a small, .cs-sale-proposal-portal .bs-sidenav a small{display: block; margin-top: 2px; color: #64748b; font-size: 11px; font-weight: 600; line-height: 1.25;} .cs-sale-proposal-shell .cs-sidebar-nav-intro, .cs-sale-proposal-portal .cs-sidebar-nav-intro{margin: 0 0 10px 18px; color: #64748b; font-size: 12px; line-height: 1.45;} .cs-sale-proposal-portal #quote_content h2[id^="quote_header_"], .cs-sale-proposal-portal #quote_content h3[id^="quote_"]{scroll-margin-top: 96px;} #modalrequestrevise .modal-header, #modalrequestrevise .modal-header .modal-title{background: var(--brand-pale) !important; color: var(--brand) !important;} #modalrequestrevise .modal-header{border-bottom: 1px solid rgba(128, 21, 23, .12) !important;} #modalrequestrevise .modal-body h6, #modalrequestrevise .modal-body .cs-revise-addons-header, #modalrequestrevise .modal-body .table-responsive thead th, #modalrequestrevise .modal-body .table-responsive .table thead th{color: var(--brand) !important;} #modalrequestrevise .modal-body .table-responsive, #modalrequestrevise .modal-body .table-responsive .table{background: #fff !important;} #modalrequestrevise .modal-body .table-responsive thead, #modalrequestrevise .modal-body .table-responsive thead tr, #modalrequestrevise .modal-body .table-responsive thead th, #modalrequestrevise .modal-body .table-responsive .table thead, #modalrequestrevise .modal-body .table-responsive .table thead tr, #modalrequestrevise .modal-body .table-responsive .table thead th{background: var(--brand-pale) !important; border-color: rgba(128, 21, 23, .12) !important;} #modalrequestrevise .modal-body .table-responsive thead th, #modalrequestrevise .modal-body .table-responsive .table thead th{font-weight: 700 !important;} .cs-special-price-product-section .table, .cs-optional-product-section .table{width: 100%;} @media (max-width: 575.98px){.cs-special-price-product-section table, .cs-optional-product-section table{min-width: 0 !important; width: 100% !important;}.cs-special-price-product-section .table-responsive, .cs-optional-product-section .table-responsive{overflow: visible !important;}.cs-special-price-product-section thead, .cs-optional-product-section thead{display: none !important;}.cs-special-price-product-section table, .cs-optional-product-section table, .cs-special-price-product-section tbody, .cs-optional-product-section tbody, .cs-special-price-product-section tr, .cs-optional-product-section tr, .cs-special-price-product-section td, .cs-optional-product-section td{display: block !important; width: 100% !important;}.cs-special-price-product-section tr, .cs-optional-product-section tr{margin-bottom: 12px; border: 1px solid var(--cs-proposal-line); border-radius: var(--cs-proposal-radius); overflow: hidden; background: #fff; box-shadow: var(--cs-proposal-shadow-sm);}.cs-special-price-product-section td, .cs-optional-product-section td{display: flex !important; flex-direction: column; align-items: flex-start; gap: 4px; padding: 10px 12px !important; border-bottom: 1px solid var(--cs-proposal-line);}.cs-special-price-product-section td:last-child, .cs-optional-product-section td:last-child{border-bottom: none;}.cs-special-price-product-section td::before, .cs-optional-product-section td::before{flex: 0 0 auto; color: var(--cs-proposal-muted); font-size: 11px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase;}.cs-special-price-product-section td[data-label]::before, .cs-optional-product-section td[data-label]::before{content: attr(data-label);}.cs-special-price-product-section td.cs-empty-cell, .cs-optional-product-section td.cs-empty-cell{display: none !important;}.cs-special-price-product-section td > *, .cs-optional-product-section td > *{min-width: 0; flex: 1 1 auto; width: 100%;}.cs-special-price-product-section td, .cs-optional-product-section td, .cs-special-price-product-section td *, .cs-optional-product-section td *{white-space: normal !important; overflow-wrap: anywhere; word-break: break-word;}.cs-special-price-product-section td div, .cs-optional-product-section td div, .cs-special-price-product-section td span, .cs-optional-product-section td span, .cs-special-price-product-section td strong, .cs-optional-product-section td strong{max-width: 100%;}} @media (min-width: 576px) and (max-width: 767.98px){.cs-special-price-product-section table, .cs-optional-product-section table{display: table !important; overflow-x: visible !important; table-layout: auto !important; white-space: normal !important;}.cs-special-price-product-section thead, .cs-optional-product-section thead{display: table-header-group !important;}.cs-special-price-product-section tbody, .cs-optional-product-section tbody{display: table-row-group !important;}.cs-special-price-product-section tr, .cs-optional-product-section tr{display: table-row !important; margin-bottom: 0; border: 0; border-radius: 0; overflow: visible; background: transparent; box-shadow: none;}.cs-special-price-product-section td, .cs-optional-product-section td{display: table-cell !important; width: auto !important; padding: 13px 14px !important; border-bottom: 1px solid var(--cs-proposal-line);}.cs-special-price-product-section td::before, .cs-optional-product-section td::before{display: none !important; content: none !important;}.cs-special-price-product-section td.cs-empty-cell, .cs-optional-product-section td.cs-empty-cell{display: table-cell !important;}.cs-sale-proposal-portal #quotation_preview_table .d-none.d-md-table-cell, .cs-sale-proposal-portal #quotation_preview_table thead th.d-none.d-md-table-cell, .cs-sale-proposal-portal #quotation_preview_table tbody td.d-none.d-md-table-cell, .cs-sale-proposal-portal #sales_order_table .d-none.d-md-table-cell, .cs-sale-proposal-portal #sales_order_table thead th.d-none.d-md-table-cell, .cs-sale-proposal-portal #sales_order_table tbody td.d-none.d-md-table-cell{display: table-cell !important;}} .cs-sale-proposal-shell .ceo_portal_progress_block > .card, .cs-sale-proposal-portal .ceo_portal_progress_block > .card{border: 1px solid var(--cs-proposal-line) !important; border-radius: var(--cs-proposal-radius) !important; overflow: hidden; background: #fff; box-shadow: var(--cs-proposal-shadow-sm);} .cs-sale-proposal-shell .ceo_portal_progress_block > .card > .card-body, .cs-sale-proposal-portal .ceo_portal_progress_block > .card > .card-body{border-radius: var(--cs-proposal-radius) !important;} .o_portal_sale_sidebar .list-group{border: 1px solid var(--cs-proposal-line); border-radius: var(--cs-proposal-radius); overflow: hidden; box-shadow: var(--cs-proposal-shadow-sm);} .cs-sale-proposal-shell .list-group, .cs-sale-proposal-portal .list-group{border: 1px solid var(--cs-proposal-line) !important; border-radius: var(--cs-proposal-radius) !important; overflow: hidden; background: #fff; box-shadow: var(--cs-proposal-shadow-sm);} .o_portal_sale_sidebar .list-group-item{border-color: var(--cs-proposal-line);} .cs-sale-proposal-shell .list-group-item, .cs-sale-proposal-portal .list-group-item{border-color: var(--cs-proposal-line) !important; background: #fff;} .cs-sale-proposal-shell .list-group-item:first-child, .cs-sale-proposal-portal .list-group-item:first-child{border-top-left-radius: var(--cs-proposal-radius) !important; border-top-right-radius: var(--cs-proposal-radius) !important;} .cs-sale-proposal-shell .list-group-item:last-child, .cs-sale-proposal-portal .list-group-item:last-child{border-bottom-left-radius: var(--cs-proposal-radius) !important; border-bottom-right-radius: var(--cs-proposal-radius) !important;} .o_portal_sale_sidebar h2.mb-0{color: var(--cs-proposal-ink); font-weight: 900; letter-spacing: -.02em;} .o_portal_sale_sidebar .day_counter{display: inline-flex; align-items: center; gap: 6px; margin-top: 6px; padding: 7px 10px; border: 1px solid rgba(128,21,23,.18); border-radius: 999px; background: rgba(128,21,23,.06); color: var(--cs-proposal-brand); font-weight: 900;} .cs-sale-proposal-shell .list-group-item > small + .day_counter, .cs-sale-proposal-portal .list-group-item > small + .day_counter{display: flex; width: fit-content; margin-top: 6px;} .o_portal_sale_sidebar .btn{border-radius: 14px; font-weight: 900; box-shadow: 0 10px 26px rgba(2,6,23,.06);} .cs-sale-proposal-shell .btn, .cs-sale-proposal-portal .btn{border-radius: 14px; font-weight: 900;} .o_portal_sale_sidebar .btn-primary{border-color: var(--cs-proposal-brand); background: linear-gradient(135deg, var(--cs-proposal-brand), var(--cs-proposal-brand-2));} .cs-sale-proposal-shell .btn-primary, .cs-sale-proposal-portal .btn-primary{border-color: var(--cs-proposal-brand); background: linear-gradient(135deg, var(--cs-proposal-brand), var(--cs-proposal-brand-2));} .o_portal_sale_sidebar .btn-primary:hover, .o_portal_sale_sidebar .btn-primary:focus{border-color: var(--cs-proposal-brand-dark); background: var(--cs-proposal-brand-dark);} .o_portal_sale_sidebar .btn-secondary{border-color: var(--cs-proposal-line); background: #fff; color: var(--cs-proposal-ink);} .cs-sale-proposal-shell .btn-secondary, .cs-sale-proposal-portal .btn-secondary, .cs-sale-proposal-shell .btn-outline-secondary, .cs-sale-proposal-portal .btn-outline-secondary{border-color: var(--cs-proposal-line); background: #fff; color: var(--cs-proposal-ink);} .cs-sale-proposal-shell .btn-outline-secondary:hover, .cs-sale-proposal-shell .btn-outline-secondary:focus, .cs-sale-proposal-portal .btn-outline-secondary:hover, .cs-sale-proposal-portal .btn-outline-secondary:focus{border-color: rgba(128,21,23,.35); background: rgba(128,21,23,.06); color: var(--cs-proposal-brand); box-shadow: 0 12px 22px rgba(28,20,16,.08);} .o_portal_sale_sidebar .btn-secondary:hover, .o_portal_sale_sidebar .btn-secondary:focus{border-color: rgba(128,21,23,.30); color: var(--cs-proposal-brand);} .cs-sale-proposal-shell .cs-proposal-progress-track{align-items: stretch; flex-wrap: nowrap; gap: 10px;} .cs-sale-proposal-shell .cs-proposal-progress-connector{align-items: center; justify-content: center; width: 28px; flex: 0 0 28px; color: #a38c87; font-size: 15px;} .cs-sale-proposal-shell .ceo_portal_progress_block .card-body > .d-flex.flex-wrap:not(.ceo-kyc-progress-track){display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px;} .cs-sale-proposal-shell .ceo_portal_progress_block .o_kyc_progress_card{flex: 1 1 0; width: 100%; min-width: 0; height: 100%; margin-right: 0 !important; transition: transform 0.18s ease, box-shadow 0.18s ease, background-color 0.18s ease, border-color 0.18s ease;} .cs-sale-proposal-shell .ceo_portal_progress_block .o_kyc_progress_card:hover{transform: translateY(-1px); box-shadow: 0 14px 30px rgba(28,20,16,.08);} .cs-sale-proposal-shell .ceo_portal_progress_block .o_kyc_progress_card .d-flex.flex-column{min-width: 0;} .cs-sale-proposal-shell .ceo_portal_progress_block .o_kyc_progress_card .font-weight-bold, .cs-sale-proposal-shell .ceo_portal_progress_block .o_kyc_progress_card .text-muted{white-space: normal;} .cs-sale-proposal-shell .ceo_portal_progress_block .o_kyc_progress_card .font-weight-bold{font-size: 14px;} .cs-sale-proposal-shell .ceo_portal_progress_block .o_kyc_progress_card .text-muted{font-size: 12px; line-height: 1.35;} .cs-sale-proposal-shell .ceo_portal_progress_block .o_kyc_progress_card > .card-body{min-height: 74px;} .cs-sale-proposal-shell .ceo_portal_progress_block .o_kyc_progress_card.o_kyc_progress_done{border-color: rgba(19, 143, 78, .35); background: rgba(19, 143, 78, .12);} .cs-sale-proposal-shell .ceo_portal_progress_block .o_kyc_progress_card.o_kyc_progress_done .font-weight-bold{color: #138f4e !important;} .cs-sale-proposal-shell .ceo_portal_progress_block .o_kyc_progress_card.o_kyc_progress_done .text-muted{color: #2f7a57 !important;} .cs-sale-proposal-shell .ceo_portal_progress_block .o_kyc_progress_card.o_kyc_progress_done .o_kyc_progress_num{position: relative; border-color: rgba(19, 143, 78, .55); background: rgba(19, 143, 78, .20); color: #138f4e;} #wrapwrap.o_portal .cs-sale-proposal-shell .ceo_portal_progress_block > .card > .card-body, #wrapwrap.o_portal .cs-sale-proposal-shell .ceo_portal_progress_block .o_kyc_progress_card > .card-body{padding-left: 14px !important; padding-right: 14px !important;} #wrapwrap.o_portal .ceo_portal_progress_block > .card.mb-3 > .card-body, #wrapwrap.o_portal .ceo_portal_progress_block .o_kyc_progress_card > .card-body, body .ceo_portal_progress_block > .card.mb-3 > .card-body, body .ceo_portal_progress_block .o_kyc_progress_card > .card-body{padding-left: 14px !important; padding-right: 14px !important;} @media (max-width: 991.98px){.container:has(.cs-sale-proposal-shell){max-width: 100% !important; padding-left: 8px !important; padding-right: 8px !important;}#quote_content{padding-left: 8px; padding-right: 8px;}.cs-sale-proposal-portal > .card{margin-left: 0; margin-right: 0;}.cs-sale-proposal-portal > .card{border-radius: 0; box-shadow: none;}#quote_content .card-body{padding-left: 0 !important; padding-right: 0 !important;}#quote_content .modal .card-body{padding: 1.25rem !important;}.cs-sale-proposal-portal #introduction, .cs-sale-proposal-portal .cs-proposal-hero, .cs-sale-proposal-portal #informations, .cs-sale-proposal-portal section#details, .cs-sale-proposal-portal section#ceo_quotation_details, .cs-sale-proposal-portal #bankinfo, .cs-sale-proposal-portal #special_price_product, .cs-sale-proposal-portal #optional_product, .cs-sale-proposal-portal #free_product_comparison, .cs-sale-proposal-portal #free_product{padding-left: 8px !important; padding-right: 8px !important;}.cs-sale-proposal-portal #free_product_comparison .benefiticons, .cs-sale-proposal-portal #free_product .benefiticons{grid-template-columns: 64px minmax(0, 1fr);}.cs-sale-proposal-portal .cs-centre-showcase{gap: 12px; grid-template-columns: 1fr;}.cs-sale-proposal-portal .cs-centre-media, .cs-sale-proposal-portal .cs-centre-media img{min-height: 300px;}.cs-sale-proposal-portal #introduction::after{right: 12px;}.cs-sale-proposal-portal .cs-proposal-ending-actions{flex-direction: column;}.cs-sale-proposal-portal .cs-proposal-ending-action{flex-basis: auto; width: 100%;}.cs-sale-proposal-shell .cs-proposal-progress-track{flex-wrap: wrap;}.cs-sale-proposal-shell .cs-proposal-progress-track .o_kyc_progress_card{flex: 1 1 100%; min-width: 100%;}.cs-sale-proposal-shell .ceo_portal_progress_block .card-body > .d-flex.flex-wrap:not(.ceo-kyc-progress-track){grid-template-columns: repeat(2, minmax(0, 1fr));}#wrapwrap.o_portal .cs-sale-proposal-shell .ceo_portal_progress_block > .card > .card-body{padding: 12px !important;}#wrapwrap.o_portal .cs-sale-proposal-shell .ceo_portal_progress_block .o_kyc_progress_card > .card-body{padding: 10px !important;}#wrapwrap.o_portal .ceo_portal_progress_block > .card.mb-3 > .card-body, body .ceo_portal_progress_block > .card.mb-3 > .card-body{padding: 12px !important;}#wrapwrap.o_portal .ceo_portal_progress_block .o_kyc_progress_card > .card-body, body .ceo_portal_progress_block .o_kyc_progress_card > .card-body{padding: 10px !important;}.cs-sale-proposal-portal .cs-proposal-ending-grid{grid-template-columns: 1fr;}} @media (max-width: 767.98px){.cs-sale-proposal-shell #sidebar_content, .cs-sale-proposal-portal #sidebar_content{width: 100%; max-width: none;}.cs-sale-proposal-shell .bs-sidenav, .cs-sale-proposal-portal .bs-sidenav{width: 100%;}.cs-sale-proposal-shell .bs-sidenav > li, .cs-sale-proposal-portal .bs-sidenav > li, .cs-sale-proposal-shell .bs-sidenav a, .cs-sale-proposal-portal .bs-sidenav a{width: 100%;}.cs-sale-proposal-portal .cs-proposal-hero{padding: 16px 14px !important;}.cs-sale-proposal-portal .cs-proposal-hero-box{padding: 15px 14px;}.cs-sale-proposal-portal .cs-proposal-hero-meta{display: flex;}.cs-sale-proposal-portal .cs-proposal-hero-meta span{flex: 1 1 100%; width: 100%; max-width: 100%; justify-content: space-between; white-space: normal;}.cs-sale-proposal-portal .cs-proposal-hero h1{font-size: 28px;}.cs-sale-proposal-shell .ceo_portal_progress_block .card-body > .d-flex.flex-wrap{grid-template-columns: 1fr;}.cs-sale-proposal-shell .ceo_portal_progress_block{padding-left: 8px !important; padding-right: 8px !important;}#wrapwrap.o_portal .cs-sale-proposal-shell .ceo_portal_progress_block > .card > .card-body{padding: 10px !important;}#wrapwrap.o_portal .cs-sale-proposal-shell .ceo_portal_progress_block .o_kyc_progress_card > .card-body{padding: 9px !important;}#wrapwrap.o_portal .ceo_portal_progress_block > .card.mb-3 > .card-body, body .ceo_portal_progress_block > .card.mb-3 > .card-body{padding: 10px !important;}#wrapwrap.o_portal .ceo_portal_progress_block .o_kyc_progress_card > .card-body, body .ceo_portal_progress_block .o_kyc_progress_card > .card-body{padding: 9px !important;}.cs-sale-proposal-portal #introduction h3{font-size: 18px;}.cs-sale-proposal-portal #introduction h2{font-size: 11px !important;}.cs-sale-proposal-portal table.table{display: block; overflow-x: auto; white-space: nowrap;}.cs-sale-proposal-portal #quotation_preview_table, .cs-sale-proposal-portal #sales_order_table{display: table; overflow-x: visible; table-layout: auto; white-space: normal;}.cs-sale-proposal-portal #quotation_preview_table th, .cs-sale-proposal-portal #quotation_preview_table td, .cs-sale-proposal-portal #sales_order_table th, .cs-sale-proposal-portal #sales_order_table td{padding: 10px 8px !important; white-space: normal; word-break: normal; overflow-wrap: break-word;}.cs-sale-proposal-portal #quotation_preview_table th, .cs-sale-proposal-portal #sales_order_table th{font-size: 10px; line-height: 1.25;}.cs-sale-proposal-portal #quotation_preview_table td, .cs-sale-proposal-portal #sales_order_table td{font-size: 12.5px; line-height: 1.45;}.cs-sale-proposal-portal #total .ml-auto{flex: 0 0 100%; width: 100%; max-width: none; margin-left: 0 !important;}.cs-sale-proposal-portal #total table{display: table; width: 100%; overflow-x: visible; table-layout: fixed; white-space: normal;}.cs-sale-proposal-portal #total table tbody{display: table-row-group; width: 100%;}.cs-sale-proposal-portal #total table tr{display: table-row;}.cs-sale-proposal-portal #total table td{display: table-cell; width: 50%; white-space: normal;}.cs-sale-proposal-portal #total table tr:last-child td:first-child{border-bottom-left-radius: var(--cs-proposal-radius);}.cs-sale-proposal-portal #total table tr:last-child td:last-child{border-bottom-right-radius: var(--cs-proposal-radius);}.cs-sale-proposal-portal #quotation_preview_table thead th:first-child, .cs-sale-proposal-portal #sales_order_table thead th:first-child{border-top-left-radius: var(--cs-proposal-radius);}.cs-sale-proposal-portal #quotation_preview_table thead th:nth-last-child(2), .cs-sale-proposal-portal #sales_order_table thead th:nth-last-child(2){border-top-right-radius: var(--cs-proposal-radius);}.cs-sale-proposal-portal #quotation_preview_table thead th:last-child, .cs-sale-proposal-portal #sales_order_table thead th:last-child{border-top-right-radius: var(--cs-proposal-radius);}.cs-sale-proposal-portal .cs-centre-media, .cs-sale-proposal-portal .cs-centre-media img{min-height: 230px;}.cs-sale-proposal-portal .cs-centre-panel{padding: 14px;}.cs-sale-proposal-portal .cs-centre-panel .cs-centre-title{font-size: 22px;}.cs-sale-proposal-portal .cs-centre-facts span{align-items: flex-start; flex-direction: column; gap: 3px;}.cs-sale-proposal-portal #free_product ul{grid-template-columns: 1fr; padding: 12px !important;}.cs-sale-proposal-portal #free_product_comparison #whyceo, .cs-sale-proposal-portal #free_product #whyceo{padding: 14px;}.cs-sale-proposal-portal #free_product_comparison .benefiticons, .cs-sale-proposal-portal #free_product .benefiticons{grid-template-columns: 52px minmax(0, 1fr); gap: 12px 10px; align-items: start;}.cs-sale-proposal-portal #free_product_comparison .iconsvg, .cs-sale-proposal-portal #free_product .iconsvg{width: 52px !important; height: 52px; border-radius: 14px;}.cs-sale-proposal-portal #free_product .iconsvg img{max-width: 31px; max-height: 31px;}.cs-sale-proposal-portal #free_product_comparison .cs-benefit-icon, .cs-sale-proposal-portal #free_product .cs-benefit-icon{width: 34px !important; height: 34px !important; flex-basis: 34px; border-radius: 12px;}.cs-sale-proposal-portal #free_product_comparison .icontext, .cs-sale-proposal-portal #free_product .icontext{padding-top: 0;}} @media (min-width: 768px) and (max-width: 991.98px){.cs-sale-proposal-portal #sales_order_table{display: table; table-layout: auto; white-space: normal;}.cs-sale-proposal-portal #sales_order_table .d-sm-table-cell, .cs-sale-proposal-portal #sales_order_table .d-md-table-cell{display: none !important;}.cs-sale-proposal-portal #sales_order_table th, .cs-sale-proposal-portal #sales_order_table td{padding: 11px 9px !important; white-space: normal; overflow-wrap: break-word;}.cs-sale-proposal-portal #sales_order_table th:nth-child(1), .cs-sale-proposal-portal #sales_order_table td:nth-child(1){width: 24%;}.cs-sale-proposal-portal #sales_order_table th:nth-child(2), .cs-sale-proposal-portal #sales_order_table td:nth-child(2){width: 42%;}.cs-sale-proposal-portal #sales_order_table th:nth-child(3), .cs-sale-proposal-portal #sales_order_table td:nth-child(3){width: 12%;}.cs-sale-proposal-portal #sales_order_table th:nth-child(6), .cs-sale-proposal-portal #sales_order_table td:nth-child(6), .cs-sale-proposal-portal #sales_order_table th:nth-child(7), .cs-sale-proposal-portal #sales_order_table td:nth-child(7){width: 22%;}.cs-sale-proposal-portal #sales_order_table thead th:first-child{border-top-left-radius: var(--cs-proposal-radius);}.cs-sale-proposal-portal #sales_order_table thead th:nth-last-child(2){border-top-right-radius: var(--cs-proposal-radius);}} @media (max-width: 991.98px){html body .ceo_portal_progress_block .card-body{padding: 0 !important;}html body .ceo_portal_progress_block .o_kyc_progress_card .card-body{padding: 0 !important;}} @media (min-width: 768px) and (max-width: 991.98px){html body .ceo_portal_progress_block .card-body{padding: 0 !important;}html body .ceo_portal_progress_block .o_kyc_progress_card .card-body{padding: 0 !important;}} @media (min-width: 576px) and (max-width: 991.98px){.cs-sale-proposal-shell .container, .cs-sale-proposal-portal .container{max-width: calc(100vw - 24px) !important; width: calc(100vw - 24px) !important;}.cs-sale-proposal-shell .container{padding-left: 10px; padding-right: 10px;}} @media (min-width: 576px) and (max-width: 767.98px){.cs-sale-proposal-portal #ceo_quotation_details .d-none.d-sm-table-cell, .cs-sale-proposal-portal #ceo_quotation_details thead th.d-none.d-sm-table-cell, .cs-sale-proposal-portal #ceo_quotation_details tbody td.d-none.d-sm-table-cell{display: table-cell !important;}} @media (min-width: 768px) and (max-width: 991.98px){.cs-sale-proposal-portal #ceo_quotation_details .d-none.d-md-table-cell, .cs-sale-proposal-portal #ceo_quotation_details thead th.d-none.d-md-table-cell, .cs-sale-proposal-portal #ceo_quotation_details tbody td.d-none.d-md-table-cell{display: table-cell !important;}.cs-sale-proposal-portal #quotation_preview_table .d-none.d-md-table-cell, .cs-sale-proposal-portal #quotation_preview_table thead th.d-none.d-md-table-cell, .cs-sale-proposal-portal #quotation_preview_table tbody td.d-none.d-md-table-cell{display: table-cell !important;}.cs-sale-proposal-portal #quotation_preview_table{table-layout: auto;}} .cs-sale-proposal-portal #comparison{display: flex; flex-direction: column; gap: 16px;} .cs-sale-proposal-portal #comparison.comparison-detail-table-view{display: block;} .cs-sale-proposal-portal #comparison.comparison-detail-table-view #quotation_preview_table thead th{font-size: 11px; letter-spacing: .08em;} .cs-sale-proposal-portal #comparison.comparison-detail-table-view #quotation_preview_table tbody td, .cs-sale-proposal-portal #comparison.comparison-detail-table-view #quotation_preview_table tbody th{font-size: 13px;} .cs-sale-proposal-portal #comparison.comparison-detail-table-view #quotation_preview_table td.cmp-table-footnote-cell{padding-top: 10px !important; padding-bottom: 10px !important;} .cs-sale-proposal-portal #comparison.comparison-detail-table-view #quotation_preview_table .cmp-table-footnote{display: inline-flex; align-items: baseline; gap: 8px; max-width: 100%; line-height: 1.35; white-space: normal;} .cs-sale-proposal-portal #comparison.comparison-detail-table-view #quotation_preview_table .cmp-table-footnote-mark{flex: 0 0 auto; font-weight: 700; line-height: 1; min-width: 0; margin-right: 0;} .cs-sale-proposal-portal #comparison.comparison-detail-table-view #quotation_preview_table .cmp-table-footnote small{display: inline; line-height: 1.35; margin: 0;} .cs-sale-proposal-portal #comparison.comparison-detail-table-view #quotation_preview_table .cmp-table-footnote i{margin: 0 !important;} .cs-sale-proposal-portal #comparison .cmp-card{border: 1px solid var(--cs-proposal-line); border-left-width: 4px; border-radius: 14px; overflow: hidden; background: var(--cs-proposal-panel); box-shadow: var(--cs-proposal-shadow-sm);} .cs-sale-proposal-portal #comparison .cmp-card-1{border-left-color: var(--cs-proposal-brand);} .cs-sale-proposal-portal #comparison .cmp-card-2{border-left-color: #29246a;} .cs-sale-proposal-portal #comparison .cmp-card-3{border-left-color: #82cdbe;} .cs-sale-proposal-portal #comparison .cmp-card-4{border-left-color: #d97706;} .cs-sale-proposal-portal #comparison .cmp-card-hd{display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; padding: 14px 18px 12px; border-bottom: 1px solid var(--cs-proposal-line); background: var(--cs-proposal-soft);} .cs-sale-proposal-portal #comparison .cmp-hd-left{display: flex; flex-direction: column; gap: 3px; min-width: 0;} .cs-sale-proposal-portal #comparison .cmp-badge{display: inline-flex; align-items: center; padding: 2px 10px; border-radius: 999px; font-size: 10.5px; font-weight: 800; letter-spacing: 0.7px; text-transform: uppercase; color: #fff; margin-bottom: 2px; align-self: flex-start; width: -moz-fit-content; width: fit-content; flex: 0 0 auto;} .cs-sale-proposal-portal #comparison .cmp-badge-1{background: var(--cs-proposal-brand);} .cs-sale-proposal-portal #comparison .cmp-badge-2{background: #29246a;} .cs-sale-proposal-portal #comparison .cmp-badge-3{background: #82cdbe; color: #123c35;} .cs-sale-proposal-portal #comparison .cmp-badge-4{background: #d97706;} .cs-sale-proposal-portal #comparison .cmp-name{font-size: 16px; font-weight: 800; color: var(--cs-proposal-ink); line-height: 1.25;} .cs-sale-proposal-portal #comparison .cmp-ref{font-size: 11.5px; font-weight: 700; color: var(--cs-proposal-muted); line-height: 1.35;} .cs-sale-proposal-portal #comparison .cmp-price-block{text-align: right; flex-shrink: 0;} .cs-sale-proposal-portal #comparison .cmp-price-strike{display: block; font-size: 12.5px; color: var(--cs-proposal-muted); text-decoration: line-through;} .cs-sale-proposal-portal #comparison .cmp-price-big{font-size: 21px; font-weight: 800; letter-spacing: -.02em; line-height: 1.1;} .cs-sale-proposal-portal #comparison .cmp-card-1 .cmp-price-big{color: var(--cs-proposal-brand);} .cs-sale-proposal-portal #comparison .cmp-card-2 .cmp-price-big{color: #29246a;} .cs-sale-proposal-portal #comparison .cmp-card-3 .cmp-price-big{color: #5cae9e;} .cs-sale-proposal-portal #comparison .cmp-card-4 .cmp-price-big{color: #b45309;} .cs-sale-proposal-portal #comparison .cmp-price-sub{font-size: 11.5px; color: var(--cs-proposal-muted); margin-top: 1px;} .cs-sale-proposal-portal #comparison .cmp-card-bd{display: grid; grid-template-columns: 1fr 1fr;} @media (max-width: 640px){.cs-sale-proposal-portal #comparison .cmp-card-bd{grid-template-columns: 1fr;}.cs-sale-proposal-portal #comparison .cmp-left{border-right: none; border-bottom: 1px solid var(--cs-proposal-line);}} .cs-sale-proposal-portal #comparison .cmp-left{padding: 14px 18px; border-right: 1px solid var(--cs-proposal-line);} .cs-sale-proposal-portal #comparison .cmp-right{padding: 14px 18px;} .cs-sale-proposal-portal #comparison .cmp-right-main{margin-top: 14px;} .cs-sale-proposal-portal #comparison .cmp-photo-wrap{width: 100%; border-radius: 8px; overflow: hidden; position: relative;} .cs-sale-proposal-portal #comparison .cmp-photo{width: 100%; height: 280px; object-fit: cover; object-position: center; display: block; border-radius: 8px;} .cs-sale-proposal-portal #comparison .cmp-photo-featured{opacity: 0.88;} .cs-sale-proposal-portal #comparison .cmp-photo-note{font-size: 10px; color: var(--cs-proposal-muted); font-style: italic; text-align: center; margin-top: 3px;} @media (max-width: 767px){.cs-sale-proposal-portal #comparison .cmp-photo{height: 240px;}} @media (max-width: 420px){.cs-sale-proposal-portal #comparison .cmp-photo{height: 210px;}} .cs-sale-proposal-portal #comparison .cmp-item-row{display: flex; align-items: flex-start; gap: 8px; margin-bottom: 8px; min-width: 0;} .cs-sale-proposal-portal #comparison .cmp-icon{font-size: 12px; color: var(--cs-proposal-brand); margin-top: 3px; flex-shrink: 0;} .cs-sale-proposal-portal #comparison .cmp-item-content{font-size: 13.5px; font-weight: 600; color: var(--cs-proposal-ink); line-height: 1.4; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .cs-sale-proposal-portal #comparison .cmp-item-sub{font-size: 12px; color: var(--cs-proposal-muted); font-weight: 400; margin-top: 1px;} .cs-sale-proposal-portal #comparison .cmp-item-inline{display: inline; margin-left: 6px; white-space: nowrap;} .cs-sale-proposal-portal #comparison .cmp-ws{font-size: 12px; color: var(--cs-proposal-muted); margin-bottom: 8px;} .cs-sale-proposal-portal #comparison .cmp-actions{display: flex; flex-wrap: wrap; gap: 10px; margin-top: 14px; align-items: flex-start;} .cs-sale-proposal-portal #comparison .cmp-actions .cs-proposal-ending-cta{display: inline-flex; flex-direction: column; align-items: center; justify-content: center; min-height: 42px; padding: 10px 30px; margin-bottom: 0; width: auto; flex: 0 0 auto; align-self: flex-start;} .cs-sale-proposal-portal #comparison .cmp-actions .cs-proposal-ending-cta i{display: inline-flex; align-items: center; justify-content: center; width: 14px; height: 14px; margin-right: 0; margin-bottom: 4px; padding-left: 20px;} .cs-sale-proposal-portal #comparison .cmp-actions .cs-proposal-action-title{display: block; text-align: center;} .cs-sale-proposal-portal #comparison .cmp-actions .cmp-view-details-btn{border: 1px solid transparent; color: #fff; background: linear-gradient(135deg, var(--cs-proposal-brand) 0%, var(--cs-proposal-brand-2) 100%); box-shadow: 0 14px 32px rgba(128, 21, 23, .24);} .cs-sale-proposal-portal #comparison .cmp-actions .cmp-view-details-btn:hover, .cs-sale-proposal-portal #comparison .cmp-actions .cmp-view-details-btn:focus{color: #fff; background: linear-gradient(135deg, var(--cs-proposal-brand-dark) 0%, var(--cs-proposal-brand) 100%); box-shadow: 0 16px 38px rgba(128, 21, 23, .30);} .cs-sale-proposal-portal #comparison .cmp-section-label{font-size: 10.5px; font-weight: 800; letter-spacing: 0.6px; text-transform: uppercase; color: var(--cs-proposal-muted); margin: 10px 0 5px;} .cs-sale-proposal-portal #comparison .cmp-bundle-item{font-size: 13px; color: var(--cs-proposal-ink); padding: 4px 0 4px 20px;} .cs-sale-proposal-portal #comparison .cmp-bundle-item:first-of-type{border-top: none;} .cs-sale-proposal-portal #comparison .cmp-mini-row{display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; padding: 5px 0;} .cs-sale-proposal-portal #comparison .cmp-mini-main{flex: 1 1 auto; min-width: 0; font-size: 12.5px; color: var(--cs-proposal-ink); line-height: 1.4; padding-left: 20px;} .cs-sale-proposal-portal #comparison .cmp-mini-price{flex: 0 0 auto; font-size: 12px; font-weight: 700; color: var(--cs-proposal-ink); white-space: nowrap; text-align: right;} .cs-sale-proposal-portal #comparison .cmp-paybox{border: 1px solid var(--cs-proposal-line); border-radius: 10px; overflow: hidden;} .cs-sale-proposal-portal #comparison .cmp-payrow{display: flex; align-items: flex-start; justify-content: space-between; gap: 8px; padding: 10px 14px;} .cs-sale-proposal-portal #comparison .cmp-payrow:first-child{border-top: none;} .cs-sale-proposal-portal #comparison .cmp-payk{font-size: 10.5px; font-weight: 800; letter-spacing: 0.5px; text-transform: uppercase; color: var(--cs-proposal-muted); flex-shrink: 0;} .cs-sale-proposal-portal #comparison .cmp-payv{font-size: 13px; font-weight: 600; color: var(--cs-proposal-ink); text-align: right;} .cs-sale-proposal-portal #comparison .punctuation{margin-left: -0.25em;} .cs-sale-proposal-portal #comparison .lowercase{text-transform: lowercase;} .cs-sale-proposal-portal #comparison .cmp-footnote{font-size: 11.5px; color: var(--cs-proposal-muted); padding: 2px 2px;} @media (max-width: 575.98px){#quote_content{padding-left: 4px; padding-right: 4px;}#quote_content .card-body{padding-left: 8px !important; padding-right: 8px !important;}#quote_content .modal .card-body{padding: 1.25rem !important;}.cs-sale-proposal-portal .card.pb-5{margin-left: 0 !important; margin-right: 0 !important; border-left: 0; border-right: 0; border-radius: 0;}.cs-sale-proposal-portal #introduction, .cs-sale-proposal-portal .cs-proposal-hero, .cs-sale-proposal-portal #informations, .cs-sale-proposal-portal section#details, .cs-sale-proposal-portal section#ceo_quotation_details, .cs-sale-proposal-portal #bankinfo, .cs-sale-proposal-portal #special_price_product, .cs-sale-proposal-portal #optional_product, .cs-sale-proposal-portal #free_product_comparison, .cs-sale-proposal-portal #free_product{padding-left: 0 !important; padding-right: 0 !important;}.cs-sale-proposal-portal .cs-proposal-ending-card{padding: 16px 0;}.cs-sale-proposal-portal #comparison .cmp-card-hd, .cs-sale-proposal-portal #comparison .cmp-left, .cs-sale-proposal-portal #comparison .cmp-right{padding-left: 12px; padding-right: 12px;}}