.o_ace_view_editor .btn:not(.o_btn_preview).btn-link.disabled, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link:disabled{color: #212529; background-color: #fcfcfc; border-color: #fcfcfc;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-link:not(:disabled):not(.disabled):active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link:not(:disabled):not(.disabled).active, .show > .o_ace_view_editor .btn:not(.o_btn_preview).btn-link.dropdown-toggle{color: #212529; background-color: #e3e3e3; border-color: gainsboro;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-link:not(:disabled):not(.disabled):active:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link:not(:disabled):not(.disabled).active:focus, .show > .o_ace_view_editor .btn:not(.o_btn_preview).btn-link.dropdown-toggle:focus{box-shadow: 0 0 0 0.2rem rgba(252, 252, 252, 0.5);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-success{color: #FFFFFF; background-color: #40ad67; border-color: #40ad67;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:hover{color: #FFFFFF; background-color: #369156; border-color: #328851;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.focus{box-shadow: 0 0 0 0.2rem rgba(64, 173, 103, 0.5);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.disabled, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:disabled{color: #FFFFFF; background-color: #40ad67; border-color: #40ad67;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:not(:disabled):not(.disabled):active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:not(:disabled):not(.disabled).active, .show > .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.dropdown-toggle{color: #FFFFFF; background-color: #328851; border-color: #2f7e4b;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:not(:disabled):not(.disabled):active:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:not(:disabled):not(.disabled).active:focus, .show > .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.dropdown-toggle:focus{box-shadow: 0 0 0 0.2rem rgba(64, 173, 103, 0.5);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-info{color: #FFFFFF; background-color: #6999a8; border-color: #6999a8;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:hover{color: #FFFFFF; background-color: #568695; border-color: #517e8d;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.focus{box-shadow: 0 0 0 0.2rem rgba(105, 153, 168, 0.5);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.disabled, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:disabled{color: #FFFFFF; background-color: #6999a8; border-color: #6999a8;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:not(:disabled):not(.disabled):active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:not(:disabled):not(.disabled).active, .show > .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.dropdown-toggle{color: #FFFFFF; background-color: #517e8d; border-color: #4d7784;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:not(:disabled):not(.disabled):active:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:not(:disabled):not(.disabled).active:focus, .show > .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.dropdown-toggle:focus{box-shadow: 0 0 0 0.2rem rgba(105, 153, 168, 0.5);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning{color: #212529; background-color: #f0ad4e; border-color: #f0ad4e;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:hover{color: #212529; background-color: #ed9d2b; border-color: #ec971f;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.focus{box-shadow: 0 0 0 0.2rem rgba(240, 173, 78, 0.5);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.disabled, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:disabled{color: #212529; background-color: #f0ad4e; border-color: #f0ad4e;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:not(:disabled):not(.disabled):active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:not(:disabled):not(.disabled).active, .show > .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.dropdown-toggle{color: #212529; background-color: #ec971f; border-color: #ea9214;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:not(:disabled):not(.disabled):active:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:not(:disabled):not(.disabled).active:focus, .show > .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.dropdown-toggle:focus{box-shadow: 0 0 0 0.2rem rgba(240, 173, 78, 0.5);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger{color: #FFFFFF; background-color: #e6586c; border-color: #e6586c;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:hover{color: #FFFFFF; background-color: #e1374f; border-color: #df2c45;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.focus{box-shadow: 0 0 0 0.2rem rgba(230, 88, 108, 0.5);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.disabled, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:disabled{color: #FFFFFF; background-color: #e6586c; border-color: #e6586c;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:not(:disabled):not(.disabled):active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:not(:disabled):not(.disabled).active, .show > .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.dropdown-toggle{color: #FFFFFF; background-color: #df2c45; border-color: #dd213c;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:not(:disabled):not(.disabled):active:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:not(:disabled):not(.disabled).active:focus, .show > .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.dropdown-toggle:focus{box-shadow: 0 0 0 0.2rem rgba(230, 88, 108, 0.5);} .o_ace_view_editor :not(.input-group):not(.form-group):not(.input-group-append):not(.input-group-prepend) > .form-control{height: 34px;} .o_ace_view_editor .form-control{padding: 6px 12px; font-size: 14px; line-height: 1.5; border: 1px solid #d4d5d7; color: #555; background-color: #fff; border-radius: 0;} .o_ace_view_editor .form-control.is-invalid{border-color: #dc3545;} .o_ace_view_editor .input-group .form-control{height: auto;} .o_ace_view_editor .input-group-text{background-color: #e9ecef;} .o_ace_view_editor .was-validated .form-control:invalid{border-color: #dc3545;} .o_ace_view_editor select.form-control{-webkit-appearance: none; -moz-appearance: none; appearance: none; background: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPScxLjEnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZycgeG1 sbnM6eGxpbms9J2h0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsnIHdpZHRoPScyNCcgaGVpZ2 h0PScyNCcgdmlld0JveD0nMCAwIDI0IDI0Jz48cGF0aCBpZD0nc3ZnXzEnIGQ9J203LjQwNiw3L jgyOGw0LjU5NCw0LjU5NGw0LjU5NCwtNC41OTRsMC40MDYsMS40MDZsLTUsNC43NjZsLTUsLTQu NzY2bDAuNDA2LC0xLjQwNnonIGZpbGw9JyM4ODgnLz48L3N2Zz4="); background-position: 100% 65%; background-repeat: no-repeat;} .tour .popover-navigation{margin-left: 13px; margin-bottom: 8px;} .css_published .btn-danger, .css_published .css_publish{display: none;} .css_unpublished .btn-success, .css_unpublished .css_unpublish{display: none;} [data-publish='off'] > *:not(.css_options){opacity: 0.5;} @media print{a[href]:after{content: initial;}} .o_page_management_info .o_switch{padding-top: 9px;} #list_website_pages th{background-color: #7C7BAD; color: white;} #list_website_pages td, #list_website_pages th{padding: 0.45rem;} #list_website_pages td > a.fa{margin-left: 5px; color: #7C7BAD;} #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;} 

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

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

/* /sale/static/src/scss/sale_portal.scss defined in bundle 'web.assets_frontend' */
 .orders_vertical_align{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center;} .orders_label_text_align{vertical-align: 15%;} .sale_tbody .o_line_note{word-break: break-word; word-wrap: break-word; overflow-wrap: break-word;} .sale_tbody input.js_quantity{min-width: 48px; text-align: center;} .sale_tbody input.quantity{padding: 0;} 

/* /ks_curved_backend_theme/static/src/scss/pages/ks_login.scss defined in bundle 'web.assets_frontend' */
 html[data-login-layout="Style1"] .container, html[data-login-layout="Style2"] .container, html[data-login-layout="Style3"] .container, html[data-login-layout="Style4"] .container, html[data-login-layout="Style5"] .container{height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center;} html[data-login-layout="Style1"] .container .card, html[data-login-layout="Style2"] .container .card, html[data-login-layout="Style3"] .container .card, html[data-login-layout="Style4"] .container .card, html[data-login-layout="Style5"] .container .card{max-width: 350px !important; width: 350px; border-radius: 10px;} html[data-login-layout="Style1"] .container .card .card-body, html[data-login-layout="Style2"] .container .card .card-body, html[data-login-layout="Style3"] .container .card .card-body, html[data-login-layout="Style4"] .container .card .card-body, html[data-login-layout="Style5"] .container .card .card-body{border-radius: 10px;} html[data-login-layout="Style1"] .container .card .card-body .border-bottom, html[data-login-layout="Style2"] .container .card .card-body .border-bottom, html[data-login-layout="Style3"] .container .card .card-body .border-bottom, html[data-login-layout="Style4"] .container .card .card-body .border-bottom, html[data-login-layout="Style5"] .container .card .card-body .border-bottom{border: none !important;} html[data-login-layout="Style1"] .container .card .card-body .border-bottom{border: none !important;} html[data-login-layout="Style1"] .container .card .card-body .oe_login_form .form-group input, html[data-login-layout="Style1"] .container .card .card-body .oe_signup_form .form-group input, html[data-login-layout="Style1"] .container .card .card-body .oe_reset_password_form .form-group input{border: none; border-bottom: 1px solid #e2e0e0; border-radius: 0px; padding-left: 0;} html[data-login-layout="Style1"] .container .card .card-body .oe_login_form .form-group input::placeholder, html[data-login-layout="Style1"] .container .card .card-body .oe_signup_form .form-group input::placeholder, html[data-login-layout="Style1"] .container .card .card-body .oe_reset_password_form .form-group input::placeholder{color: #c7c6c6; font-size: 14px;} html[data-login-layout="Style1"] .container .card .card-body .oe_login_form .form-group input:focus, html[data-login-layout="Style1"] .container .card .card-body .oe_signup_form .form-group input:focus, html[data-login-layout="Style1"] .container .card .card-body .oe_reset_password_form .form-group input:focus{box-shadow: none; border-color: var(--primary);} html[data-login-layout="Style1"] .container .card .card-body .oe_login_form .btn-link, html[data-login-layout="Style1"] .container .card .card-body .oe_signup_form .btn-link, html[data-login-layout="Style1"] .container .card .card-body .oe_reset_password_form .btn-link{margin-top: 1rem;} html[data-login-layout="Style2"] .container .card .card-body .oe_login_form .border-top, html[data-login-layout="Style2"] .container .card .card-body .oe_signup_form .border-top, html[data-login-layout="Style2"] .container .card .card-body .oe_reset_password_form .border-top{border: none !important;} html[data-login-layout="Style2"] .container .card .card-body .oe_login_form .form-group, html[data-login-layout="Style2"] .container .card .card-body .oe_signup_form .form-group, html[data-login-layout="Style2"] .container .card .card-body .oe_reset_password_form .form-group{position: relative; margin-bottom: 2rem; padding: 0 !important;} html[data-login-layout="Style2"] .container .card .card-body .oe_login_form .form-group input, html[data-login-layout="Style2"] .container .card .card-body .oe_signup_form .form-group input, html[data-login-layout="Style2"] .container .card .card-body .oe_reset_password_form .form-group input{border: 1px solid #e4e2e2; background: var(--white); border-radius: 5px; height: 45px;} html[data-login-layout="Style2"] .container .card .card-body .oe_login_form .form-group input::placeholder, html[data-login-layout="Style2"] .container .card .card-body .oe_signup_form .form-group input::placeholder, html[data-login-layout="Style2"] .container .card .card-body .oe_reset_password_form .form-group input::placeholder{opacity: 0;} html[data-login-layout="Style2"] .container .card .card-body .oe_login_form .form-group input:focus, html[data-login-layout="Style2"] .container .card .card-body .oe_signup_form .form-group input:focus, html[data-login-layout="Style2"] .container .card .card-body .oe_reset_password_form .form-group input:focus{box-shadow: none; border-color: var(--primary);} html[data-login-layout="Style2"] .container .card .card-body .oe_login_form .form-group label, html[data-login-layout="Style2"] .container .card .card-body .oe_signup_form .form-group label, html[data-login-layout="Style2"] .container .card .card-body .oe_reset_password_form .form-group label{position: absolute; pointer-events: none; top: 13px; left: 12px; color: #c7c6c6; font-size: 14px; font-weight: 400; margin: 0; padding: 0; transition: 0.2s ease all;} html[data-login-layout="Style2"] .container .card .card-body .oe_login_form .form-group input:focus ~ label, html[data-login-layout="Style2"] .container .card .card-body .oe_login_form .form-group input:not(:focus):valid ~ label, html[data-login-layout="Style2"] .container .card .card-body .oe_signup_form .form-group input:focus ~ label, html[data-login-layout="Style2"] .container .card .card-body .oe_signup_form .form-group input:not(:focus):valid ~ label, html[data-login-layout="Style2"] .container .card .card-body .oe_reset_password_form .form-group input:focus ~ label, html[data-login-layout="Style2"] .container .card .card-body .oe_reset_password_form .form-group input:not(:focus):valid ~ label{top: -7px; line-height: 1; font-size: 13px; opacity: 1; background: var(--white); color: #000;} html[data-login-layout="Style2"] .container .card .card-body .oe_login_form .oe_login_buttons, html[data-login-layout="Style2"] .container .card .card-body .oe_signup_form .oe_login_buttons, html[data-login-layout="Style2"] .container .card .card-body .oe_reset_password_form .oe_login_buttons{padding-top: 0 !important; display: -webkit-box; display: -webkit-flex; display: flex; align-items: flex-start; -webkit-flex-wrap: wrap; flex-wrap: wrap;} html[data-login-layout="Style2"] .container .card .card-body .oe_login_form .oe_login_buttons .btn-block, html[data-login-layout="Style2"] .container .card .card-body .oe_signup_form .oe_login_buttons .btn-block, html[data-login-layout="Style2"] .container .card .card-body .oe_reset_password_form .oe_login_buttons .btn-block{height: 45px; width: 45px; border-radius: 50%; position: relative; box-shadow: 0px 4px 15px rgba(40, 195, 151, 0.25); overflow: hidden;} html[data-login-layout="Style2"] .container .card .card-body .oe_login_form .oe_login_buttons .btn-block::after, html[data-login-layout="Style2"] .container .card .card-body .oe_signup_form .oe_login_buttons .btn-block::after, html[data-login-layout="Style2"] .container .card .card-body .oe_reset_password_form .oe_login_buttons .btn-block::after{content: ''; background: var(--primary) url(/ks_curved_backend_theme/static/src/images/login/login-arrow.svg) no-repeat center; background-size: 18px; border-radius: 50%; width: 45px; height: 45px; position: absolute; left: 0; top: 0;} html[data-login-layout="Style2"] .container .card .card-body .oe_login_form .oe_login_buttons .btn-link, html[data-login-layout="Style2"] .container .card .card-body .oe_signup_form .oe_login_buttons .btn-link, html[data-login-layout="Style2"] .container .card .card-body .oe_reset_password_form .oe_login_buttons .btn-link{margin-top: 1rem;} html[data-login-layout="Style2"] .container .card .card-body .oe_login_form .oe_login_buttons .small, html[data-login-layout="Style2"] .container .card .card-body .oe_signup_form .oe_login_buttons .small, html[data-login-layout="Style2"] .container .card .card-body .oe_reset_password_form .oe_login_buttons .small{margin-top: 1.5rem !important; width: 100%;} html[data-login-layout="Style2"] .container .card .card-body .oe_login_form .oe_login_buttons .small.align-items-center a:last-child, html[data-login-layout="Style2"] .container .card .card-body .oe_signup_form .oe_login_buttons .small.align-items-center a:last-child, html[data-login-layout="Style2"] .container .card .card-body .oe_reset_password_form .oe_login_buttons .small.align-items-center a:last-child{margin: 0;} html[data-login-layout="Style2"] .container .card .card-body .oe_login_form .oe_login_buttons .small a, html[data-login-layout="Style2"] .container .card .card-body .oe_signup_form .oe_login_buttons .small a, html[data-login-layout="Style2"] .container .card .card-body .oe_reset_password_form .oe_login_buttons .small a{color: #7f7f81; font-weight: normal; font-size: 14px; line-height: 21px;} html[data-login-layout="Style2"] .container .card .card-body .oe_login_form .oe_login_buttons .small a:last-child, html[data-login-layout="Style2"] .container .card .card-body .oe_signup_form .oe_login_buttons .small a:last-child, html[data-login-layout="Style2"] .container .card .card-body .oe_reset_password_form .oe_login_buttons .small a:last-child{margin-top: -58px; align-self: flex-start; margin-left: auto;} html[data-login-layout="Style3"] .container .card{background-color: transparent !important;} html[data-login-layout="Style3"] .container .card .card-body{background-color: transparent !important;} html[data-login-layout="Style3"] .container .card .card-body .oe_login_form .border-top, html[data-login-layout="Style3"] .container .card .card-body .oe_signup_form .border-top, html[data-login-layout="Style3"] .container .card .card-body .oe_reset_password_form .border-top{border: none !important;} html[data-login-layout="Style3"] .container .card .card-body .oe_login_form .form-group, html[data-login-layout="Style3"] .container .card .card-body .oe_signup_form .form-group, html[data-login-layout="Style3"] .container .card .card-body .oe_reset_password_form .form-group{position: relative; margin-bottom: 2rem; padding: 0 !important;} html[data-login-layout="Style3"] .container .card .card-body .oe_login_form .form-group input, html[data-login-layout="Style3"] .container .card .card-body .oe_signup_form .form-group input, html[data-login-layout="Style3"] .container .card .card-body .oe_reset_password_form .form-group input{border: none; border-bottom: 1px solid #C7C6C6; background: transparent; border-radius: 0px; height: 45px; color: var(--white); padding-left: 0;} html[data-login-layout="Style3"] .container .card .card-body .oe_login_form .form-group input::placeholder, html[data-login-layout="Style3"] .container .card .card-body .oe_signup_form .form-group input::placeholder, html[data-login-layout="Style3"] .container .card .card-body .oe_reset_password_form .form-group input::placeholder{opacity: 0;} html[data-login-layout="Style3"] .container .card .card-body .oe_login_form .form-group input:focus, html[data-login-layout="Style3"] .container .card .card-body .oe_signup_form .form-group input:focus, html[data-login-layout="Style3"] .container .card .card-body .oe_reset_password_form .form-group input:focus{box-shadow: none; border-color: var(--primary);} html[data-login-layout="Style3"] .container .card .card-body .oe_login_form .form-group label, html[data-login-layout="Style3"] .container .card .card-body .oe_signup_form .form-group label, html[data-login-layout="Style3"] .container .card .card-body .oe_reset_password_form .form-group label{position: absolute; pointer-events: none; top: 13px; left: 0; color: var(--white); font-size: 14px; font-weight: 400; margin: 0; transition: 0.2s ease all; padding: 0;} html[data-login-layout="Style3"] .container .card .card-body .oe_login_form .form-group input:focus ~ label, html[data-login-layout="Style3"] .container .card .card-body .oe_login_form .form-group input:not(:focus):valid ~ label, html[data-login-layout="Style3"] .container .card .card-body .oe_signup_form .form-group input:focus ~ label, html[data-login-layout="Style3"] .container .card .card-body .oe_signup_form .form-group input:not(:focus):valid ~ label, html[data-login-layout="Style3"] .container .card .card-body .oe_reset_password_form .form-group input:focus ~ label, html[data-login-layout="Style3"] .container .card .card-body .oe_reset_password_form .form-group input:not(:focus):valid ~ label{top: -7px; line-height: 1; font-size: 13px; opacity: 1;} html[data-login-layout="Style3"] .container .card .card-body .oe_login_form .oe_login_buttons, html[data-login-layout="Style3"] .container .card .card-body .oe_signup_form .oe_login_buttons, html[data-login-layout="Style3"] .container .card .card-body .oe_reset_password_form .oe_login_buttons{padding-top: 0 !important; display: -webkit-box; display: -webkit-flex; display: flex; align-items: flex-start; -webkit-flex-wrap: wrap; flex-wrap: wrap;} html[data-login-layout="Style3"] .container .card .card-body .oe_login_form .oe_login_buttons .btn-block, html[data-login-layout="Style3"] .container .card .card-body .oe_signup_form .oe_login_buttons .btn-block, html[data-login-layout="Style3"] .container .card .card-body .oe_reset_password_form .oe_login_buttons .btn-block{height: 45px; width: 144px; border-radius: 25px; position: relative; box-shadow: 0px 4px 15px rgba(40, 195, 151, 0.25); background-color: var(--primary); color: var(--white); text-decoration: none;} html[data-login-layout="Style3"] .container .card .card-body .oe_login_form .oe_login_buttons .btn-link, html[data-login-layout="Style3"] .container .card .card-body .oe_signup_form .oe_login_buttons .btn-link, html[data-login-layout="Style3"] .container .card .card-body .oe_reset_password_form .oe_login_buttons .btn-link{margin-top: 1rem;} html[data-login-layout="Style3"] .container .card .card-body .oe_login_form .oe_login_buttons .small, html[data-login-layout="Style3"] .container .card .card-body .oe_signup_form .oe_login_buttons .small, html[data-login-layout="Style3"] .container .card .card-body .oe_reset_password_form .oe_login_buttons .small{margin-top: 1.5rem !important; width: 100%;} html[data-login-layout="Style3"] .container .card .card-body .oe_login_form .oe_login_buttons .small.align-items-center a:last-child, html[data-login-layout="Style3"] .container .card .card-body .oe_signup_form .oe_login_buttons .small.align-items-center a:last-child, html[data-login-layout="Style3"] .container .card .card-body .oe_reset_password_form .oe_login_buttons .small.align-items-center a:last-child{margin: 0;} html[data-login-layout="Style3"] .container .card .card-body .oe_login_form .oe_login_buttons .small a, html[data-login-layout="Style3"] .container .card .card-body .oe_signup_form .oe_login_buttons .small a, html[data-login-layout="Style3"] .container .card .card-body .oe_reset_password_form .oe_login_buttons .small a{color: var(--white); font-weight: normal; font-size: 14px; line-height: 21px;} html[data-login-layout="Style3"] .container .card .card-body .oe_login_form .oe_login_buttons .small a:last-child, html[data-login-layout="Style3"] .container .card .card-body .oe_signup_form .oe_login_buttons .small a:last-child, html[data-login-layout="Style3"] .container .card .card-body .oe_reset_password_form .oe_login_buttons .small a:last-child{margin-top: -58px; align-self: flex-start; margin-left: auto;} html[data-login-layout="Style3"] .container .card .card-body .border-top a{color: var(--white);} html[data-login-layout="Style4"] .container .card .card-body .oe_login_form .border-top, html[data-login-layout="Style4"] .container .card .card-body .oe_signup_form .border-top, html[data-login-layout="Style4"] .container .card .card-body .oe_reset_password_form .border-top{border: none !important;} html[data-login-layout="Style4"] .container .card .card-body .oe_login_form .form-group, html[data-login-layout="Style4"] .container .card .card-body .oe_signup_form .form-group, html[data-login-layout="Style4"] .container .card .card-body .oe_reset_password_form .form-group{margin-bottom: 2rem;} html[data-login-layout="Style4"] .container .card .card-body .oe_login_form .form-group label, html[data-login-layout="Style4"] .container .card .card-body .oe_signup_form .form-group label, html[data-login-layout="Style4"] .container .card .card-body .oe_reset_password_form .form-group label{display: none;} html[data-login-layout="Style4"] .container .card .card-body .oe_login_form .form-group input, html[data-login-layout="Style4"] .container .card .card-body .oe_signup_form .form-group input, html[data-login-layout="Style4"] .container .card .card-body .oe_reset_password_form .form-group input{background: var(--list-background); border: 1px solid #e4e2e2; border-radius: 30px; height: 45px; padding: 12px 22px;} html[data-login-layout="Style4"] .container .card .card-body .oe_login_form .form-group input::placeholder, html[data-login-layout="Style4"] .container .card .card-body .oe_signup_form .form-group input::placeholder, html[data-login-layout="Style4"] .container .card .card-body .oe_reset_password_form .form-group input::placeholder{font-weight: 500; font-size: 14px; line-height: 21px; color: #616266;} html[data-login-layout="Style4"] .container .card .card-body .oe_login_form .form-group input:focus, html[data-login-layout="Style4"] .container .card .card-body .oe_signup_form .form-group input:focus, html[data-login-layout="Style4"] .container .card .card-body .oe_reset_password_form .form-group input:focus{box-shadow: none; border-color: var(--primary);} html[data-login-layout="Style4"] .container .card .card-body .oe_login_form .alert, html[data-login-layout="Style4"] .container .card .card-body .oe_signup_form .alert, html[data-login-layout="Style4"] .container .card .card-body .oe_reset_password_form .alert{border-radius: 25px;} html[data-login-layout="Style4"] .container .card .card-body .oe_login_form .oe_login_buttons, html[data-login-layout="Style4"] .container .card .card-body .oe_signup_form .oe_login_buttons, html[data-login-layout="Style4"] .container .card .card-body .oe_reset_password_form .oe_login_buttons{padding-top: 0 !important; display: -webkit-box; display: -webkit-flex; display: flex; align-items: flex-start; -webkit-flex-wrap: wrap; flex-wrap: wrap;} html[data-login-layout="Style4"] .container .card .card-body .oe_login_form .oe_login_buttons .btn-block, html[data-login-layout="Style4"] .container .card .card-body .oe_signup_form .oe_login_buttons .btn-block, html[data-login-layout="Style4"] .container .card .card-body .oe_reset_password_form .oe_login_buttons .btn-block{width: 120px; height: 45px; border-radius: 30px; box-shadow: 0px 4px 15px rgba(40, 195, 151, 0.4); background-color: var(--primary); color: var(--white); text-decoration: none;} html[data-login-layout="Style4"] .container .card .card-body .oe_login_form .oe_login_buttons .btn-link, html[data-login-layout="Style4"] .container .card .card-body .oe_signup_form .oe_login_buttons .btn-link, html[data-login-layout="Style4"] .container .card .card-body .oe_reset_password_form .oe_login_buttons .btn-link{margin-top: 1rem;} html[data-login-layout="Style4"] .container .card .card-body .oe_login_form .oe_login_buttons .small, html[data-login-layout="Style4"] .container .card .card-body .oe_signup_form .oe_login_buttons .small, html[data-login-layout="Style4"] .container .card .card-body .oe_reset_password_form .oe_login_buttons .small{margin-top: 1.5rem !important; width: 100%;} html[data-login-layout="Style4"] .container .card .card-body .oe_login_form .oe_login_buttons .small.align-items-center a:last-child, html[data-login-layout="Style4"] .container .card .card-body .oe_signup_form .oe_login_buttons .small.align-items-center a:last-child, html[data-login-layout="Style4"] .container .card .card-body .oe_reset_password_form .oe_login_buttons .small.align-items-center a:last-child{margin: 0;} html[data-login-layout="Style4"] .container .card .card-body .oe_login_form .oe_login_buttons .small a, html[data-login-layout="Style4"] .container .card .card-body .oe_signup_form .oe_login_buttons .small a, html[data-login-layout="Style4"] .container .card .card-body .oe_reset_password_form .oe_login_buttons .small a{color: #7f7f81; font-weight: normal; font-size: 14px; line-height: 21px;} html[data-login-layout="Style4"] .container .card .card-body .oe_login_form .oe_login_buttons .small a:last-child, html[data-login-layout="Style4"] .container .card .card-body .oe_signup_form .oe_login_buttons .small a:last-child, html[data-login-layout="Style4"] .container .card .card-body .oe_reset_password_form .oe_login_buttons .small a:last-child{margin-top: -58px; align-self: flex-start; margin-left: auto;} html[data-login-layout="Style5"] .container .card{background-color: transparent !important;} html[data-login-layout="Style5"] .container .card .card-body{background: rgba(255, 255, 255, 0.8) !important;} html[data-login-layout="Style5"] .container .card .card-body .border-bottom{padding-bottom: 0px !important;} html[data-login-layout="Style5"] .container .card .card-body .oe_login_form .border-top, html[data-login-layout="Style5"] .container .card .card-body .oe_signup_form .border-top, html[data-login-layout="Style5"] .container .card .card-body .oe_reset_password_form .border-top{border: none !important;} html[data-login-layout="Style5"] .container .card .card-body .oe_login_form .form-group, html[data-login-layout="Style5"] .container .card .card-body .oe_signup_form .form-group, html[data-login-layout="Style5"] .container .card .card-body .oe_reset_password_form .form-group{margin-bottom: 1.5rem;} html[data-login-layout="Style5"] .container .card .card-body .oe_login_form .form-group label, html[data-login-layout="Style5"] .container .card .card-body .oe_signup_form .form-group label, html[data-login-layout="Style5"] .container .card .card-body .oe_reset_password_form .form-group label{font-weight: 500; font-size: 14px; line-height: 21px; color: #616266;} html[data-login-layout="Style5"] .container .card .card-body .oe_login_form .form-group input, html[data-login-layout="Style5"] .container .card .card-body .oe_signup_form .form-group input, html[data-login-layout="Style5"] .container .card .card-body .oe_reset_password_form .form-group input{background: var(--list-background); border: 1px solid #e4e2e2; border-radius: 5px; height: 45px;} html[data-login-layout="Style5"] .container .card .card-body .oe_login_form .form-group input::placeholder, html[data-login-layout="Style5"] .container .card .card-body .oe_signup_form .form-group input::placeholder, html[data-login-layout="Style5"] .container .card .card-body .oe_reset_password_form .form-group input::placeholder{opacity: 0;} html[data-login-layout="Style5"] .container .card .card-body .oe_login_form .form-group input:focus, html[data-login-layout="Style5"] .container .card .card-body .oe_signup_form .form-group input:focus, html[data-login-layout="Style5"] .container .card .card-body .oe_reset_password_form .form-group input:focus{box-shadow: none; border-color: var(--primary);} html[data-login-layout="Style5"] .container .card .card-body .oe_login_form .oe_login_buttons, html[data-login-layout="Style5"] .container .card .card-body .oe_signup_form .oe_login_buttons, html[data-login-layout="Style5"] .container .card .card-body .oe_reset_password_form .oe_login_buttons{padding-top: 0 !important;} html[data-login-layout="Style5"] .container .card .card-body .oe_login_form .oe_login_buttons .btn-block, html[data-login-layout="Style5"] .container .card .card-body .oe_signup_form .oe_login_buttons .btn-block, html[data-login-layout="Style5"] .container .card .card-body .oe_reset_password_form .oe_login_buttons .btn-block{height: 45px; box-shadow: 0px 4px 15px rgba(40, 195, 151, 0.4); border-radius: 5px; font-size: 14px; background-color: var(--primary); color: var(--white); text-decoration: none;} html[data-login-layout="Style5"] .container .card .card-body .oe_login_form .oe_login_buttons .btn-link, html[data-login-layout="Style5"] .container .card .card-body .oe_signup_form .oe_login_buttons .btn-link, html[data-login-layout="Style5"] .container .card .card-body .oe_reset_password_form .oe_login_buttons .btn-link{margin-top: 1rem;} html[data-login-layout="Style5"] .container .card .card-body .oe_login_form .oe_login_buttons .small, html[data-login-layout="Style5"] .container .card .card-body .oe_signup_form .oe_login_buttons .small, html[data-login-layout="Style5"] .container .card .card-body .oe_reset_password_form .oe_login_buttons .small{margin-top: 1.5rem !important;} html[data-login-layout="Style5"] .container .card .card-body .oe_login_form .oe_login_buttons .small a, html[data-login-layout="Style5"] .container .card .card-body .oe_signup_form .oe_login_buttons .small a, html[data-login-layout="Style5"] .container .card .card-body .oe_reset_password_form .oe_login_buttons .small a{color: #7f7f81; font-weight: normal; font-size: 14px; line-height: 21px;}