.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: #875A7B; color: white;} #list_website_pages td, #list_website_pages th{padding: 0.45rem;} #list_website_pages td > a.fa{margin-left: 5px; color: #875A7B;} #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_enterprise/static/src/scss/website_enterprise.scss defined in bundle 'web.assets_frontend' */
 .o_menu_toggle{float: left; padding: 4px 0 0 16px; font-size: 1.3em; color: white;} .o_menu_toggle:hover, .o_menu_toggle:focus, .o_menu_toggle:active{color: white; outline: none;} 

/* /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[type=file].form-control{height: 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;} 

/* /website_sale/static/src/scss/website_sale.scss defined in bundle 'web.assets_frontend' */
 .oe_product{border: 1px solid rgba(100, 100, 100, 0.2);} .oe_website_sale ul ul{margin-left: 1.5rem;} .oe_website_sale .o_payment_form .card{border-radius: 4px !important;} .oe_website_sale .address-inline address{display: inline-block;} .oe_website_sale table#cart_products tr td, .oe_website_sale table#suggested_products tr td{vertical-align: middle;} .oe_website_sale table#cart_products{margin-bottom: 0;} .oe_website_sale table#cart_products td:first-child, .oe_website_sale table#cart_products th:first-child{padding-left: 15px;} .oe_website_sale h1[itemprop="name"], .oe_website_sale .oe_product_cart form h6, .oe_website_sale .td-product_name{word-break: break-word; word-wrap: break-word; overflow-wrap: break-word;} @media (max-width: 767.98px){.oe_website_sale .td-img{display: none;}} @media (min-width: 1200px){.oe_website_sale .toggle_summary_div{max-width: 400px;}} .o_alternative_product{margin: auto;} .oe_product{position: relative;} .oe_product .oe_product_image{position: absolute; left: 15px; right: 15px; top: 15px; bottom: 55px; text-align: center;} .oe_product .oe_product_image img{max-width: 100%; max-height: 100%; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 4;} .oe_product section{position: absolute; left: 0; right: 0; bottom: 0; overflow: hidden; padding: 0 15px 0 10px; min-height: 56px; border-top: 1px solid rgba(255, 255, 255, 0.2); background: rgba(255, 255, 255, 0.75); z-index: 5;} .oe_product .product_price{bottom: 0;} .oe_product .oe_product_cart{position: relative; width: 100%; height: 100%;} .oe_product .oe_subdescription{font-size: 0.8em; overflow: hidden; margin-bottom: 10px;} .oe_product .js_publish_management{z-index: 5;} .oe_mycart .input-group-addon{padding-left: 6px; padding-right: 6px;} .oe_product.oe_image_full .oe_product_image{left: 0; right: 0; top: 0; bottom: 0;} .oe_product.oe_ribbon_promo .ribbon-wrapper{display: block;} .oe_product .ribbon-wrapper{display: none; width: 85px; height: 88px; z-index: 5; overflow: hidden; position: absolute; top: 0; right: 0;} .oe_product .ribbon{font: bold 15px Sans-Serif; color: white; text-align: center; transform: rotate(45deg); position: relative; padding: 7px 0; left: -5px; top: 15px; width: 120px; cursor: default;} #products_grid > table tr:not(:first-child) > td{height: 100%;} #products_grid.col-lg-12 > table > tbody > tr > td:empty, #products_grid.col-lg-9 > table > tbody > tr > td:empty{height: 0;} #products_grid.col-lg-12 .oe-height-1{height: 75px;} #products_grid.col-lg-12 .oe-height-2{height: 150px;} #products_grid.col-lg-12 .oe-height-4{height: 300px;} #products_grid.col-lg-12 .oe-height-6{height: 450px;} #products_grid.col-lg-12 .oe-height-8{height: 600px;} #products_grid.col-lg-9 .oe-height-1{height: 70px;} #products_grid.col-lg-9 .oe-height-2{height: 140px;} #products_grid.col-lg-9 .oe-height-4{height: 280px;} #products_grid.col-lg-9 .oe-height-6{height: 420px;} #products_grid.col-lg-9 .oe-height-8{height: 560px;} #products_grid .oe_product.oe_grid .oe_subdescription{max-height: 40px;} @media (min-width: 992px){#products_grid.col-lg-12 .oe-height-1{height: 95px;}#products_grid.col-lg-12 .oe-height-2{height: 190px;}#products_grid.col-lg-12 .oe-height-4{height: 380px;}#products_grid.col-lg-12 .oe-height-6{height: 570px;}#products_grid.col-lg-12 .oe-height-8{height: 760px;}#products_grid.col-lg-12 .oe_product.oe_grid .oe_subdescription{max-height: 70px;}#products_grid.col-lg-9 .oe-height-1{height: 72px;}#products_grid.col-lg-9 .oe-height-2{height: 144px;}#products_grid.col-lg-9 .oe-height-4{height: 288px;}#products_grid.col-lg-9 .oe-height-6{height: 432px;}#products_grid.col-lg-9 .oe-height-8{height: 576px;}} @media (min-width: 1200px){#products_grid.col-lg-12 .oe-height-1{height: 125px;}#products_grid.col-lg-12 .oe-height-2{height: 250px;}#products_grid.col-lg-12 .oe-height-4{height: 500px;}#products_grid.col-lg-12 .oe-height-6{height: 750px;}#products_grid.col-lg-12 .oe-height-8{height: 1000px;}#products_grid.col-lg-9 .oe-height-1{height: 95px;}#products_grid.col-lg-9 .oe-height-2{height: 190px;}#products_grid.col-lg-9 .oe-height-4{height: 380px;}#products_grid.col-lg-9 .oe-height-6{height: 570px;}#products_grid.col-lg-9 .oe-height-8{height: 760px;}#products_grid .oe_product.oe_grid .oe_subdescription{max-height: 120px;}} @media (max-width: 767.98px){#products_grid table, #products_grid tbody, #products_grid td, #products_grid tr{float: left; width: 100%; display: inline-block;}#products_grid .oe_product{float: left; width: 100%; display: inline-block;}#products_grid .oe_product.oe_grid{height: 400px;}#products_grid .oe_product.oe_grid section{background: rgba(100, 100, 100, 0.2);}#products_grid .oe_product .oe_subdescription{max-height: 200px;}} @media (max-width: 400px){#products_grid .oe_product.oe_grid{height: 270px;}#products_grid .oe_product.oe_list{height: 200px;}#products_grid .oe_product.oe_list .oe_subdescription{max-height: 40px;}#products_grid .oe_product.oe_list section{background: rgba(100, 100, 100, 0.2);}#products_grid .oe_product .oe_product_image{top: 0; bottom: 65px;}#products_grid .oe_product.oe_image_full .oe_product_image{bottom: 50px;}} .oe_cart table td:first-child{min-width: 76px;} .oe_cart > .oe_structure{clear: both;} div#payment_method div.list-group{margin-left: 40px;} div#payment_method .list-group-item{padding-top: 5px; padding-bottom: 5px;} @media (min-width: 400px){.oe_product.oe_list{border: none; border-bottom: 1px solid rgba(100, 100, 100, 0.2); width: 100%; min-height: 100px; position: relative; padding-bottom: 5px; padding-left: 180px;}.oe_product.oe_list .oe_product_image{top: 0; bottom: 0; left: 0; right: 0; width: 170px;}.oe_product.oe_list section{position: relative; border: 0; top: auto; bottom: auto; left: auto; right: auto; background: transparent;}} .oe_website_sale .row .row .col-lg-12{float: none;} .product_detail_img{margin-left: auto; margin-right: auto; display: block; max-height: 500px;} .oe_website_sale input.js_quantity{min-width: 48px; text-align: center;} .oe_website_sale input.quantity{padding: 0;} .oe_overlay_options .dropdown div[name="size"] table{margin-left: 20px;} .oe_overlay_options .dropdown div[name="size"] td{margin: 0; padding: 0; width: 20px; height: 20px; border: 1px #dddddd solid; cursor: pointer;} .oe_overlay_options .dropdown div[name="size"] td.selected{background-color: #B1D4F1;} .oe_overlay_options .dropdown div[name="size"] table.oe_hover td.selected{background-color: transparent;} .oe_overlay_options .dropdown div[name="size"] table.oe_hover td.select{background-color: #B1D4F1;} ul.wizard{padding: 0; margin-top: 20px; list-style: none outside none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.065); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.065); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.065);} ul.wizard li{border: 1px solid #d4d4d4; border-right-width: 0; position: relative; float: left; padding: 0 10px 0 20px; margin: 0; line-height: 38px; background: #fbfbfb;} ul.wizard li .chevron{position: absolute; top: 0; right: -10px; z-index: 1; display: block; border: 20px solid transparent; border-right: 0; border-left: 10px solid #d4d4d4;} ul.wizard li .chevron:before{position: absolute; top: -20px; right: 1px; display: block; border: 20px solid transparent; border-right: 0; border-left: 10px solid #fbfbfb; content: "";} ul.wizard li .o_link_disable{text-decoration: none; color: inherit; cursor: text;} ul.wizard li.text-success{background: #f3f4f5;} ul.wizard li.text-success .chevron:before{border-left: 10px solid #f5f5f5;} ul.wizard li.text-primary{background: #f1f6fc;} ul.wizard li.text-primary .chevron:before{border-left: 10px solid #f1f6fc;} ul.wizard li:first-child{padding-left: 15px; border-radius: 4px 0 0 4px;} ul.wizard li:last-child{border-radius: 0 4px 4px 0; border-right-width: 1px;} ul.wizard li:last-child .chevron{display: none;} #o_shop_collapse_category li{width: 100%;} #o_shop_collapse_category li a{display: inline-block; width: 80%; padding-left: 3px;} #o_shop_collapse_category li i.fa{cursor: pointer;} .mycart-popover{max-width: 500px; min-width: 250px;} .mycart-popover .cart_line{border-bottom: 1px #EEE solid;} tr#empty{display: none;} td.noborder{border: none !important;} .border_primary{border: 1px solid #00A09D;} .js_change_shipping{cursor: pointer;} a.no-decoration{cursor: pointer; text-decoration: none !important;} #o-carousel-product.css_not_available{opacity: 0.2;} #o-carousel-product .carousel-inner div.item, #o-carousel-product .carousel-control-prev, #o-carousel-product .carousel-control-next{height: 400px;} #o-carousel-product .carousel-inner div.item img{max-height: 100%;} #o-carousel-product .carousel-control-prev, #o-carousel-product carousel-control-next{background-image: none !important;} #o-carousel-product .carousel-indicators{background-color: transparent; margin: 10px 0 0; overflow-y: hidden; position: static; text-align: left; white-space: nowrap; width: 100%; height: 100px !important; text-align: center; list-style-position: inside;} #o-carousel-product .carousel-indicators li{background-color: transparent !important; border-radius: 0; display: inline-block; margin: 0 !important; width: 54px !important; height: 54px !important; border: 0 !important; box-shadow: none !important;} #o-carousel-product .carousel-indicators li img{display: block; opacity: 0.5;} #o-carousel-product .carousel-indicators li.active img{opacity: 1;} .ecom-zoomable:not(.ecom-autozoom) img[data-zoom]{cursor: zoom-in;} .ecom-zoomable.ecom-autozoom img[data-zoom]{cursor: crosshair;} .ecom-zoomable .o_editable img[data-zoom]{cursor: pointer;} .break-word{word-wrap: break-word;} #coupon_box form{max-width: 300px;} .font-weight-normal{font-weight: normal;} .o_website_sale_animate{opacity: 0.7; position: absolute !important; height: 150px; width: 150px; z-index: 1020;} .o_red_highlight{background: #db0700 !important; box-shadow: 0 0 0 0 rgba(240, 8, 0, 0.4); transition: all 0.5s linear;} .o_shadow_animation{box-shadow: 0 0 5px 10px rgba(240, 8, 0, 0.4) !important;} 

/* /website_sale/static/src/scss/website_mail.scss defined in bundle 'web.assets_frontend' */
 .oe_msg img.oe_msg_avatar{width: 50px; margin-right: 10px;} .oe_msg_attachment{display: inline-block; width: 120px; margin: 4px 2px; min-height: 80px; position: relative; border-radius: 3px; text-align: center; vertical-align: top;} .oe_msg_attachment a img.oe_attachment_embedded{display: block; position: relative; margin: 0 0 0 10px; width: 100px; height: 80px; border-radius: 1px; border: solid 3px #FFF; -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.19); -moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.19); box-shadow: 0 3px 10px rgba(0, 0, 0, 0.19);} .oe_msg_attachment a div.oe_attachment_name{display: inline-block; max-width: 100%; padding: 1px 3px; margin-top: 2px; margin-bottom: 5px; background: #F4F5FA; overflow: hidden; color: #4c4c4c; text-shadow: none; border-radius: 3px; word-wrap: break-word;} 

/* /website_sale/static/src/scss/website_sale_frontend.scss defined in bundle 'web.assets_frontend' */
 .progress-wizard{margin-top: 15px; padding: 0 15px;} @media (min-width: 768px){.progress-wizard{padding: 0;}} .progress-wizard .progress-wizard-step{position: relative;} @media (min-width: 768px){.progress-wizard .progress-wizard-step{margin-top: 0.8125rem; float: left; width: 33.33333333%;}.o_wizard_has_extra_step + .progress-wizard .progress-wizard-step{width: 25%;}} @media (max-width: 767.98px){.progress-wizard .progress-wizard-step.disabled, .progress-wizard .progress-wizard-step.complete{display: none;}} .progress-wizard .progress-wizard-step .progress-wizard-dot{width: 0.625rem; height: 0.625rem; position: relative; display: inline-block; background-color: white; border-radius: 50%; box-shadow: 0 0 0 0.125rem #e9ecef;} @media (min-width: 768px){.progress-wizard .progress-wizard-step .progress-wizard-dot{position: absolute; top: auto; left: 50%; bottom: auto; right: auto; margin: -0.375rem 0 0 -0.3125rem;}} .progress-wizard .progress-wizard-step .progress-wizard-steplabel{color: #6c757d; margin: 5px 0 5px 5px; font-size: 0.875rem; display: inline-block;} @media (min-width: 768px){.progress-wizard .progress-wizard-step .progress-wizard-steplabel{display: block; margin: 1rem 0 20px 0;}} @media (max-width: 767.98px){.progress-wizard .progress-wizard-step .progress-wizard-steplabel{margin-left: -15px; font-size: 24px;}} .progress-wizard .progress-wizard-step .progress-wizard-bar{height: 0.125rem; background-color: #e9ecef;} .progress-wizard .progress-wizard-step.active .progress-wizard-dot{animation: fadeIn 1s ease 0s 1 normal none running; background: #00A09D; box-shadow: 0 0 0 0.1875rem white, 0 0 0 0.25rem rgba(0, 160, 157, 0.5);} .progress-wizard .progress-wizard-step.active .progress-wizard-steplabel{color: #212529; font-weight: bolder;} .progress-wizard .progress-wizard-step.complete .progress-wizard-dot{background: none; box-shadow: none;} .progress-wizard .progress-wizard-step.complete .progress-wizard-dot:after{position: absolute; top: -0.3125rem; left: -0.3125rem; bottom: auto; right: auto; width: 1.25rem; height: 1.25rem; border-radius: 100%; background: white; color: #28a745; text-align: center; line-height: 1; font-size: 1.25rem; font-family: FontAwesome; content: "\f058";} .progress-wizard .progress-wizard-step.complete .progress-wizard-steplabel{color: #28a745;} .progress-wizard .progress-wizard-step.complete:hover:not(.disabled) .progress-wizard-dot:after{color: #28a745;} .progress-wizard .progress-wizard-step.complete:hover:not(.disabled) .progress-wizard-steplabel{color: #212529;} .progress-wizard .progress-wizard-step.disabled{cursor: default;} table.js_cart_lines .td-img img{max-height: 64px;} 

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

/* /sale/static/src/scss/product_configurator.scss defined in bundle 'web.assets_frontend' */
 .css_attribute_color{display: inline-block; border: 1px solid #999999; text-align: center;} .css_attribute_color input{margin: 8px; height: 13px; opacity: 0;} .css_attribute_color.active{border: 3px ridge #66ee66;} .css_attribute_color.active input{margin: 6px;} .css_attribute_color.custom_value{background-image: linear-gradient(to bottom right, #FF0000, #FFF200, #1E9600);} .css_not_available_msg{display: none;} .css_not_available.js_product > *:nth-child(4) > *{display: none;} .css_not_available.js_product .css_quantity, .css_not_available.js_product .product_price{display: none;} .css_not_available.js_product .css_not_available_msg{display: block;} .css_not_available.js_product .js_add, .css_not_available.js_product .oe_price, .css_not_available.js_product .oe_default_price, .css_not_available.js_product .oe_optional{display: none;} .css_quantity{max-width: 125px;} .css_quantity input[name="add_qty"]{text-align: center;} option.css_not_available{color: #ccc;} label.css_not_available{opacity: 0.6;} label.css_attribute_color.css_not_available{opacity: 1; background-image: url("/website_sale/static/src/img/redcross.png"); background-size: cover;} .variant_attribute{padding-bottom: 0.5rem;} .variant_attribute .attribute_name{padding-bottom: 0.5rem; display: inline-block;} .variant_attribute .radio_input{margin-right: 0.7rem; vertical-align: middle;} .variant_attribute .radio_input_value{display: inline-block; vertical-align: middle; line-height: 1;} .variant_attribute .variant_custom_value{margin-bottom: 0.7rem;} .variant_attribute .custom_value_radio{margin: 0.3rem 0rem 0.3rem 1.6rem;} .variant_attribute .variant_custom_value_label{margin: 0.3rem 0rem;} .o_product_configurator .product_detail_img{max-height: 240px;} .o_product_configurator .variant_attribute .custom_value_radio{margin: 0.3rem 0rem 0.3rem 2.1rem;} .oe_optional_products_modal .table-striped tbody tr:nth-of-type(odd){background-color: rgba(0, 0, 0, 0.025);} .oe_optional_products_modal .o_total_row{font-size: 1.2rem;} .modal.o_technical_modal .oe_optional_products_modal .btn.js_add_cart_json{padding: 0.075rem 0.75rem;} .js_product.in_cart .js_add_cart_variants{display: none;} .js_product select{-webkit--webkit-appearance: menulist; -moz-appearance: menulist; appearance: menulist; -moz--webkit-appearance: menulist; -moz-appearance: menulist; appearance: menulist; -webkit-appearance: menulist; -moz-appearance: menulist; appearance: menulist; background-image: none;} .js_product .td-product_name{word-wrap: break-word;} .js_product .td-product_name{min-width: 140px;} .js_product .td-img{width: 100px;} .js_product .td-qty{width: 200px;} .js_product .td-qty a.input-group-addon{background-color: transparent; border: 0px;} .js_product .td-qty .input-group{display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex;} .js_product .td-action{width: 30px;} .js_product .td-price, .js_product .td-price-total{width: 120px;} @media (max-width: 767.98px){.js_product .td-img, .js_product .td-price-total{display: none;}.js_product .td-qty{width: 60px;}.js_product .td-price{width: 80px;}} @media (max-width: 476px){.js_product .td-qty{width: 60px;}.js_product #modal_optional_products table thead, .js_product .oe_cart table thead{display: none;}.js_product #modal_optional_products table td.td-img, .js_product .oe_cart table td.td-img{display: none;}} .o_total_row{height: 50px;} .oe_striked_price{text-decoration: line-through; white-space: nowrap;} 

/* /website_sale/static/src/scss/website_sale_options.scss defined in bundle 'web.assets_frontend' */
 .css_not_available.js_product > *:nth-child(5) > *{display: none;} table.js_cart_lines .optional_product .js_delete_product{display: none;} div#modal_optional_products table tr td{border: 0;} @media (max-width: 767.98px){div#modal_optional_products .td-qty{display: none;}} 

/* /website_sale_delivery/static/src/scss/website_sale_delivery.scss defined in bundle 'web.assets_frontend' */
 @media (max-width: 767.98px){.o_delivery_compute{max-width: 130px; text-overflow: ellipsis; overflow: hidden;}} 

/* /base_p4h/static/src/scss/fonts.scss defined in bundle 'web.assets_frontend' */
 @font-face{font-family: "Kanit Black"; src: url("/base_p4h/static/src/scss/../fonts/Kanit-Black.ttf") format("woff"), url("/base_p4h/static/src/scss/../fonts/Kanit-Black.ttf") format("opentype"), url("/base_p4h/static/src/scss/../fonts/Kanit-Black.ttf") format("truetype");} @font-face{font-family: "Kanit Black Italic"; src: url("/base_p4h/static/src/scss/../fonts/Kanit-BlackItalic.ttf") format("woff"), url("/base_p4h/static/src/scss/../fonts/Kanit-BlackItalic.ttf") format("opentype"), url("/base_p4h/static/src/scss/../fonts/Kanit-BlackItalic.ttf") format("truetype");} @font-face{font-family: "Kanit Bold"; src: url("/base_p4h/static/src/scss/../fonts/Kanit-Bold.ttf") format("woff"), url("/base_p4h/static/src/scss/../fonts/Kanit-Bold.ttf") format("opentype"), url("/base_p4h/static/src/scss/../fonts/Kanit-Bold.ttf") format("truetype");} @font-face{font-family: "Kanit Bold Italic"; src: url("/base_p4h/static/src/scss/../fonts/Kanit-BoldItalic.ttf") format("woff"), url("/base_p4h/static/src/scss/../fonts/Kanit-BoldItalic.ttf") format("opentype"), url("/base_p4h/static/src/scss/../fonts/Kanit-BoldItalic.ttf") format("truetype");} @font-face{font-family: "Kanit Extra Bold"; src: url("/base_p4h/static/src/scss/../fonts/Kanit-ExtraBold.ttf") format("woff"), url("/base_p4h/static/src/scss/../fonts/Kanit-ExtraBold.ttf") format("opentype"), url("/base_p4h/static/src/scss/../fonts/Kanit-ExtraBold.ttf") format("truetype");} @font-face{font-family: "Kanit Extra Bold Italic"; src: url("/base_p4h/static/src/scss/../fonts/Kanit-ExtraBoldItalic.ttf") format("woff"), url("/base_p4h/static/src/scss/../fonts/Kanit-ExtraBoldItalic.ttf") format("opentype"), url("/base_p4h/static/src/scss/../fonts/Kanit-ExtraBoldItalic.ttf") format("truetype");} @font-face{font-family: "Kanit Extra Light"; src: url("/base_p4h/static/src/scss/../fonts/Kanit-ExtraLight.ttf") format("woff"), url("/base_p4h/static/src/scss/../fonts/Kanit-ExtraLight.ttf") format("opentype"), url("/base_p4h/static/src/scss/../fonts/Kanit-ExtraLight.ttf") format("truetype");} @font-face{font-family: "Kanit Extra Light Italic"; src: url("/base_p4h/static/src/scss/../fonts/Kanit-ExtraLightItalic.ttf") format("woff"), url("/base_p4h/static/src/scss/../fonts/Kanit-ExtraLightItalic.ttf") format("opentype"), url("/base_p4h/static/src/scss/../fonts/Kanit-ExtraLightItalic.ttf") format("truetype");} @font-face{font-family: "Kanit Italic"; src: url("/base_p4h/static/src/scss/../fonts/Kanit-Italic.ttf") format("woff"), url("/base_p4h/static/src/scss/../fonts/Kanit-Italic.ttf") format("opentype"), url("/base_p4h/static/src/scss/../fonts/Kanit-Italic.ttf") format("truetype");} @font-face{font-family: "Kanit Light"; src: url("/base_p4h/static/src/scss/../fonts/Kanit-Light.ttf") format("woff"), url("/base_p4h/static/src/scss/../fonts/Kanit-Light.ttf") format("opentype"), url("/base_p4h/static/src/scss/../fonts/Kanit-Light.ttf") format("truetype");} @font-face{font-family: "Kanit Light Italic"; src: url("/base_p4h/static/src/scss/../fonts/Kanit-LightItalic.ttf") format("woff"), url("/base_p4h/static/src/scss/../fonts/Kanit-LightItalic.ttf") format("opentype"), url("/base_p4h/static/src/scss/../fonts/Kanit-LightItalic.ttf") format("truetype");} @font-face{font-family: "Kanit Medium"; src: url("/base_p4h/static/src/scss/../fonts/Kanit-Medium.ttf") format("woff"), url("/base_p4h/static/src/scss/../fonts/Kanit-Medium.ttf") format("opentype"), url("/base_p4h/static/src/scss/../fonts/Kanit-Medium.ttf") format("truetype");} @font-face{font-family: "Kanit Medium Italic"; src: url("/base_p4h/static/src/scss/../fonts/Kanit-MediumItalic.ttf") format("woff"), url("/base_p4h/static/src/scss/../fonts/Kanit-MediumItalic.ttf") format("opentype"), url("/base_p4h/static/src/scss/../fonts/Kanit-MediumItalic.ttf") format("truetype");} @font-face{font-family: "Kanit Regular"; src: url("/base_p4h/static/src/scss/../fonts/Kanit-Regular.ttf") format("woff"), url("/base_p4h/static/src/scss/../fonts/Kanit-Regular.ttf") format("opentype"), url("/base_p4h/static/src/scss/../fonts/Kanit-Regular.ttf") format("truetype");} @font-face{font-family: "Kanit Semi Bold"; src: url("/base_p4h/static/src/scss/../fonts/Kanit-SemiBold.ttf") format("woff"), url("/base_p4h/static/src/scss/../fonts/Kanit-SemiBold.ttf") format("opentype"), url("/base_p4h/static/src/scss/../fonts/Kanit-SemiBold.ttf") format("truetype");} @font-face{font-family: "Kanit Semi Bold Italic"; src: url("/base_p4h/static/src/scss/../fonts/Kanit-SemiBoldItalic.ttf") format("woff"), url("/base_p4h/static/src/scss/../fonts/Kanit-SemiBoldItalic.ttf") format("opentype"), url("/base_p4h/static/src/scss/../fonts/Kanit-SemiBoldItalic.ttf") format("truetype");} @font-face{font-family: "Kanit Thin"; src: url("/base_p4h/static/src/scss/../fonts/Kanit-Thin.ttf") format("woff"), url("/base_p4h/static/src/scss/../fonts/Kanit-Thin.ttf") format("opentype"), url("/base_p4h/static/src/scss/../fonts/Kanit-Thin.ttf") format("truetype");} @font-face{font-family: "Kanit Thin Italic"; src: url("/base_p4h/static/src/scss/../fonts/Kanit-ThinItalic.ttf") format("woff"), url("/base_p4h/static/src/scss/../fonts/Kanit-ThinItalic.ttf") format("opentype"), url("/base_p4h/static/src/scss/../fonts/Kanit-ThinItalic.ttf") format("truetype");} 

/* /base_p4h/static/src/scss/header.scss defined in bundle 'web.assets_frontend' */
 .p4h_header{margin-bottom: 10pt; font-size: 20px; font-family: 'Kanit Light'; background-color: #fff !important;} .p4h_header #top_menu > li{text-transform: capitalize;} .p4h_header li{padding-right: 5px; padding-left: 15px;} .p4h_header .navbar-brand.logo img{height: 50px;} .p4h_header .badge-primary{background-color: #ff3d3d;} .p4h_header .no_light{color: rgba(0, 0, 0, 0.5);} .p4h_header div.show{margin-top: 20px;} .p4h_header .dropdown b{font-weight: unset;} .p4h_header ul{font-size: 18px;} .p4h_header .my_cart_quantity{border-radius: 5px; padding: 5px 10px 5px 10px; top: -0.1em !important;} .homepage-search-query .input-group{box-shadow: 0 10px 12px -6px grey;} .homepage-search-query input{background: #EFEFED; border: 2px solid #cacdd8; padding: 32px;} .homepage-search-query input:focus{border-color: #cacdd8; box-shadow: none; outline: none;} .hide_search_bar .search-query-header{display: block !important;} .homepage header.o_affix_enabled .search-query-header{display: none !important;} @media (min-width: 768px){.hide_search_bar .search-query-header{display: none !important;}} #wrapwrap .o_header_affix{background: #fff;} .my_cart_svg_icon_red{display: none;} .ph-4-fill_path:hover .my_cart_svg_icon{display: none;} .ph-4-fill_path:hover .my_cart_svg_icon_red{display: inline;} .ph-4-fill_path{fill: red;} .w-80{width: 80px;} .mt3{margin-top: 2.5rem !important;} .navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active{color: #ff3d3d; font-weight: bold;} .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus{color: #ff3d3d;} .dark-red{color: #A60040;} .helpdesk-text-link a{text-decoration: none; color: #A60040 !important;} .p4h_cart_mt2{margin-top: 2px !important;} .ph4-color-dark{color: #35465b;} .navbar-light .navbar-nav .nav-link{color: #35465b;} .homepage_search_bar{font-family: 'Kanit Light';} .homepage_search_bar input{background: #EFEFED; border: 2px solid #cacdd8; padding: 23px;} .homepage_search_bar button{border: unset; width: 50px;} .homepage_search_bar .input-group{box-shadow: 0 10px 12px -6px grey;} .p-40{padding: 40px;} .tp_preheader{font-size: 18px; font-family: 'Kanit Light'; margin-bottom: -15px;} .color-red{color: #ff3d3d;} .navbar-toggler{border: none; background: transparent !important;} .navbar-toggler:focus{outline: none;} .navbar-toggler .icon-bar{width: 28px; height: 3px; background-color: black; display: block; transition: all 0.2s; margin: 5px 2px;} .navbar-toggler .top-bar{transform: rotate(45deg); transform-origin: 10% 10%;} .navbar-toggler .middle-bar{opacity: 0; margin-left: -5px; width: 35px;} .navbar-toggler .bottom-bar{transform: rotate(-45deg); transform-origin: 10% 90%;} .navbar-toggler.collapsed{margin-top: 20px;} .navbar-toggler.collapsed .top-bar, .navbar-toggler.collapsed .bottom-bar{transform: rotate(0);} .navbar-toggler.collapsed .middle-bar{opacity: 1;} .p4h_header_social{justify-content: center;} .p4h_header_social a{color: grey !important; padding-right: 20px; padding-left: 20px;} .p4h_header_hr hr{padding: 1px; background: linear-gradient(100deg, #FF3D3D, #FDDF33);} .p4h_header_copyright p{font-family: Kanit Extra Light; font-size: 15px; color: #343a40;} 

/* /base_p4h/static/src/scss/footer.scss defined in bundle 'web.assets_frontend' */
 .p4h_footer #footer{background-color: #364759 !important;} .p4h_footer .p4h_footer_live_div_2 img{width: 40px; float: right; margin-top: -9px;} .p4h_footer .p4h_footer_payment span{padding-top: 15px; padding-right: 20px;} .p4h_footer .p4h_section.p4h_section_query{position: relative; top: 90px;} .p4h_footer .p4h_section .p4h_container_query{background: linear-gradient(100deg, #A60040, #FF3D3D); text-align: center; color: white; border-bottom-right-radius: 35pt 35pt;} .p4h_footer .p4h_section .p4h_container_query a{color: white; text-decoration: unset;} .p4h_footer .p4h_section .p4h_container_query h1{font-family: 'Kanit Bold'; margin-bottom: 35px; padding-top: 30px;} .p4h_footer .p4h_section .p4h_container_query h2{font-family: 'Kanit Light'; margin-bottom: 15px;} .p4h_footer .p4h_section .p4h_container_query h3{font-family: 'Kanit Light'; margin-bottom: 15px;} .p4h_footer .p4h_section .p4h_container_query h4{font-family: 'Kanit Light'; padding-bottom: 30px;} .p4h_footer .p4h_section .p4h_container_query h4 b{font-family: 'Kanit Medium';} .p4h_footer .p4h_section .p4h_footer_menu_row .p4h_footer_menu a{font-family: Kanit Light; color: #EFEFED; font-size: 20px; text-decoration: none; padding-right: 30px;} .p4h_footer .p4h_section .p4h_footer_menu_row .p4h_footer_social{justify-content: end;} .p4h_footer .p4h_section .p4h_footer_menu_row .p4h_footer_social a{padding-right: 20px; padding-left: 20px;} .p4h_footer .p4h_section .p4h_footer_info p{font-family: Kanit Extra Light; color: #EFEFED; font-size: 18px; text-align: justify;} .p4h_footer .p4h_section .p4h_footer_address{margin-top: 25px;} .p4h_footer .p4h_section .p4h_footer_address p{font-family: Kanit Extra Light; color: #EFEFED; font-size: 20px;} .p4h_footer .p4h_section .p4h_footer_address b{font-family: 'Kanit Regular'; font-size: 23px;} .p4h_footer .p4h_section .p4h_footer_live_div{justify-content: end; align-items: center;} .p4h_footer .p4h_section .p4h_footer_live_div .p4h_footer_live_a{font-family: Kanit Extra Light; color: #FF3D3D; font-size: 22px; text-decoration: none; padding-right: 20px;} .p4h_footer .p4h_section .p4h_footer_hr{margin-top: 30px; padding-bottom: 20px;} .p4h_footer .p4h_section .p4h_footer_hr hr{padding: 1px; background: linear-gradient(100deg, #FF3D3D, #FDDF33);} .p4h_footer .p4h_section .p4h_footer_copyright{margin-bottom: 20px;} .p4h_footer .p4h_section .p4h_footer_copyright p{font-family: Kanit Extra Light; color: #EFEFED;} .p4h_footer .p4h_section .p4h_footer_copyright p a{text-decoration: none; color: #EFEFED !important;} .p4h_footer .p4h_section .p4h_footer_payment{justify-content: end;} .p4h_footer .p4h_section .p4h_footer_payment i{padding: 10px;} @media only screen and (max-width: 768px){.p4h_footer .p4h_section .p4h_container_query_mobile{background: linear-gradient(100deg, #A60040, #FF3D3D); text-align: center; color: white; border-bottom-right-radius: 35pt 35pt;}.p4h_footer .p4h_section .p4h_container_query_mobile a{color: white; text-decoration: unset;}.p4h_footer .p4h_section .p4h_container_query_mobile h1{font-family: 'Kanit Bold'; padding-top: 30px; font-size: 30px;}.p4h_footer .p4h_section .p4h_container_query_mobile h2{font-family: 'Kanit Light'; padding: 18px; font-size: 18px; line-height: 1.5;}.p4h_footer .p4h_section .p4h_container_query_mobile h2 b{font-family: 'Kanit Bold';}.p4h_footer .p4h_section .p4h_footer_menu_row .p4h_footer_menu{justify-content: center;}.p4h_footer .p4h_section .p4h_footer_menu_row .p4h_footer_menu a{font-family: Kanit Light; color: #EFEFED; font-size: 17px; text-decoration: none; padding-right: 15px; padding-left: 15px;}.p4h_footer .p4h_section .p4h_footer_menu_row .p4h_footer_social{justify-content: center;}.p4h_footer .p4h_section .p4h_footer_menu_row .p4h_footer_social a{padding-right: 25px; padding-left: 25px;}.p4h_footer .p4h_section .p4h_footer_info{justify-content: center;}.p4h_footer .p4h_section .p4h_footer_info p{font-family: Kanit Extra Light; color: #EFEFED; font-size: 17px; text-align: center; margin-bottom: 0px;}.p4h_footer .p4h_section .p4h_footer_address p span{font-family: Kanit Extra Light; color: #EFEFED; font-size: 20px; display: block; text-align: center;}.p4h_footer .p4h_section .p4h_footer_address b{font-family: 'Kanit Regular'; font-size: 23px;}.p4h_footer .p4h_section .p4h_footer_live_div{justify-content: end; align-items: center;}.p4h_footer .p4h_section .p4h_footer_live_div .p4h_footer_live_a{font-family: Kanit Extra Light; color: #FF3D3D; font-size: 22px; text-decoration: none; padding-right: 20px;}.p4h_footer .p4h_section .p4h_footer_hr{margin-top: 0px; margin-bottom: 0px; padding: 0px;}.p4h_footer .p4h_section .p4h_footer_hr hr{margin-top: 0px; padding: 1px; background: linear-gradient(100deg, #FF3D3D, #FDDF33);}.p4h_footer .p4h_section .p4h_footer_copyright{margin-bottom: 10px; margin-top: 10px;}.p4h_footer .p4h_section .p4h_footer_copyright p{font-family: Kanit Extra Light; color: #EFEFED; text-align: center;}.p4h_footer .p4h_section .p4h_footer_copyright p a{text-decoration: none; color: #EFEFED !important;}.p4h_footer .p4h_section .p4h_footer_payment{justify-content: start;}.p4h_footer .p4h_section .p4h_footer_payment span{padding-top: 0px; margin-bottom: 10px; padding-right: 5px;}} .p4h_footer_live_a_2{font-family: Kanit Extra Light; color: #FF3D3D; font-size: 14px; text-decoration: none; margin-bottom: 30px;} 

/* /base_p4h/static/src/scss/home.scss defined in bundle 'web.assets_frontend' */
 .page-link{position: relative; display: block; padding: 0.5rem 0.75rem; margin-left: -1px; line-height: 1.25; color: #A60040; background-color: #FFFFFF; border: 1px solid #dee2e6;} .page-item.active .page-link{z-index: 1; color: #FFFFFF; background-color: #A60040; border-color: #A60040;} .badge-secondary{background-color: #A60040;} .btn.btn-primary{border: 1px solid #A60040;} .btn-primary{background-color: #A60040;} .btn-primary.disabled{background-color: #A60040;} .btn-primary:hover{border-color: #A60040; background-color: #A60040;} .btn-primary:active{border-color: #A60040; background-color: #A60040;} .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle{border-color: #A60040; background-color: #A60040; box-shadow: 0 0 0 1px #A60040 !important;} .btn-primary:focus{border-color: #A60040; box-shadow: 0 0 0 1px #A60040;} .btn-secondary{background-color: black; border-color: black; color: #FFFFFF !important; opacity: 0.8;} .btn-secondary:hover{background-color: black; border-color: black; color: #FFFFFF !important; opacity: 0.8;} .form-control:focus{border-color: #A60040; box-shadow: 0 0 0 1px #A60040;} a{color: #A60040;} a:hover{color: #A60040;} .btn-link{font-weight: 400; color: #A60040; background-color: transparent;} .btn-link:hover{color: #A60040;} .progress-wizard .progress-wizard-step.active .progress-wizard-dot{background: #A60040 !important; box-shadow: 0 0 0 0.1875rem white, 0 0 0 0.25rem #dc3545;} .dropdown-item:active{background-color: #A60040;} .progress-wizard .progress-wizard-step.complete .progress-wizard-steplabel{color: #A60040;} .p4h_homepage_first_block{background-image: url("/base_p4h/static/src/img/home_carosel.png"); background-size: cover; background-position: center;} .p4h_homepage_first_block .p4h_heading_content h1{font-size: 3.7rem; line-height: 50px;} .p4h_homepage_first_block .p4h_heading_content .p4h_heading1{font-family: "Kanit Extra Light";} .p4h_homepage_first_block .p4h_heading_content .p4h_heading2{font-family: "Kanit Bold";} .p4h_homepage_first_block .p4h_heading_content h3{font-size: 2rem; line-height: 30px; font-family: "Kanit Medium";} @media (max-width: 768px){.p4h_homepage_first_block .p4h_heading_content h1{font-size: 2.7rem; line-height: 39px;}.p4h_homepage_first_block .p4h_heading_content .p4h_heading1{font-family: "Kanit Extra Light";}.p4h_homepage_first_block .p4h_heading_content .p4h_heading2{font-family: "Kanit Medium";}.p4h_homepage_first_block .p4h_heading_content h3{font-size: 1.5rem; line-height: 30px; font-family: "Kanit Medium";}} .p4h_home_page_content .p4h_cont{font-size: 18px; color: #364759; font-family: "Kanit Light";} .p4h_get_parts .p4h_get_parts_heading{color: #FF3D3D; font-family: "Kanit Light"; font-size: 35px;} .p4h_get_parts .p4h_steps{font-family: "Kanit Light";} .p4h_get_parts .p4h_steps_p{font-size: 18px; color: #364759;} .p4h_get_parts .p4h_steps_s1{color: #FDDF33; font-size: 26px;} .p4h_get_parts .p4h_steps_s2{color: #FF3D3D; font-size: 26px;} .p4h_get_parts .p4h_steps_s3{color: #A60040; font-size: 26px;} .p4h_get_parts .p4h_steps_h2{color: #364759; font-size: 28px;} .p4h_slider{background: #f6f9f9;} .p4h_slider .p4h_quotes_carousel_icon{background-image: linear-gradient(to right, #ff5200, #ffd400); border-radius: 5%;} .p4h_slider .p4h_quotes_carousel .p4h_quotes{overflow: inherit;} .p4h_slider .p4h_quotes_icon{top: -35px; position: relative;} .p4h_slider .p4h_slider_content{font-family: "Kanit Extra Light"; font-size: 22px;} .p4h_slider .p4h_rating_stars{color: #FDDF33;} .p4h_slider .p4h_slide_button{color: #A60040; font-size: 26px;} .p4h_slider .p4h_arrow{background: #fff; border: 1px solid #E2DEE6; border-radius: 46px; height: 46px; width: 46px; line-height: 46px;} .p4h_slider .p4h_rating_row{gap: 6px;} .p4h_manufacturer_block .p4h_manufacturer{color: #A60040; font-weight: 800;} .p4h_manufacturer_block .p4h_manufacturer_img{width: 100%;} .home_about_us_p4h .p4h_banner_img{z-index: 0; width: 50%; color: #ff3d3d; font-family: "Kanit Light";} .home_about_us_p4h .about_us_heading{font-family: "Kanit Light"; font-size: 34px; color: #ff3d3d;} .home_about_us_p4h .p4h_content_about_us{font-size: 18px; color: #364759; font-family: 'Kanit Light';} .home_about_us_p4h .about_us_p4h_con{top: -87px; margin-bottom: -107px;} .home_about_us_p4h .p4h_home_cont{background: #f6f9f9; top: -20px; position: relative;} .home_about_us_p4h .p4h_learn_more{position: relative; top: -45px;} .home_about_us_p4h .p4h_learn_more_btn{background-image: linear-gradient(to right, #ffd400, #ff5200); border-radius: 5%;} @media (max-width: 768px){.home_about_us_p4h .about_us_p4h_con{top: -24px; margin-bottom: -93px;}.home_about_us_p4h .p4h_learn_more{position: relative; top: -66px;}} 

/* /base_p4h/static/src/scss/about_us.scss defined in bundle 'web.assets_frontend' */
 .about_us_p4h .p4h_banner_img{z-index: -1; margin-top: -35px;} .about_us_p4h .about_us_heading{color: #FF3D3D; font-family: 'Kanit Light';} .about_us_p4h .p4h_content_about_us{font-size: 18px; color: #364759; font-family: 'Kanit Light';} .about_us_p4h .about_us_p4h_con{top: -78px;} 

/* /base_p4h/static/src/scss/contactus.scss defined in bundle 'web.assets_frontend' */
 .contactus_p4h .contactus_page_p4h{background-image: url("/base_p4h/static/src/img/hero_image_contactus.png"); margin-top: -35px;} .contactus_p4h .contact_us_text_p4h{font-size: 50px; font-weight: 900;} .contactus_p4h .p4h_website_form_field, .contactus_p4h .p4h_website_form_input, .contactus_p4h .p4h_website_form_input1{font-family: "Kanit Light"; font-size: 18px;} .contactus_p4h .p4h_website_form_input{border: 2px solid #ced4da; height: calc(3.0625rem + 2px);} .contactus_p4h .p4h_website_form_input1{border: 2px solid #ced4da; border-radius: 0.25rem 0.25rem 2rem;} .contactus_p4h .p4h_text_color{color: #FF3D3D; font-family: 'Kanit Regular'; font-size: 25px; letter-spacing: 0.5px; font-weight: 600;} .contactus_p4h .p4h_website_form_send{background: linear-gradient(22deg, #be103f 0%, #e82d3d 100%); border-color: #be103f;} .contactus_p4h .p4h_website_form_label{color: #364759;} .contactus_p4h .p4h_add a{font-family: "Kanit Light"; color: #364759; font-size: 20px; text-decoration: unset;} 

/* /base_p4h/static/src/scss/shop_model.scss defined in bundle 'web.assets_frontend' */
 .p4h_shop_page_cl .p4h_shop_model_banner{background-image: url(/base_p4h/static/src/img/hero_image.png); background-position: center; background-size: cover; margin-top: -35px;} .p4h_shop_page_cl .p4h_shop_model_banner h1{color: white; font-family: "Kanit Bold"; font-size: 50px;} .p4h_shop_page_cl .sort_by_p4h_cl .btn-secondary{background-size: 200% auto; background: linear-gradient(22deg, #be103f 0%, #e82d3d 100%); border-color: #be103f; box-shadow: 0 0 20px #eee; transition: 0.5s; padding: 12px; width: auto; font-size: 18px; font-family: 'Kanit Light'; text-transform: uppercase; margin-bottom: -20px;} .p4h_shop_page_cl .sort_by_p4h_cl .btn-secondary:hover{opacity: 0.9;} .parts_pager{margin-right: auto; margin-left: auto;} .parts_pager .page-link:focus{z-index: 2; outline: 0; box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15);} .parts_pager .page-link:hover{z-index: 2; color: unset; text-decoration: none; background-color: #e9ecef; border-color: #dee2e6;} .oe_list{box-shadow: 3px 3px 20px -7px grey; border-bottom-right-radius: 15pt 15pt !important; border-bottom: unset !important; margin-top: 30px; color: #364759; width: 100%;} .oe_list section{display: -webkit-box; display: -webkit-flex; display: flex; justify-content: space-between; align-items: center; vertical-align: middle; min-height: 123px;} .oe_list section a{color: unset; line-height: 0px;} .oe_list section hr{display: none;} .oe_list b{font-family: Kanit Bold; font-size: 20px;} .oe_list .prod_name_price .model{font-family: Kanit Light; color: #364759;} .oe_list .prod_name_price p{font-family: Kanit Light;} .oe_list .oe_product_image{border-image: linear-gradient(100deg, #A60040, #FF3D3D) 30; border-bottom: solid 6px;} .oe_list .code{margin-top: auto; margin-bottom: auto;} .oe_list .prod_name{margin-top: auto; margin-bottom: auto;} .no-product-found{margin-top: 60px;} .no-product-found form{margin-top: 80px;} .no-product-found .unfortunately{font-family: Kanit Bold; color: #364759; font-size: 40px; line-height: 1;} .no-product-found label{color: #364759;} .no-product-found .call{font-family: Kanit Light; color: #364759; font-size: 25px;} .no-product-found .call a{color: black; font-family: Kanit Bold; text-decoration: unset; color: #364759;} .no-product-found .custom-file{position: relative; display: inline-block; width: 102%; height: auto; margin-bottom: 0;} .no-product-found .custom-file-input:focus ~ .custom-file-label{box-shadow: 0 0 0 1px #a60040; border: 2px solid #ced4da;} .no-product-found .custom-file-label{font-weight: unset; color: #727171;} .no-product-found .custom-file-input:lang(en) ~ .custom-file-label::after{content: ""; background-image: url(/base_p4h/static/src/img/camera.svg); width: 50px; background-repeat: no-repeat; height: auto; background-size: 59px; background-color: unset; background-position: center; border-top-left-radius: 5px; border-bottom-left-radius: 5px; border-top-right-radius: 0; border-bottom-right-radius: 0; border: unset;} .no-product-found .custom-file-label::after{position: absolute; top: 0; right: 0; bottom: 0; z-index: 3; display: block; height: auto; padding: 0.375rem 0.75rem; line-height: 1.5; color: #495057; content: "Browse"; background-color: #e9ecef; border-left: 1px solid #ced4da; border-radius: 0 0.25rem 0.25rem 0;} .oe_list:hover{background: linear-gradient(100deg, #A60040, #FF3D3D); color: white;} .oe_list:hover b{color: white;} .oe_list:hover .oe_product_image{background: white; border-image: linear-gradient(100deg, #A60040, #FF3D3D) 30; border: solid 6px; margin: 5px;} .oe_list:hover h6.text-truncate.d-block.mb-2{color: white; text-decoration: none;} .oe_list:hover a{color: white; text-decoration: none;} .p4h_product_page_cl #product_full_description{display: none;} .p4h_product_page_cl .p4h_product_model_banner{background-image: url(/base_p4h/static/src/img/product_Hero_Image.png); background-position: center; background-size: cover; background-repeat: no-repeat; margin-top: -35px; margin-bottom: 50pt;} .p4h_product_page_cl .p4h_product_model_banner .pt80{padding-top: 80px !important;} .p4h_product_page_cl .p4h_product_model_banner .pb50{padding-bottom: 50px !important;} .p4h_product_page_cl .p4h_product_model_banner .part_number .breadcrumb-item + .breadcrumb-item::before, .p4h_product_page_cl .p4h_product_model_banner .model_number .breadcrumb-item + .breadcrumb-item::before{content: ":" !important; font-weight: bold;} .p4h_product_page_cl .p4h_product_model_banner .breadcrumb{background-color: transparent; font-family: "Kanit Semi Bold"; font-size: 20pt;} .p4h_product_page_cl .p4h_product_model_banner .breadcrumb .breadcrumb-item + .breadcrumb-item::before{display: inline-block; padding-right: 0.5rem; color: #fff; content: "|"; font-family: "Kanit Extra Light"; font-size: 19pt;} .p4h_product_page_cl .p4h_product_model_banner .breadcrumb li{color: #fff;} .p4h_product_page_cl .p4h_product_model_banner .breadcrumb a{color: #fff;} .p4h-shop-table .oe_product .oe_product_cart{position: relative; height: 350px; width: 260px; box-shadow: 1px 1px 10px #e9ecef; border-bottom-right-radius: 35px 35px;} .p4h-shop-table .oe_product .oe_product_cart section{border-bottom-right-radius: 35px 35px;} #products_grid > .table > tbody > tr > td{margin-top: 15px; padding: 0;} .minust-32{margin-top: -32px;} .homepage-search-query .fa{font-size: 26pt;} @media (max-width: 425px){.gfp_table .oe_product.oe_grid{margin: 20pt 0;}#products_grid{overflow-y: scroll;}} @media (max-width: 1080px){#products_grid{overflow-y: scroll;}} .gfp_table{border-collapse: inherit !important; border-spacing: 25px !important;} .gfp_table .oe_product{border: white !important; height: 350px !important; width: auto;} .gfp_table .oe_product .oe_product_image img{max-width: 75%; max-height: 100%; margin: auto; position: absolute; top: 0; left: 0; bottom: unset !important; right: 0; z-index: 4;} @media (max-width: 425px){.gfp_table .oe_product .oe_product_image img{max-width: 45%;}} .gfp_table .oe_product .prod_name_price{background: unset !important; font-family: Kanit Bold; border-bottom-right-radius: 35pt 35pt !important; padding: 0px;} .gfp_table .oe_product .prod_name_price .model{font-family: Kanit Light; color: #364759; padding-right: 20px; padding-left: 20px; margin-bottom: 0px; margin-top: 10px;} .gfp_table .oe_product .prod_name_price p{font-family: Kanit Light; color: #364759; padding-right: 20px; padding-left: 20px; font-size: 14pt;} .gfp_table .oe_product .prod_name_price p a{font-weight: Bold; color: #364759; text-decoration: none; background-color: transparent;} .gfp_table .oe_product .prod_name_price p b{justify-content: center; text-align: center; font-family: Kanit Bold; font-size: 20px;} .gfp_table .oe_product .prod_name_price .prod_name{display: none;} .gfp_table .oe_product .prod_name_price hr{padding: 2px; margin: 0px; width: 50%; float: left; background: linear-gradient(100deg, #A60040, #FF3D3D);} .gfp_table .oe_product_cart{box-shadow: 3px 3px 20px -7px grey; border-bottom-right-radius: 35pt 35pt !important;} .gfp_table .oe_product_cart:hover{box-shadow: 3px 3px 20px -7px grey; border-bottom-right-radius: 35pt 35pt !important;} .gfp_table .oe_product:hover .oe_product_image{position: absolute; left: 0px; right: 0px; top: 0px; bottom: 55px; text-align: center; border: 3px solid #A60040;} .gfp_table .oe_product:hover .prod_name_price{background: linear-gradient(100deg, #A60040, #FF3D3D) !important;} .gfp_table .oe_product:hover .prod_name_price p{font-family: Kanit Light; color: white; padding-right: 20px; padding-left: 20px; margin-bottom: 0px;} .gfp_table .oe_product:hover .prod_name_price p a{font-weight: Bold; color: white; text-decoration: none; background-color: transparent;} .gfp_table .oe_product:hover .prod_name_price a:hover{text-decoration: none;} .gfp_table .oe_product:hover .prod_name_price .prod_name{display: block; font-size: 10pt; margin-right: 30px; margin-bottom: 10px; text-align: justify;} .gfp_table .oe_product:hover .prod_name_price hr{display: none;} .divide{padding: 1px; margin: 0px; margin-bottom: 40pt; width: 100%; float: left; background: linear-gradient(to right, #a60040 0%, #fddf33 100%);} .related{font-family: "Kanit Semi Bold"; font-size: 2rem; margin-bottom: 40pt;} .no_parts_msg{font-family: "Kanit Semi Bold"; font-size: 2rem;} .no_parts_msg p{color: #A60040;} .related_parts_cart .related_parts{box-shadow: 3px 3px 20px -7px grey; border-bottom-right-radius: 35pt 35pt !important;} .related_parts_cart .related_parts .related_prod_price{padding: 10pt;} .related_parts_cart .related_parts .related_prod_price .parts_mfg{font-size: 14pt; font-family: "Kanit Semi Bold";} .related_parts_cart .related_parts .related_prod_price a{color: black;} .related_parts_cart .related_parts hr{padding: 2px; margin: 0px; width: 50%; float: left; background: linear-gradient(100deg, #A60040, #FF3D3D); margin-top: -5px;} .related_parts_cart .related_parts:hover{cursor: pointer;} .related_parts_cart .related_parts:hover .oe_product_image{border: 3px solid #A60040;} .related_parts_cart .related_parts:hover .related_prod_price{background: linear-gradient(100deg, #A60040, #FF3D3D); border-bottom-right-radius: 35pt 35pt !important;} .related_parts_cart .related_parts:hover .related_prod_price a{color: white;} .related_parts_cart .related_parts:hover hr{display: none;} .products_pager .pagination .page-item .page-link{color: #FF3D3D;} .products_pager .pagination .page-item.active .page-link{z-index: 1; color: #FFFFFF; background-color: #FF3D3D; border-color: #A60040;} #top_menu .nav-item .nav-link{margin-top: 5pt;} #product_details .model_name{font-family: "Kanit Semi Bold";} #product_details .product_name{font-family: "Kanit Extra Light"; margin: 20pt 0;} #product_details p{font-size: 14pt;} #product_details hr{background: linear-gradient(to right, #a60040 0%, #fddf33 100%); padding: 1px 0; margin: 0;} #product_details .mtb20{margin: 20pt 0;} #o-carousel-product .carousel-indicators li{width: 154px !important;} #product_detail .js_product.js_main_product .p4h-add-to-cart{border: none; color: #fff; font-size: 10pt; padding: 8pt 20pt; background: linear-gradient(100deg, #A60040, #FF3D3D);} #product_detail .js_product.js_main_product .p4h-add-to-cart:hover{color: #fff; background: linear-gradient(100deg, #A60040, #FF3D3D);} #product_detail .js_product.js_main_product .p4h-add-to-cart:focus{color: #fff; background: linear-gradient(100deg, #A60040, #FF3D3D);} #product_detail .js_product.js_main_product .col-form-label{font-family: "Kanit Semi Bold"; font-size: 14pt;} #product_detail .js_product.js_main_product .parts_qty{margin-left: 0px;} #product_detail .js_product.js_main_product .parts_qty input{width: 10%; margin-right: 20pt; height: 43px;} #product_detail .js_product.js_main_product .parts_qty input:focus{box-shadow: none;} #product_detail .js_product.js_main_product .parts_qty a{border: none; font-size: 10pt; padding: 8pt 20pt; color: #fff; background: linear-gradient(100deg, #A60040, #FF3D3D);} #product_detail .product_price{margin: 20pt 0 !important;} #product_detail .product_price .oe_price{font-family: "Kanit Thin"; font-size: 20pt;} #product_detail .homepage-search-query .search-query{border-right: none;} #product_detail .homepage-search-query button{background: #EFEFED !important; border: 2px solid #cacdd8; border-left: none;} #product_detail .homepage-search-query button .fa{color: #A60040 !important;} #product_detail table{border-collapse: separate; border-spacing: 0 15px;} #product_detail table thead{background: #EFEFED; font-size: 14pt;} #product_detail table thead th:first-child{border-radius: 5px 0 0 5px;} #product_detail table thead th:last-child{border-radius: 0 5px 5px 0;} #product_detail table thead th{padding-top: 20pt; padding-bottom: 20pt; border-top: none; border-bottom: none;} #product_detail table tbody th{background: #EFEFED; text-align: center; border-top: none;} #product_detail table tbody td:nth-child(2){font-family: "Kanit Semi Bold"; font-size: 13pt;} #product_detail table tbody td{vertical-align: middle; border-top: none; padding: 15px;} #product_detail table tbody td .p4h-add-to-cart{border: 2px solid red; color: black; font-size: 10pt; padding: 8pt 20pt;} #product_detail table tbody td .p4h-add-to-cart:hover{color: #fff; background: linear-gradient(100deg, #A60040, #FF3D3D);} #product_detail table tbody td .p4h-add-to-cart:focus{color: #fff; background: linear-gradient(100deg, #A60040, #FF3D3D);} #product_detail .load_more{padding: 1rem; background: #EFEFED; color: black; border: #EFEFED;} #product_detail .load_more span{margin-left: 150pt; font-size: 22pt; color: red;} #product_detail .load_more:focus{box-shadow: #EFEFED; border: #EFEFED;} #product_detail .load_more.focus{box-shadow: #EFEFED; border: #EFEFED;} @media (min-width: 1200px){.product_item_model_default_code_info{display: -webkit-box; display: -webkit-flex; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: space-between; align-items: center; width: auto; margin-right: 53%;}.product_item_model_default_code_info p{margin-bottom: 0px;}.p4h_shop_page .oe_structure.prod_description p{margin-bottom: 0px;}.product_item_default_code{line-height: 1.2;}} @media (min-width: 992px) and (max-width: 1200px){.product_item_model_default_code_info{display: -webkit-box; display: -webkit-flex; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: space-between; align-items: center; width: auto; margin-right: 35%;}.product_item_model_default_code_info p{margin-bottom: 0px;}.p4h_shop_page .oe_structure.prod_description p{margin-bottom: 0px;}.product_item_default_code{line-height: 1.2;}} .product_item_model{line-height: 1.2;} .product_item_model_default_code_info span.model_name, .product_item_model_default_code_info p.model_name{margin-bottom: 0px;} @media (max-width: 992px){.product_item_model_default_code_info.text-truncate.mb-2{line-height: 1;}p.p_default_code{margin-bottom: 0px;}.product_search_reset a{margin: 15px 0px;}.product_item_model_default_code_info span.model_name, .product_item_model_default_code_info span.p_default_code, .product_item_model_default_code_info p.model_name, .product_item_model_default_code_info p.p_default_code{font-size: 16px !important;}} .product_item_model_default_code_info p{font-family: Kanit Light;} .product_item_model_default_code_info span.model_name, .product_item_model_default_code_info span.p_default_code, .product_item_model_default_code_info p.model_name, .product_item_model_default_code_info p.p_default_code{font-size: 20px; font-weight: 500; font-family: Kanit Bold; white-space: pre;} .oe_list:hover .product_item_model_default_code_info p{color: white; text-decoration: none;} .p4h_shop_page .prod_description{display: block; display: -webkit-box; margin: 0 auto; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;} .p4h_shop_page p, .p4h_shop_page span, .p4h_shop_page h6, .p4h_shop_page a{color: unset;} .card-body.h-100.o_wsale_product_information.p4h_shop_page{padding: 10px;} .p4h-custom-text-truncate span{display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;} #parts_search{margin-bottom: 100px;} #product_quick_views_popup .col-12.col-xl-8.oe_cart{overflow-x: hidden; overflow-y: auto; text-align: justify;} @media (min-width: 992px){#product_quick_views_popup .col-12.col-xl-8.oe_cart{height: 500px;}.p4h_product_img_slider #o-carousel-product .carousel-indicators li img{position: absolute;}} @media (max-width: 992px){#product_quick_views_popup .col-12.col-xl-8.oe_cart{height: 280px;}.p4h_product_img_slider #o-carousel-product .carousel-indicators li img{position: static;}} #product_quick_views_popup .js_cart_summary a.btn.btn-secondary.float-right.d-none.d-xl-inline-block{display: none !important;} .p4h_product_img_slider #o-carousel-product .carousel-indicators li{width: 64px !important; height: 64px !important; text-indent: unset; transition: none; border: 1px solid #CED4DA !important; box-sizing: content-box;} .p4h_product_img_slider #o-carousel-product .carousel-indicators li img{display: block; top: 50%; left: 50%; transform: translate(-50%, -50%); object-fit: contain;} .p4h_product_img_slider #o-carousel-product .carousel-indicators li:not(:first-child){margin-left: 10px !important;} .p4h_product_img_slider #o-carousel-product .o_carousel_product_indicators .carousel-indicators li.active{border-color: #35979c !important;} .p4h_product_img_slider #o-carousel-product span.fa.fa-chevron-left{width: 2.5rem; height: 2.5rem; line-height: 2.5rem; color: #212529; background: white; font-size: 1.15rem; border: 1px solid #CED4DA; border-radius: 50%;} .p4h_product_img_slider #o-carousel-product span.fa.fa-chevron-right{width: 2.5rem; height: 2.5rem; line-height: 2.5rem; color: #212529; background: white; font-size: 1.15rem; border: 1px solid #CED4DA; border-radius: 50%;} .p4h_product_img_slider #o-carousel-product:not(:hover) .carousel-control-prev{opacity: 0; opacity: 0;} .p4h_product_img_slider #o-carousel-product:not(:hover) .carousel-control-next{opacity: 0; opacity: 0;} .p4h_product_img_slider #o-carousel-product .carousel-control-prev:hover{opacity: 0.8; opacity: 0.8;} .p4h_product_img_slider #o-carousel-product .carousel-control-next:hover{opacity: 0.8; opacity: 0.8;} 

/* /base_p4h/static/src/scss/style.scss defined in bundle 'web.assets_frontend' */
 .product_part_box{border: 1px solid lightgray; padding: 15px;} .product_part_box section h6{min-height: 34px; max-height: 34px; line-height: 18px; overflow: hidden;} .product_part_box .qty_counter_part{position: absolute; right: 22px; top: 8px; color: white; font-weight: bold; background: #30a09d; padding: 10px 12px; border-radius: 50%; width: 40px; text-align: center;} .search_bar_part{width: 289px; margin-left: auto; margin-right: auto;} .add_cart_btn_cl .product_price{width: 48%; display: inline-block;} .add_cart_btn_cl .btn_cart_part{width: 50%; display: inline-block; text-align: right;} .error_p4h .error_page_text_p4h{font-size: 45px; font-weight: 900;} .error_p4h .error_page_p4h{background-image: url("/base_p4h/static/src/img/hero_image_contactus.png"); margin-top: -35px;} .error_p4h .p4h_main_title{font-weight: 900; color: #FF3D3D;} .error_p4h .p4h_subtitle a{color: unset !important; text-decoration: underline;} 

/* /base_p4h/static/src/scss/style.css defined in bundle 'web.assets_frontend' */
 @font-face{font-family: "Kanit Black"; src: url("/base_p4h/static/src/scss/../fonts/Kanit-Black.ttf") format("woff"), url("/base_p4h/static/src/scss/../fonts/Kanit-Black.ttf") format("opentype"), url("/base_p4h/static/src/scss/../fonts/Kanit-Black.ttf") format("truetype");} @font-face{font-family: "Kanit Black Italic"; src: url("/base_p4h/static/src/scss/../fonts/Kanit-BlackItalic.ttf") format("woff"), url("/base_p4h/static/src/scss/../fonts/Kanit-BlackItalic.ttf") format("opentype"), url("/base_p4h/static/src/scss/../fonts/Kanit-BlackItalic.ttf") format("truetype");} @font-face{font-family: "Kanit Bold"; src: url("/base_p4h/static/src/scss/../fonts/Kanit-Bold.ttf") format("woff"), url("/base_p4h/static/src/scss/../fonts/Kanit-Bold.ttf") format("opentype"), url("/base_p4h/static/src/scss/../fonts/Kanit-Bold.ttf") format("truetype");} @font-face{font-family: "Kanit Bold Italic"; src: url("/base_p4h/static/src/scss/../fonts/Kanit-BoldItalic.ttf") format("woff"), url("/base_p4h/static/src/scss/../fonts/Kanit-BoldItalic.ttf") format("opentype"), url("/base_p4h/static/src/scss/../fonts/Kanit-BoldItalic.ttf") format("truetype");} @font-face{font-family: "Kanit Extra Bold"; src: url("/base_p4h/static/src/scss/../fonts/Kanit-ExtraBold.ttf") format("woff"), url("/base_p4h/static/src/scss/../fonts/Kanit-ExtraBold.ttf") format("opentype"), url("/base_p4h/static/src/scss/../fonts/Kanit-ExtraBold.ttf") format("truetype");} @font-face{font-family: "Kanit Extra Bold Italic"; src: url("/base_p4h/static/src/scss/../fonts/Kanit-ExtraBoldItalic.ttf") format("woff"), url("/base_p4h/static/src/scss/../fonts/Kanit-ExtraBoldItalic.ttf") format("opentype"), url("/base_p4h/static/src/scss/../fonts/Kanit-ExtraBoldItalic.ttf") format("truetype");} @font-face{font-family: "Kanit Extra Light"; src: url("/base_p4h/static/src/scss/../fonts/Kanit-ExtraLight.ttf") format("woff"), url("/base_p4h/static/src/scss/../fonts/Kanit-ExtraLight.ttf") format("opentype"), url("/base_p4h/static/src/scss/../fonts/Kanit-ExtraLight.ttf") format("truetype");} @font-face{font-family: "Kanit Extra Light Italic"; src: url("/base_p4h/static/src/scss/../fonts/Kanit-ExtraLightItalic.ttf") format("woff"), url("/base_p4h/static/src/scss/../fonts/Kanit-ExtraLightItalic.ttf") format("opentype"), url("/base_p4h/static/src/scss/../fonts/Kanit-ExtraLightItalic.ttf") format("truetype");} @font-face{font-family: "Kanit Italic"; src: url("/base_p4h/static/src/scss/../fonts/Kanit-Italic.ttf") format("woff"), url("/base_p4h/static/src/scss/../fonts/Kanit-Italic.ttf") format("opentype"), url("/base_p4h/static/src/scss/../fonts/Kanit-Italic.ttf") format("truetype");} @font-face{font-family: "Kanit Light"; src: url("/base_p4h/static/src/scss/../fonts/Kanit-Light.ttf") format("woff"), url("/base_p4h/static/src/scss/../fonts/Kanit-Light.ttf") format("opentype"), url("/base_p4h/static/src/scss/../fonts/Kanit-Light.ttf") format("truetype");} @font-face{font-family: "Kanit Light Italic"; src: url("/base_p4h/static/src/scss/../fonts/Kanit-LightItalic.ttf") format("woff"), url("/base_p4h/static/src/scss/../fonts/Kanit-LightItalic.ttf") format("opentype"), url("/base_p4h/static/src/scss/../fonts/Kanit-LightItalic.ttf") format("truetype");} @font-face{font-family: "Kanit Medium"; src: url("/base_p4h/static/src/scss/../fonts/Kanit-Medium.ttf") format("woff"), url("/base_p4h/static/src/scss/../fonts/Kanit-Medium.ttf") format("opentype"), url("/base_p4h/static/src/scss/../fonts/Kanit-Medium.ttf") format("truetype");} @font-face{font-family: "Kanit Medium Italic"; src: url("/base_p4h/static/src/scss/../fonts/Kanit-MediumItalic.ttf") format("woff"), url("/base_p4h/static/src/scss/../fonts/Kanit-MediumItalic.ttf") format("opentype"), url("/base_p4h/static/src/scss/../fonts/Kanit-MediumItalic.ttf") format("truetype");} @font-face{font-family: "Kanit Regular"; src: url("/base_p4h/static/src/scss/../fonts/Kanit-Regular.ttf") format("woff"), url("/base_p4h/static/src/scss/../fonts/Kanit-Regular.ttf") format("opentype"), url("/base_p4h/static/src/scss/../fonts/Kanit-Regular.ttf") format("truetype");} @font-face{font-family: "Kanit Semi Bold"; src: url("/base_p4h/static/src/scss/../fonts/Kanit-SemiBold.ttf") format("woff"), url("/base_p4h/static/src/scss/../fonts/Kanit-SemiBold.ttf") format("opentype"), url("/base_p4h/static/src/scss/../fonts/Kanit-SemiBold.ttf") format("truetype");} @font-face{font-family: "Kanit Semi Bold Italic"; src: url("/base_p4h/static/src/scss/../fonts/Kanit-SemiBoldItalic.ttf") format("woff"), url("/base_p4h/static/src/scss/../fonts/Kanit-SemiBoldItalic.ttf") format("opentype"), url("/base_p4h/static/src/scss/../fonts/Kanit-SemiBoldItalic.ttf") format("truetype");} @font-face{font-family: "Kanit Thin"; src: url("/base_p4h/static/src/scss/../fonts/Kanit-Thin.ttf") format("woff"), url("/base_p4h/static/src/scss/../fonts/Kanit-Thin.ttf") format("opentype"), url("/base_p4h/static/src/scss/../fonts/Kanit-Thin.ttf") format("truetype");} @font-face{font-family: "Kanit Thin Italic"; src: url("/base_p4h/static/src/scss/../fonts/Kanit-ThinItalic.ttf") format("woff"), url("/base_p4h/static/src/scss/../fonts/Kanit-ThinItalic.ttf") format("opentype"), url("/base_p4h/static/src/scss/../fonts/Kanit-ThinItalic.ttf") format("truetype");} input[type=search]::-webkit-search-cancel-button{-webkit-appearance: searchfield-cancel-button;} 

/* /payment/static/src/scss/portal_payment.scss defined in bundle 'web.assets_frontend' */
 input#cc_number{background-repeat: no-repeat; background-position: 14px 14px;} div.card_placeholder{background-image: url("/website_payment/static/src/img/placeholder.png"); background-repeat: no-repeat; width: 32px; height: 20px; position: absolute; top: 8px; right: 20px; -webkit-transition: 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955); pointer-events: none;} div.o_card_brand_detail{position: relative;} div.o_card_brand_detail div.card_placeholder{right: 5px;} div.amex{background-image: url("/website_payment/static/src/img/amex.png"); background-repeat: no-repeat;} div.diners{background-image: url("/website_payment/static/src/img/diners.png"); background-repeat: no-repeat;} div.discover{background-image: url("/website_payment/static/src/img/discover.png"); background-repeat: no-repeat;} div.jcb{background-image: url("/website_payment/static/src/img/jcb.png"); background-repeat: no-repeat;} div.mastercard{background-image: url("/website_payment/static/src/img/mastercard.png"); background-repeat: no-repeat;} div.visa{background-image: url("/website_payment/static/src/img/visa.png"); background-repeat: no-repeat;} ul.payment_method_list img.rounded{max-width: 100px; max-height: 40px;} 

/* /payment/static/src/scss/payment_form.scss defined in bundle 'web.assets_frontend' */
 .o_payment_form label > input[type="radio"], .o_payment_form input[type="checkbox"]{vertical-align: middle; margin-right: 5px;} .o_payment_form .payment_option_name{font-size: 14px; font-weight: normal !important; font-family: Helvetica Neue, sans-serif; line-height: 1.3em; color: #4d4d4d;} .o_payment_form label{font-weight: normal; margin-top: 5px;} .o_payment_form .card-body:first-child{border-top: 0px;} .o_payment_form .card{border-radius: 10px;} .o_payment_form .card-footer:last-child{border-bottom-right-radius: 10px !important; border-bottom-left-radius: 10px !important;} .o_payment_form .card-body{border-top: 1px solid #ddd; padding: 1.14em !important;} .o_payment_form .payment_icon_list{position: relative; margin-top: 0px !important; margin-bottom: -5px !important;} .o_payment_form .payment_icon_list li{padding-left: 5px !important; padding-right: 0px !important;} .o_payment_form .payment_icon_list .more_option{position: absolute; top: auto; left: auto; bottom: auto; right: 10px; font-size: 10px;} 

/* /sale/static/src/scss/sale_portal.scss 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;} 

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

/* /auth_oauth/static/src/scss/auth_oauth.scss defined in bundle 'web.assets_frontend' */
 .o_auth_oauth_providers .fa-facebook-square{color: #3b5998;} .o_auth_oauth_providers .fa-google-plus-square{color: #de564a;} .o_auth_oauth_providers .o_custom_icon{margin: 0 0.15em; width: 1em; height: 1em; border: 3px solid #875A7B; border-radius: 100%; transform: translateY(2px);}