body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-success.disabled, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-success[disabled], fieldset[disabled] body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-success, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-success.disabled:hover, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-success[disabled]:hover, fieldset[disabled] body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-success:hover, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-success.disabled:focus, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-success[disabled]:focus, fieldset[disabled] body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-success:focus, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-success.disabled.focus, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-success[disabled].focus, fieldset[disabled] body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-success.focus, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-success.disabled:active, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-success[disabled]:active, fieldset[disabled] body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-success:active, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-success.disabled.active, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-success[disabled].active, fieldset[disabled] body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-success.active{background-color: #40ad67; border-color: #399a5c;} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-success .badge{color: #40ad67; background-color: #ffffff;} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info{color: #ffffff; background-color: #6999a8; border-color: #5b8d9d;} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info:focus, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info.focus{color: #ffffff; background-color: #517e8d; border-color: #2c444c;} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info:hover{color: #ffffff; background-color: #517e8d; border-color: #446a76;} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info:active, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info.active, .open > .dropdown-togglebody .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info{color: #ffffff; background-color: #517e8d; border-color: #446a76;} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info:active:hover, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info.active:hover, .open > .dropdown-togglebody .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info:hover, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info:active:focus, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info.active:focus, .open > .dropdown-togglebody .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info:focus, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info:active.focus, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info.active.focus, .open > .dropdown-togglebody .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info.focus{color: #ffffff; background-color: #446a76; border-color: #2c444c;} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info:active, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info.active, .open > .dropdown-togglebody .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info{background-image: none;} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info.disabled, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info[disabled], fieldset[disabled] body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info.disabled:hover, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info[disabled]:hover, fieldset[disabled] body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info:hover, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info.disabled:focus, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info[disabled]:focus, fieldset[disabled] body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info:focus, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info.disabled.focus, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info[disabled].focus, fieldset[disabled] body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info.focus, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info.disabled:active, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info[disabled]:active, fieldset[disabled] body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info:active, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info.disabled.active, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info[disabled].active, fieldset[disabled] body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info.active{background-color: #6999a8; border-color: #5b8d9d;} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info .badge{color: #6999a8; background-color: #ffffff;} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info:focus, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info.focus{color: #ffffff; background-color: #517e8d; border-color: #2c444c;} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info:hover{color: #ffffff; background-color: #517e8d; border-color: #446a76;} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info:active, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info.active, .open > .dropdown-togglebody .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info{color: #ffffff; background-color: #517e8d; border-color: #446a76;} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info:active:hover, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info.active:hover, .open > .dropdown-togglebody .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info:hover, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info:active:focus, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info.active:focus, .open > .dropdown-togglebody .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info:focus, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info:active.focus, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info.active.focus, .open > .dropdown-togglebody .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info.focus{color: #ffffff; background-color: #446a76; border-color: #2c444c;} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info:active, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info.active, .open > .dropdown-togglebody .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info{background-image: none;} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info.disabled, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info[disabled], fieldset[disabled] body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info.disabled:hover, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info[disabled]:hover, fieldset[disabled] body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info:hover, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info.disabled:focus, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info[disabled]:focus, fieldset[disabled] body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info:focus, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info.disabled.focus, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info[disabled].focus, fieldset[disabled] body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info.focus, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info.disabled:active, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info[disabled]:active, fieldset[disabled] body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info:active, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info.disabled.active, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info[disabled].active, fieldset[disabled] body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info.active{background-color: #6999a8; border-color: #5b8d9d;} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info .badge{color: #6999a8; background-color: #ffffff;} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning{color: #ffffff; background-color: #f0ad4e; border-color: #eea236;} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning:focus, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning.focus{color: #ffffff; background-color: #ec971f; border-color: #985f0d;} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning:hover{color: #ffffff; background-color: #ec971f; border-color: #d58512;} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning:active, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning.active, .open > .dropdown-togglebody .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning{color: #ffffff; background-color: #ec971f; border-color: #d58512;} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning:active:hover, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning.active:hover, .open > .dropdown-togglebody .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning:hover, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning:active:focus, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning.active:focus, .open > .dropdown-togglebody .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning:focus, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning:active.focus, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning.active.focus, .open > .dropdown-togglebody .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning.focus{color: #ffffff; background-color: #d58512; border-color: #985f0d;} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning:active, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning.active, .open > .dropdown-togglebody .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning{background-image: none;} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning.disabled, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning[disabled], fieldset[disabled] body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning.disabled:hover, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning[disabled]:hover, fieldset[disabled] body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning:hover, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning.disabled:focus, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning[disabled]:focus, fieldset[disabled] body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning:focus, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning.disabled.focus, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning[disabled].focus, fieldset[disabled] body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning.focus, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning.disabled:active, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning[disabled]:active, fieldset[disabled] body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning:active, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning.disabled.active, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning[disabled].active, fieldset[disabled] body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning.active{background-color: #f0ad4e; border-color: #eea236;} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning .badge{color: #f0ad4e; background-color: #ffffff;} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning:focus, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning.focus{color: #ffffff; background-color: #ec971f; border-color: #985f0d;} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning:hover{color: #ffffff; background-color: #ec971f; border-color: #d58512;} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning:active, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning.active, .open > .dropdown-togglebody .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning{color: #ffffff; background-color: #ec971f; border-color: #d58512;} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning:active:hover, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning.active:hover, .open > .dropdown-togglebody .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning:hover, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning:active:focus, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning.active:focus, .open > .dropdown-togglebody .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning:focus, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning:active.focus, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning.active.focus, .open > .dropdown-togglebody .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning.focus{color: #ffffff; background-color: #d58512; border-color: #985f0d;} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning:active, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning.active, .open > .dropdown-togglebody .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning{background-image: none;} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning.disabled, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning[disabled], fieldset[disabled] body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning.disabled:hover, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning[disabled]:hover, fieldset[disabled] body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning:hover, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning.disabled:focus, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning[disabled]:focus, fieldset[disabled] body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning:focus, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning.disabled.focus, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning[disabled].focus, fieldset[disabled] body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning.focus, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning.disabled:active, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning[disabled]:active, fieldset[disabled] body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning:active, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning.disabled.active, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning[disabled].active, fieldset[disabled] body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning.active{background-color: #f0ad4e; border-color: #eea236;} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning .badge{color: #f0ad4e; background-color: #ffffff;} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger{color: #ffffff; background-color: #e6586c; border-color: #e34258;} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger:focus, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger.focus{color: #ffffff; background-color: #df2c45; border-color: #901527;} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger:hover{color: #ffffff; background-color: #df2c45; border-color: #c91e36;} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger:active, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger.active, .open > .dropdown-togglebody .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger{color: #ffffff; background-color: #df2c45; border-color: #c91e36;} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger:active:hover, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger.active:hover, .open > .dropdown-togglebody .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger:hover, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger:active:focus, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger.active:focus, .open > .dropdown-togglebody .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger:focus, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger:active.focus, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger.active.focus, .open > .dropdown-togglebody .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger.focus{color: #ffffff; background-color: #c91e36; border-color: #901527;} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger:active, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger.active, .open > .dropdown-togglebody .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger{background-image: none;} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger.disabled, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger[disabled], fieldset[disabled] body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger.disabled:hover, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger[disabled]:hover, fieldset[disabled] body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger:hover, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger.disabled:focus, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger[disabled]:focus, fieldset[disabled] body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger:focus, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger.disabled.focus, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger[disabled].focus, fieldset[disabled] body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger.focus, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger.disabled:active, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger[disabled]:active, fieldset[disabled] body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger:active, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger.disabled.active, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger[disabled].active, fieldset[disabled] body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger.active{background-color: #e6586c; border-color: #e34258;} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger .badge{color: #e6586c; background-color: #ffffff;} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger:focus, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger.focus{color: #ffffff; background-color: #df2c45; border-color: #901527;} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger:hover{color: #ffffff; background-color: #df2c45; border-color: #c91e36;} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger:active, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger.active, .open > .dropdown-togglebody .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger{color: #ffffff; background-color: #df2c45; border-color: #c91e36;} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger:active:hover, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger.active:hover, .open > .dropdown-togglebody .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger:hover, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger:active:focus, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger.active:focus, .open > .dropdown-togglebody .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger:focus, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger:active.focus, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger.active.focus, .open > .dropdown-togglebody .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger.focus{color: #ffffff; background-color: #c91e36; border-color: #901527;} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger:active, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger.active, .open > .dropdown-togglebody .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger{background-image: none;} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger.disabled, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger[disabled], fieldset[disabled] body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger.disabled:hover, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger[disabled]:hover, fieldset[disabled] body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger:hover, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger.disabled:focus, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger[disabled]:focus, fieldset[disabled] body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger:focus, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger.disabled.focus, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger[disabled].focus, fieldset[disabled] body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger.focus, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger.disabled:active, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger[disabled]:active, fieldset[disabled] body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger:active, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger.disabled.active, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger[disabled].active, fieldset[disabled] body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger.active{background-color: #e6586c; border-color: #e34258;} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger .badge{color: #e6586c; background-color: #ffffff;} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-lg{padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 0;} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-sm{padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 0;} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-xs{padding: 1px 5px; font-size: 12px; line-height: 1.5; border-radius: 0;} body .modal.o_technical_modal .well{padding: 19px; margin-bottom: 20px; background-color: #fcfcfc; border: 1px solid #efefef; border-radius: 0; -webkit-box-shadow: none; box-shadow: none;} body .modal.o_technical_modal .modal-content{border-radius: 0; background-color: #fcfcfc;} body .modal.o_technical_modal .modal-content .modal-body{background-color: white;} body .modal.o_technical_modal .modal-content .modal-footer{text-align: left;} body .modal.o_technical_modal .nav-tabs{border-bottom: 1px solid #cccccc;} body .modal.o_technical_modal .nav-tabs > li > a{line-height: 1.42857143; color: #4e525b;} body .modal.o_technical_modal .nav-tabs > li > a:hover{border-color: #cccccc;} body .modal.o_technical_modal .nav-tabs > li.active > a, body .modal.o_technical_modal .nav-tabs > li.active > a:hover, body .modal.o_technical_modal .nav-tabs > li.active > a:focus{color: #50545d; background-color: #fcfcfc; border-color: #cccccc; border-bottom-color: transparent;} body .modal.o_technical_modal:not(.oe_mobile_preview) button.close{color: transparent; position: relative; display: inline-block; opacity: 0.7; width: 12px; height: 12px; margin-right: -2px;} body .modal.o_technical_modal:not(.oe_mobile_preview) button.close:hover, body .modal.o_technical_modal:not(.oe_mobile_preview) button.close:focus{outline: none; opacity: 1;} body .modal.o_technical_modal:not(.oe_mobile_preview) button.close:hover::after, body .modal.o_technical_modal:not(.oe_mobile_preview) button.close:focus::after, body .modal.o_technical_modal:not(.oe_mobile_preview) button.close:hover::before, body .modal.o_technical_modal:not(.oe_mobile_preview) button.close:focus::before{background: #000000;} body .modal.o_technical_modal:not(.oe_mobile_preview) button.close:after, body .modal.o_technical_modal:not(.oe_mobile_preview) button.close:before{content: ''; margin-top: -1px; background: #000000; width: 100%; height: 1px; position: absolute; top: 50%; left: 0; bottom: auto; right: auto; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);} body .modal.o_technical_modal:not(.oe_mobile_preview) button.close:after{-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);} body .modal.oe_mobile_preview{text-align: center;} body .modal.oe_mobile_preview .modal-dialog{display: inline-block; width: auto;} body .modal.oe_mobile_preview .modal-dialog .close{color: lightgray; opacity: 1; font-size: 25px; font-weight: normal;} body .modal.oe_mobile_preview .modal-dialog .modal-content{background-color: black!important; border: 3px outset gray; border-radius: 20px;} body .modal.oe_mobile_preview .modal-dialog .modal-content .modal-header{border: none; cursor: pointer; font-family: Roboto, 'Montserrat', "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;} body .modal.oe_mobile_preview .modal-dialog .modal-content .modal-header h4{color: lightgray; font-family: inherit; font-weight: normal;} body .modal.oe_mobile_preview .modal-dialog .modal-content .modal-header h4 .fa{margin-left: 15px;} body .modal.oe_mobile_preview .modal-dialog .modal-content .modal-body{background-color: inherit!important; border-radius: 20px; padding: 15px; display: -ms-flexbox; display: -moz-box; display: -webkit-box; display: -webkit-flex; display: flex; width: 335px; height: 530px; -webkit-transition: all 400ms ease 0s; -moz-transition: all 400ms ease 0s; -o-transition: all 400ms ease 0s; transition: all 400ms ease 0s;} body .modal.oe_mobile_preview .modal-dialog .modal-content .modal-body.o_invert_orientation{width: 545px; height: 320px;} body .modal.oe_mobile_preview .modal-dialog .modal-content .modal-body > iframe{display: block; width: 100%; border: none;} body .modal.oe_mobile_preview .modal-dialog .modal-content .modal-footer{display: none;} body .modal .oe_menu_editor ul{padding-left: 37px;} body .modal .oe_menu_editor li{margin-top: -1px;} body .modal .oe_menu_editor li .input-group-addon{border-radius: 0;} body .modal.oe_seo_configuration #language-box{padding-right: 25px; background-color: white; margin-left: -1px;} body .modal.oe_seo_configuration .table td{vertical-align: middle;} body .modal.oe_seo_configuration .table td:first-child{padding-right: 15px; border-width: 0; width: 35%;} body .modal.oe_seo_configuration .table td:last-child{visibility: hidden;} body .modal.oe_seo_configuration .table > tfoot{display: none;} body .modal.oe_seo_configuration .table.js_seo_has_content td:first-child{width: 55%; padding-right: 15px; border: 1px solid #d4d5d7; text-align: right; background-color: #fcfcfc;} @media screen and (min-width: 992px){body .modal.oe_seo_configuration .table.js_seo_has_content td:first-child{width: 38%;}} body .modal.oe_seo_configuration .table.js_seo_has_content td:last-child{border: none; visibility: visible; padding-left: 15px;} @media screen and (min-width: 992px){body .modal.oe_seo_configuration .table.js_seo_has_content td:last-child{padding-left: 50px;}} body .modal.oe_seo_configuration .table.js_seo_has_content tbody td{padding: 5px; -webkit-transition: padding 0.3s ease 0s; -moz-transition: padding 0.3s ease 0s; -o-transition: padding 0.3s ease 0s; transition: padding 0.3s ease 0s;} body .modal.oe_seo_configuration .table.js_seo_has_content tbody td:first-child{border-width: 0 1px;} body .modal.oe_seo_configuration .table.js_seo_has_content tbody td:first-child .label{position: relative; display: inline-block; padding: 7px 35px; font-size: 16px; font-weight: normal;} body .modal.oe_seo_configuration .table.js_seo_has_content tbody td:first-child .label .oe_remove{color: transparent; position: relative; display: inline-block; opacity: 0.7; width: 10px; height: 10px; position: absolute; top: 5px; left: auto; bottom: auto; right: 5px;} body .modal.oe_seo_configuration .table.js_seo_has_content tbody td:first-child .label .oe_remove:hover, body .modal.oe_seo_configuration .table.js_seo_has_content tbody td:first-child .label .oe_remove:focus{outline: none; opacity: 1;} body .modal.oe_seo_configuration .table.js_seo_has_content tbody td:first-child .label .oe_remove:hover::after, body .modal.oe_seo_configuration .table.js_seo_has_content tbody td:first-child .label .oe_remove:focus::after, body .modal.oe_seo_configuration .table.js_seo_has_content tbody td:first-child .label .oe_remove:hover::before, body .modal.oe_seo_configuration .table.js_seo_has_content tbody td:first-child .label .oe_remove:focus::before{background: #e6586c;} body .modal.oe_seo_configuration .table.js_seo_has_content tbody td:first-child .label .oe_remove:after, body .modal.oe_seo_configuration .table.js_seo_has_content tbody td:first-child .label .oe_remove:before{content: ''; margin-top: -1px; background: #ffffff; width: 100%; height: 2px; position: absolute; top: 50%; left: 0; bottom: auto; right: auto; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);} body .modal.oe_seo_configuration .table.js_seo_has_content tbody td:first-child .label .oe_remove:after{-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);} body .modal.oe_seo_configuration .table.js_seo_has_content tbody td:last-child .label{display: block; font-size: 12px; font-weight: normal; opacity: 0.8; cursor: pointer;} body .modal.oe_seo_configuration .table.js_seo_has_content tbody td:last-child .label:hover{opacity: 1;} body .modal.oe_seo_configuration .table.js_seo_has_content tbody tr{-webkit-animation: fadeInDownSmall 0.3s ease 0s 1 normal none running; -moz-animation: fadeInDownSmall 0.3s ease 0s 1 normal none running; -o-animation: fadeInDownSmall 0.3s ease 0s 1 normal none running; animation: fadeInDownSmall 0.3s ease 0s 1 normal none running;} body .modal.oe_seo_configuration .table.js_seo_has_content tbody tr:first-child td:first-child{padding-top: 10px;} body .modal.oe_seo_configuration .table.js_seo_has_content tbody tr:last-child td:first-child{padding-bottom: 10px; border-bottom-width: 1px;} body .modal.oe_seo_configuration .table.js_seo_has_content > tfoot{display: table-footer-group;} body .modal.oe_seo_configuration .table.js_seo_has_content > tfoot hr{margin: 10px 0;} body .modal.oe_seo_configuration .table.js_seo_has_content > tfoot td, body .modal.oe_seo_configuration .table.js_seo_has_content > tfoot td:first-child{border: none; background: none;} body .modal.oe_seo_configuration li.oe_seo_preview_g{list-style: none; font-family: arial, sans-serif;} body .modal.oe_seo_configuration li.oe_seo_preview_g .r{cursor: pointer; color: #1a0dab; font-size: 18px; overflow: hidden; text-overflow: ellipsis; -webkit-text-overflow: ellipsis; white-space: nowrap;} body .modal.oe_seo_configuration li.oe_seo_preview_g .s{font-size: 13px; line-height: 18px; color: #545454;} body .modal.oe_seo_configuration li.oe_seo_preview_g .s .kv{color: #006621; font-size: 14px; line-height: 18px;} body .modal.oe_seo_configuration li.oe_seo_preview_g .s .st{height: 50px;} #o_new_content_menu_choices{position: absolute; top: 34px; left: 0; bottom: 0; right: 0; position: fixed; display: -ms-flexbox; display: -moz-box; display: -webkit-box; display: -webkit-flex; display: flex; -moz-justify-content: center; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; font-family: Roboto, 'Montserrat', "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;} #o_new_content_menu_choices::before{content: " "; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: -1; pointer-events: none; background-color: black; opacity: 0.8;} #o_new_content_menu_choices > ul{display: -ms-flexbox; display: -moz-box; display: -webkit-box; display: -webkit-flex; display: flex; -ms-flex-flow: row wrap; -moz-flex-flow: row wrap; -webkit-flex-flow: row wrap; flex-flow: row wrap; -moz-justify-content: space-around; -webkit-justify-content: space-around; justify-content: space-around; width: auto; max-width: 60%; max-height: 100%; margin: 0; padding: 0; list-style: none;} #o_new_content_menu_choices > ul li{display: block; opacity: 0; -webkit-animation: fadeInDownSmall 1s forwards; -o-animation: fadeInDownSmall 1s forwards; animation: fadeInDownSmall 1s forwards; margin: 2em 32px; padding: 0 15px;} #o_new_content_menu_choices > ul li a{display: block; font-size: 34px; margin: auto; text-align: center;} #o_new_content_menu_choices > ul li a i{width: 110px; height: 110px; border: 3px solid #434352; border-radius: 100%; line-height: 104px; background-color: #2C2C36; color: white; -webkit-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s; transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s;} #o_new_content_menu_choices > ul li a p{color: white; margin-top: 0.7em; font-size: 0.5em;} #o_new_content_menu_choices > ul li a:hover, #o_new_content_menu_choices > ul li a:focus{text-decoration: none;} #o_new_content_menu_choices > ul li a:hover i, #o_new_content_menu_choices > ul li a:focus i{border-color: #1cc1a9; box-shadow: 0 0 10px rgba(28, 193, 169, 0.46);} .oe_login_form, .oe_signup_form, .oe_reset_password_form{max-width: 300px; position: relative; margin: 50px auto;} #theme_error{background: #ffc;} #theme_customize_modal{overflow: visible; z-index: 1020; display: block;} #theme_customize_modal .modal-dialog{position: absolute; top: 44px; left: auto; bottom: auto; right: 10px; width: auto; margin: 0; font-family: Roboto;} #theme_customize_modal .loading_backdrop{display: none;} #theme_customize_modal.loading .loading_backdrop{position: absolute; top: 0; left: 0; bottom: 0; right: 0; display: block; background: black; opacity: 0.3; z-index: 1;} #theme_customize_modal label{display: block; text-align: center;} #theme_customize_modal label > div, #theme_customize_modal label > img{border: 1px solid #fff; line-height: 30px; font-size: 0.9em; margin: 2px 4px;} #theme_customize_modal label.checked > div, #theme_customize_modal label.checked > img{box-shadow: 2px 2px 3px #888; border: 1px solid #666;} #theme_customize_modal label img{width: 60px; height: 35px; margin: 2px; border: 1px solid rgba(136, 136, 136, 0.5);} #theme_customize_modal label input{display: none;} .o_ace_view_editor{font-family: Roboto, 'Montserrat', "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 1.42857143; color: #33363e; position: absolute; top: 34px; left: auto; bottom: 0; right: 0; position: fixed; z-index: 1001;} .o_ace_view_editor .text-muted{color: #999999;} .o_ace_view_editor .btn:not(.o_btn_preview){border-width: 1px; font-weight: normal; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; border-radius: 0;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary{color: #ffffff; background-color: #7c7bad; border-color: #6c6ba3;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary.focus{color: #ffffff; background-color: #5f5e97; border-color: #373758;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary:hover{color: #ffffff; background-color: #5f5e97; border-color: #515081;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary.active, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-primary{color: #ffffff; background-color: #5f5e97; border-color: #515081;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary:active:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary.active:hover, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-primary:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary:active:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary.active:focus, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-primary:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary:active.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary.active.focus, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-primary.focus{color: #ffffff; background-color: #515081; border-color: #373758;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary.active, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-primary{background-image: none;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary.disabled, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary[disabled], fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary.disabled:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary[disabled]:hover, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary.disabled:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary[disabled]:focus, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary.disabled.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary[disabled].focus, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary.disabled:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary[disabled]:active, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary.disabled.active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary[disabled].active, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary.active{background-color: #7c7bad; border-color: #6c6ba3;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary .badge{color: #7c7bad; background-color: #ffffff;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary.focus{color: #ffffff; background-color: #5f5e97; border-color: #373758;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary:hover{color: #ffffff; background-color: #5f5e97; border-color: #515081;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary.active, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-primary{color: #ffffff; background-color: #5f5e97; border-color: #515081;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary:active:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary.active:hover, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-primary:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary:active:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary.active:focus, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-primary:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary:active.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary.active.focus, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-primary.focus{color: #ffffff; background-color: #515081; border-color: #373758;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary.active, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-primary{background-image: none;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary.disabled, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary[disabled], fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary.disabled:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary[disabled]:hover, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary.disabled:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary[disabled]:focus, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary.disabled.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary[disabled].focus, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary.disabled:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary[disabled]:active, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary.disabled.active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary[disabled].active, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary.active{background-color: #7c7bad; border-color: #6c6ba3;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary .badge{color: #7c7bad; background-color: #ffffff;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-default{color: #50545d; background-color: #ffffff; border-color: #d4d5d7;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-default:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-default.focus{color: #50545d; background-color: #e6e6e6; border-color: #92949a;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-default:hover{color: #50545d; background-color: #e6e6e6; border-color: #b4b6ba;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-default:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-default.active, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-default{color: #50545d; background-color: #e6e6e6; border-color: #b4b6ba;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-default:active:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-default.active:hover, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-default:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-default:active:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-default.active:focus, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-default:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-default:active.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-default.active.focus, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-default.focus{color: #50545d; background-color: #d4d4d4; border-color: #92949a;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-default:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-default.active, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-default{background-image: none;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-default.disabled, .o_ace_view_editor .btn:not(.o_btn_preview).btn-default[disabled], fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-default, .o_ace_view_editor .btn:not(.o_btn_preview).btn-default.disabled:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-default[disabled]:hover, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-default:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-default.disabled:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-default[disabled]:focus, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-default:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-default.disabled.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-default[disabled].focus, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-default.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-default.disabled:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-default[disabled]:active, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-default:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-default.disabled.active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-default[disabled].active, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-default.active{background-color: #ffffff; border-color: #d4d5d7;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-default .badge{color: #ffffff; background-color: #50545d;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-default:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-default.focus{color: #50545d; background-color: #e6e6e6; border-color: #92949a;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-default:hover{color: #50545d; background-color: #e6e6e6; border-color: #b4b6ba;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-default:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-default.active, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-default{color: #50545d; background-color: #e6e6e6; border-color: #b4b6ba;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-default:active:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-default.active:hover, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-default:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-default:active:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-default.active:focus, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-default:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-default:active.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-default.active.focus, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-default.focus{color: #50545d; background-color: #d4d4d4; border-color: #92949a;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-default:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-default.active, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-default{background-image: none;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-default.disabled, .o_ace_view_editor .btn:not(.o_btn_preview).btn-default[disabled], fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-default, .o_ace_view_editor .btn:not(.o_btn_preview).btn-default.disabled:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-default[disabled]:hover, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-default:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-default.disabled:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-default[disabled]:focus, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-default:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-default.disabled.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-default[disabled].focus, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-default.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-default.disabled:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-default[disabled]:active, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-default:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-default.disabled.active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-default[disabled].active, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-default.active{background-color: #ffffff; border-color: #d4d5d7;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-default .badge{color: #ffffff; background-color: #50545d;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-link{color: #7c7bad; background-color: rgba(0, 0, 0, 0); border-color: rgba(0, 0, 0, 0);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-link:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link.focus{color: #7c7bad; background-color: rgba(0, 0, 0, 0); border-color: rgba(0, 0, 0, 0);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-link:hover{color: #7c7bad; background-color: rgba(0, 0, 0, 0); border-color: rgba(0, 0, 0, 0);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-link:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link.active, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-link{color: #7c7bad; background-color: rgba(0, 0, 0, 0); border-color: rgba(0, 0, 0, 0);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-link:active:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link.active:hover, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-link:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link:active:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link.active:focus, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-link:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link:active.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link.active.focus, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-link.focus{color: #7c7bad; background-color: rgba(0, 0, 0, 0); border-color: rgba(0, 0, 0, 0);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-link:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link.active, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-link{background-image: none;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-link.disabled, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link[disabled], fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-link, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link.disabled:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link[disabled]:hover, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-link:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link.disabled:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link[disabled]:focus, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-link:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link.disabled.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link[disabled].focus, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-link.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link.disabled:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link[disabled]:active, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-link:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link.disabled.active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link[disabled].active, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-link.active{background-color: rgba(0, 0, 0, 0); border-color: rgba(0, 0, 0, 0);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-link .badge{color: rgba(0, 0, 0, 0); background-color: #7c7bad;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-link:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link.focus{color: #7c7bad; background-color: rgba(0, 0, 0, 0); border-color: rgba(0, 0, 0, 0);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-link:hover{color: #7c7bad; background-color: rgba(0, 0, 0, 0); border-color: rgba(0, 0, 0, 0);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-link:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link.active, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-link{color: #7c7bad; background-color: rgba(0, 0, 0, 0); border-color: rgba(0, 0, 0, 0);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-link:active:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link.active:hover, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-link:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link:active:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link.active:focus, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-link:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link:active.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link.active.focus, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-link.focus{color: #7c7bad; background-color: rgba(0, 0, 0, 0); border-color: rgba(0, 0, 0, 0);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-link:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link.active, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-link{background-image: none;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-link.disabled, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link[disabled], fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-link, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link.disabled:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link[disabled]:hover, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-link:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link.disabled:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link[disabled]:focus, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-link:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link.disabled.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link[disabled].focus, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-link.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link.disabled:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link[disabled]:active, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-link:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link.disabled.active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link[disabled].active, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-link.active{background-color: rgba(0, 0, 0, 0); border-color: rgba(0, 0, 0, 0);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-link .badge{color: rgba(0, 0, 0, 0); background-color: #7c7bad;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-success{color: #ffffff; background-color: #40ad67; border-color: #399a5c;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.focus{color: #ffffff; background-color: #328851; border-color: #173d25;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:hover{color: #ffffff; background-color: #328851; border-color: #296e41;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.active, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-success{color: #ffffff; background-color: #328851; border-color: #296e41;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:active:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.active:hover, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-success:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:active:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.active:focus, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-success:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:active.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.active.focus, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-success.focus{color: #ffffff; background-color: #296e41; border-color: #173d25;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.active, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-success{background-image: none;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.disabled, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success[disabled], fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-success, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.disabled:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success[disabled]:hover, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.disabled:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success[disabled]:focus, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.disabled.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success[disabled].focus, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.disabled:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success[disabled]:active, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.disabled.active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success[disabled].active, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.active{background-color: #40ad67; border-color: #399a5c;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-success .badge{color: #40ad67; background-color: #ffffff;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.focus{color: #ffffff; background-color: #328851; border-color: #173d25;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:hover{color: #ffffff; background-color: #328851; border-color: #296e41;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.active, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-success{color: #ffffff; background-color: #328851; border-color: #296e41;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:active:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.active:hover, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-success:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:active:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.active:focus, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-success:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:active.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.active.focus, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-success.focus{color: #ffffff; background-color: #296e41; border-color: #173d25;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.active, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-success{background-image: none;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.disabled, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success[disabled], fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-success, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.disabled:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success[disabled]:hover, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.disabled:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success[disabled]:focus, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.disabled.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success[disabled].focus, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.disabled:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success[disabled]:active, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.disabled.active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success[disabled].active, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.active{background-color: #40ad67; border-color: #399a5c;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-success .badge{color: #40ad67; background-color: #ffffff;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-info{color: #ffffff; background-color: #6999a8; border-color: #5b8d9d;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.focus{color: #ffffff; background-color: #517e8d; border-color: #2c444c;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:hover{color: #ffffff; background-color: #517e8d; border-color: #446a76;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.active, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-info{color: #ffffff; background-color: #517e8d; border-color: #446a76;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:active:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.active:hover, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-info:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:active:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.active:focus, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-info:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:active.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.active.focus, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-info.focus{color: #ffffff; background-color: #446a76; border-color: #2c444c;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.active, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-info{background-image: none;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.disabled, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info[disabled], fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-info, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.disabled:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info[disabled]:hover, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.disabled:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info[disabled]:focus, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.disabled.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info[disabled].focus, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.disabled:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info[disabled]:active, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.disabled.active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info[disabled].active, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.active{background-color: #6999a8; border-color: #5b8d9d;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-info .badge{color: #6999a8; background-color: #ffffff;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.focus{color: #ffffff; background-color: #517e8d; border-color: #2c444c;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:hover{color: #ffffff; background-color: #517e8d; border-color: #446a76;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.active, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-info{color: #ffffff; background-color: #517e8d; border-color: #446a76;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:active:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.active:hover, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-info:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:active:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.active:focus, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-info:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:active.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.active.focus, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-info.focus{color: #ffffff; background-color: #446a76; border-color: #2c444c;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.active, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-info{background-image: none;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.disabled, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info[disabled], fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-info, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.disabled:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info[disabled]:hover, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.disabled:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info[disabled]:focus, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.disabled.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info[disabled].focus, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.disabled:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info[disabled]:active, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.disabled.active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info[disabled].active, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.active{background-color: #6999a8; border-color: #5b8d9d;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-info .badge{color: #6999a8; background-color: #ffffff;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning{color: #ffffff; background-color: #f0ad4e; border-color: #eea236;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.focus{color: #ffffff; background-color: #ec971f; border-color: #985f0d;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:hover{color: #ffffff; background-color: #ec971f; border-color: #d58512;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.active, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-warning{color: #ffffff; background-color: #ec971f; border-color: #d58512;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:active:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.active:hover, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:active:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.active:focus, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:active.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.active.focus, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.focus{color: #ffffff; background-color: #d58512; border-color: #985f0d;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.active, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-warning{background-image: none;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.disabled, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning[disabled], fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.disabled:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning[disabled]:hover, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.disabled:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning[disabled]:focus, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.disabled.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning[disabled].focus, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.disabled:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning[disabled]:active, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.disabled.active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning[disabled].active, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.active{background-color: #f0ad4e; border-color: #eea236;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning .badge{color: #f0ad4e; background-color: #ffffff;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.focus{color: #ffffff; background-color: #ec971f; border-color: #985f0d;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:hover{color: #ffffff; background-color: #ec971f; border-color: #d58512;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.active, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-warning{color: #ffffff; background-color: #ec971f; border-color: #d58512;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:active:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.active:hover, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:active:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.active:focus, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:active.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.active.focus, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.focus{color: #ffffff; background-color: #d58512; border-color: #985f0d;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.active, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-warning{background-image: none;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.disabled, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning[disabled], fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.disabled:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning[disabled]:hover, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.disabled:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning[disabled]:focus, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.disabled.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning[disabled].focus, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.disabled:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning[disabled]:active, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.disabled.active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning[disabled].active, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.active{background-color: #f0ad4e; border-color: #eea236;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning .badge{color: #f0ad4e; background-color: #ffffff;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger{color: #ffffff; background-color: #e6586c; border-color: #e34258;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.focus{color: #ffffff; background-color: #df2c45; border-color: #901527;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:hover{color: #ffffff; background-color: #df2c45; border-color: #c91e36;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.active, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-danger{color: #ffffff; background-color: #df2c45; border-color: #c91e36;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:active:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.active:hover, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:active:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.active:focus, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:active.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.active.focus, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.focus{color: #ffffff; background-color: #c91e36; border-color: #901527;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.active, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-danger{background-image: none;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.disabled, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger[disabled], fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.disabled:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger[disabled]:hover, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.disabled:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger[disabled]:focus, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.disabled.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger[disabled].focus, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.disabled:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger[disabled]:active, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.disabled.active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger[disabled].active, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.active{background-color: #e6586c; border-color: #e34258;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger .badge{color: #e6586c; background-color: #ffffff;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.focus{color: #ffffff; background-color: #df2c45; border-color: #901527;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:hover{color: #ffffff; background-color: #df2c45; border-color: #c91e36;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.active, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-danger{color: #ffffff; background-color: #df2c45; border-color: #c91e36;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:active:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.active:hover, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:active:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.active:focus, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:active.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.active.focus, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.focus{color: #ffffff; background-color: #c91e36; border-color: #901527;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.active, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-danger{background-image: none;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.disabled, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger[disabled], fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.disabled:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger[disabled]:hover, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.disabled:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger[disabled]:focus, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.disabled.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger[disabled].focus, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.disabled:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger[disabled]:active, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.disabled.active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger[disabled].active, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.active{background-color: #e6586c; border-color: #e34258;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger .badge{color: #e6586c; background-color: #ffffff;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-lg{padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 0;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-sm{padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 0;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-xs{padding: 1px 5px; font-size: 12px; line-height: 1.5; border-radius: 0;} .o_ace_view_editor .form-control{height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; border: 1px solid #d4d5d7; color: #555; background-color: #fff; border-radius: 0;} .o_ace_view_editor .has-error .form-control{border-color: #a94442;} .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: 7px;} .popover_dep{overflow-x: auto;} #edit_website_pages .fa-check{color: #00a09d;} #edit_website_pages .fa-eye-slash{color: #00a09d;} #edit_website_pages th{background-color: #7c7bad; color: white;} #edit_website_pages td a.fa{color: #7c7bad; margin-left: 5px;} #edit_website_pages td .text-muted{opacity: 0.5;} 

/* /website/static/src/less/website.snippets.less defined in bundle 'web.assets_frontend' */
 .carousel, .parallax, .blockquote{overflow: hidden;} @media (max-width: 400px){section, .parallax, .row, .hr, .blockquote{height: auto !important;}} .s_text_block_image_fw .container{padding: 0 30px;} .s_text_block_image_fw .container > .row > div{padding: 30px;} .table_desc{margin: 0 0 20px 0; width: 100%; word-break: break-all; border: 1px solid #dddddd;} .table_heading{background-color: #f5f5f5; border: 1px solid #dddddd; color: #666666; font-size: 14px; padding: 4px;} table.table_desc tr td{text-align: left; padding: 5px; font-size: 13px;} table.table_desc tr td:first-child{width: 25%; font-weight: bold; border-bottom: 1px solid #c9c9c9; border-right: 1px solid #c9c9c9; border-left: none;} table.table_desc tr td:last-child{border-bottom: 1px solid #c9c9c9;} .s_feature_grid p{overflow: auto;} .s_comparisons .panel .list-group-item:not(.active){color: #666;} .s_comparisons .panel small{color: inherit;} .s_comparisons .text-muted{color: #8c8c8c;} .s_faq_collapse .container .panel{background-color: inherit; border: 1px solid rgba(0, 0, 0, 0.15);} .s_faq_collapse .container .panel .panel-body{border-top: none; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px;} .s_references .img-thumbnail{border: none;} .o_image_floating{width: 40%; margin: 4px;} .o_image_floating div.o_container{position: relative;} .o_image_floating.o_margin_s{margin-bottom: 4px;} .o_image_floating.o_margin_s.pull-right{margin-left: 8px;} .o_image_floating.o_margin_s.pull-left{margin-right: 8px;} .o_image_floating.o_margin_m{margin-bottom: 8px;} .o_image_floating.o_margin_m.pull-right{margin-left: 12px;} .o_image_floating.o_margin_m.pull-left{margin-right: 12px;} .o_image_floating.o_margin_l{margin-bottom: 12px;} .o_image_floating.o_margin_l.pull-right{margin-left: 16px;} .o_image_floating.o_margin_l.pull-left{margin-right: 16px;} .o_image_floating.o_margin_xl{margin-bottom: 24px;} .o_image_floating.o_margin_xl.pull-right{margin-left: 32px;} .o_image_floating.o_margin_xl.pull-left{margin-right: 32px;} .carousel-inner{height: 100%;} .carousel-inner .item{height: 100%;} .carousel-inner .carousel-control{cursor: pointer;} .carousel-inner .carousel-control span{top: 50%; position: absolute; margin-top: -8px;} .carousel .carousel-control.left{left: -10px;} .carousel .carousel-control.left *{position: absolute; top: 50%; z-index: 5; right: 50%;} .carousel .carousel-control.right{right: -10px;} .carousel .carousel-control.right *{position: absolute; top: 50%; z-index: 5; left: 50%;} .quotecarousel{padding-bottom: 16px;} div.carousel .container > .carousel-caption{position: absolute; top: auto; left: 50%; bottom: auto; right: 50%; bottom: 20px;} div.carousel .container > .carousel-caption > div{position: absolute; text-align: left; padding: 20px; background: rgba(0, 0, 0, 0.4); bottom: 20px;} div.carousel .container > .carousel-image{position: absolute; top: 5%; left: auto; bottom: 5%; right: auto; max-height: 90%; margin: 0 auto;} div.carousel .container .item.text_image .container > .carousel-caption{left: 10%;} div.carousel .container .item.text_image .container > .carousel-caption > div{right: 50%; margin-right: -20%; max-width: 550px;} div.carousel .container .item.text_image .container > .carousel-image{right: 10%; left: 50%;} div.carousel .container .item.image_text .container > .carousel-caption{right: 10%;} div.carousel .container .item.image_text .container > .carousel-caption > div{left: 50%; margin-left: -20%; max-width: 550px;} div.carousel .container .item.image_text .container > .carousel-image{right: 50%; left: 10%;} div.carousel .container .item.text_only .container > .carousel-caption{left: 10%; right: 10%; top: 10%; bottom: auto;} div.carousel .container .item.text_only .container > .carousel-caption > div{text-align: center; background: transparent; bottom: auto; width: 100%;} div.carousel .container .item.text_only .container > .carousel-image{display: none !important;} .o_gallery.o_grid .img, .o_gallery.o_masonry .img{width: 100%;} .o_gallery.o_grid.o_spc-none div.row{margin: 0;} .o_gallery.o_grid.o_spc-none div.row > div{padding: 0;} .o_gallery.o_grid.o_spc-small div.row{margin: 5px 0;} .o_gallery.o_grid.o_spc-small div.row > div{padding: 0 5px;} .o_gallery.o_grid.o_spc-medium div.row{margin: 10px 0;} .o_gallery.o_grid.o_spc-medium div.row > div{padding: 0 10px;} .o_gallery.o_grid.o_spc-big div.row{margin: 15px 0;} .o_gallery.o_grid.o_spc-big div.row > div{padding: 0 15px;} .o_gallery.o_grid.size-auto .row{height: auto;} .o_gallery.o_grid.size-small .row{height: 100px;} .o_gallery.o_grid.size-medium .row{height: 250px;} .o_gallery.o_grid.size-big .row{height: 400px;} .o_gallery.o_grid.size-small img, .o_gallery.o_grid.size-medium img, .o_gallery.o_grid.size-big img{height: 100%;} .o_gallery.o_masonry.o_spc-none div.col{padding: 0;} .o_gallery.o_masonry.o_spc-none div.col > img{margin: 0 !important;} .o_gallery.o_masonry.o_spc-small div.col{padding: 0 5px;} .o_gallery.o_masonry.o_spc-small div.col > img{margin: 5px 0 !important;} .o_gallery.o_masonry.o_spc-medium div.col{padding: 0 10px;} .o_gallery.o_masonry.o_spc-medium div.col > img{margin: 10px 0 !important;} .o_gallery.o_masonry.o_spc-big div.col{padding: 0 15px;} .o_gallery.o_masonry.o_spc-big div.col > img{margin: 15px 0 !important;} .o_gallery.o_nomode.o_spc-none .img{padding: 0;} .o_gallery.o_nomode.o_spc-small .img{padding: 5px;} .o_gallery.o_nomode.o_spc-medium .img{padding: 10px;} .o_gallery.o_nomode.o_spc-big .img{padding: 15px;} .o_gallery.o_slideshow .carousel ul.carousel-indicators li{border: 1px solid #aaa;} .o_gallery.o_slideshow > .container{height: 100%;} .o_gallery .carousel-inner .item img{max-width: none;} .o_gallery.o_slideshow .carousel, .modal-body.o_slideshow .carousel{height: 100%;} .o_gallery.o_slideshow .carousel .item, .modal-body.o_slideshow .carousel .item{padding-bottom: 64px;} .o_gallery.o_slideshow .carousel img, .modal-body.o_slideshow .carousel img{max-height: 100%; max-width: 100%; margin: auto;} .o_gallery.o_slideshow .carousel ul.carousel-indicators, .modal-body.o_slideshow .carousel ul.carousel-indicators{display: block; height: auto; padding: 0; border-width: 0; position: absolute; bottom: 0;} .o_gallery.o_slideshow .carousel ul.carousel-indicators > *, .modal-body.o_slideshow .carousel ul.carousel-indicators > *{list-style-image: none; display: inline-block; width: 40px; height: 40px; margin: 0 0px 5px 5px; padding: 0; border: 1px solid #aaa; text-indent: initial; background-size: cover; background-color: #fff; border-radius: 0;} .o_gallery.o_slideshow .carousel ul.carousel-indicators > *:not(.active), .modal-body.o_slideshow .carousel ul.carousel-indicators > *:not(.active){opacity: 0.8; -webkit-filter: grayscale(100%); filter: grayscale(100%); filter: gray; filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale");} .o_gallery.o_slideshow .carousel ul.carousel-indicators > *:first-child, .modal-body.o_slideshow .carousel ul.carousel-indicators > *:first-child{margin-left: 0;} .o_gallery.o_slideshow .carousel .carousel-control.right, .modal-body.o_slideshow .carousel .carousel-control.right, .o_gallery.o_slideshow .carousel .carousel-control.left, .modal-body.o_slideshow .carousel .carousel-control.left{background-image: none; background-color: transparent;} div.carousel .carousel-indicators li{box-shadow: 0 0 0 1px grey;} div.carousel .carousel-indicators li:hover:not(.active){background-color: rgba(255, 255, 255, 0.5);} div.carousel span.carousel-img img, div.carousel div.carousel-content{max-height: 95%; padding: 10px;} div.carousel .carousel-control{cursor: pointer;} .parallax{position: relative; z-index: 0;} .parallax .oe_structure > :first-child{margin-top: 32px;} .parallax .oe_structure > :last-child{margin-bottom: 32px;} .parallax > .s_parallax_bg{position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-size: cover; background-attachment: scroll; pointer-events: none;} .parallax.s_parallax_is_fixed > .s_parallax_bg{background-attachment: fixed;} .s_parallax{min-height: 200px;} @media (max-width: 991px){.s_company_team img{max-width: 50%;}} 

/* /website/static/src/less/website.zoomodoo.less 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;} .zoomodoo-hover .zoomodoo-flyout{top: 0; left: 0; width: 100%; height: 100%;} .zoomodoo-next .zoomodoo-flyout{top: 0; left: 100%; width: 100%; height: 100%; margin-left: 20px;} 

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

/* /theme_default/static/src/less/customize_modal.less defined in bundle 'web.assets_frontend' */
 #theme_customize_modal .modal-h5{color: #ffffff; font-family: "Lato-Regular"; font-weight: normal; text-transform: uppercase; letter-spacing: normal; font-size: 14px; color: white; padding: 4px 0 4px 4px; background-color: #bdc3c7;} #theme_customize_modal table{width: 100%; margin-bottom: 8px;} 

/* /theme_default/static/src/less/colors.less defined in bundle 'web.assets_frontend' */
 .bg-blue{background-color: #3498db;} .bg-turquoise{background-color: #1abc9c;} .bg-green{background-color: #2ecc71;} .bg-yellow{background-color: #f1c40f;} .bg-orange{background-color: #e67e22;} .bg-red{background-color: #e74c3c;} .bg-pink{background-color: #f74b94;} .bg-purple{background-color: #9b59b6;} .bg-brown{background-color: #7b5844;} .text-blue{color: #3498db;} .text-turquoise{color: #1abc9c;} .text-green{color: #2ecc71;} .text-yellow{color: #f1c40f;} .text-orange{color: #e67e22;} .text-red{color: #e74c3c;} .text-pink{color: #f74b94;} .text-purple{color: #9b59b6;} .text-brown{color: #7b5844;} 

/* /theme_default/static/src/less/option_color_gold.less defined in bundle 'web.assets_frontend' */
 .bg-primary{background-color: #c5bcb1;} .bg-success{background-color: #f1c40f;} .bg-info{background-color: #e67e22;} .bg-warning{background-color: #f3ac12;} .bg-danger{background-color: #d35400;} .btn .fa{color: white;} .btn-default .fa{color: #666666;} .bg-transparent-color{background: #d35400; opacity: 0.85;} .bg-transparent-shade{background: black; opacity: 0.5;} #wrapwrap footer{background-color: #d35400; color: white;} footer ul li a{color: #f3bf91;} footer ul li a:hover{color: #f1c40f; text-decoration: none;} footer h4{color: #f3bf91; padding-bottom: 12px; text-transform: uppercase;} footer .fa{color: #f3bf91;} 

/* /website_form/static/src/less/website_form.less defined in bundle 'web.assets_frontend' */
 .o_website_form_flex{display: flex; flex-wrap: wrap;} .o_website_form_flex_item{flex-basis: 33%;} @media (max-width: 991px){.o_website_form_flex_item{flex-basis: 50%;}} @media (max-width: 767px){.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 .control-label:after, .o_website_form_required_custom .control-label:after{content: ' *';} #editable_select.form-control{height: 100%;} .form-field input[type=file].form-control{height: 100%;} 

/* /website_rating/static/src/less/website_rating.less 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: #8c8c8c;} .o_website_rating_card_container table.o_website_rating_progress_table{width: 100%; overflow: visible;} .o_website_rating_card_container table.o_website_rating_progress_table .o_website_rating_table_star_num{min-width: 30px;} .o_website_rating_card_container table.o_website_rating_progress_table .o_website_rating_select[style*="opacity: 1"]{cursor: pointer;} .o_website_rating_card_container table.o_website_rating_progress_table .o_website_rating_table_progress{min-width: 120px;} .o_website_rating_card_container table.o_website_rating_progress_table .o_website_rating_table_progress > .progress{margin-bottom: 5px; margin-left: 5px; margin-right: 5px;} .o_website_rating_card_container table.o_website_rating_progress_table .o_website_rating_table_progress .o_rating_progressbar{background-color: #facc2e;} .o_website_rating_card_container table.o_website_rating_progress_table .o_website_rating_table_percent{text-align: right; padding-left: 5px; font-size: 12px;} .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/css/website_sale.css defined in bundle 'web.assets_frontend' */
 .oe_product{border: 1px solid rgba(100, 100, 100, 0.2);} .products_pager{text-align: center;} .products_pager > div{margin: 0 auto; display: inline-block;} .products_pager > div > *{vertical-align: middle; float: none; padding: 0;} .products_pager > div > ul{padding-left: 10px;} .products_pager > ul{margin-left: auto; margin-right: auto;} .oe_website_sale ul ul{margin-left: 1.5em;} .oe_website_sale .td-product_name, .oe_website_sale h1[itemprop="name"], .oe_website_sale .oe_product_cart form h5{word-wrap: break-word;} .oe_website_sale .td-product_name{min-width: 140px;} .oe_website_sale .td-img{width: 100px;} .oe_website_sale .td-qty{width: 130px;} .oe_website_sale .td-price, .oe_website_sale .td-price-total{width: 100px;} @media (max-width: 767px){.oe_website_sale .td-img, .oe_website_sale .td-price-total{display: none;}.oe_website_sale .td-qty{width: 60px;}.oe_website_sale .td-price{width: 80px;}} @media (min-width: 768px){.oe_website_sale .o_website_sale_rightfit{padding-right: 0px;}} @media (max-width: 476px){.oe_website_sale .td-qty{width: 60px;}.oe_website_sale .oe_cart table thead, .oe_website_sale #modal_optional_products table thead{display: none;}.oe_website_sale .oe_cart table td.td-img, .oe_website_sale #modal_optional_products table td.td-img{display: none;}.oe_website_sale .oe_cart a span.hidden-xs, .oe_website_sale #modal_optional_products a span.hidden-xs{display: none !important;}.oe_website_sale .oe_cart a span.visible-xs-inline, .oe_website_sale #modal_optional_products a span.visible-xs-inline{display: inline !important;}} .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 24px 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{padding: 5px 0; position: absolute; 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_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; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-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-md-12 > table > tbody > tr > td:empty, #products_grid.col-md-9 > table > tbody > tr > td:empty{height: 0;} #products_grid.col-md-12 .oe-height-1{height: 75px;} #products_grid.col-md-12 .oe-height-2{height: 150px;} #products_grid.col-md-12 .oe-height-4{height: 300px;} #products_grid.col-md-12 .oe-height-6{height: 450px;} #products_grid.col-md-12 .oe-height-8{height: 600px;} #products_grid.col-md-9 .oe-height-1{height: 70px;} #products_grid.col-md-9 .oe-height-2{height: 140px;} #products_grid.col-md-9 .oe-height-4{height: 280px;} #products_grid.col-md-9 .oe-height-6{height: 420px;} #products_grid.col-md-9 .oe-height-8{height: 560px;} #products_grid .oe_product.oe_grid .oe_subdescription{max-height: 40px;} @media (min-width: 992px){#products_grid.col-md-12 .oe-height-1{height: 95px;}#products_grid.col-md-12 .oe-height-2{height: 190px;}#products_grid.col-md-12 .oe-height-4{height: 380px;}#products_grid.col-md-12 .oe-height-6{height: 570px;}#products_grid.col-md-12 .oe-height-8{height: 760px;}#products_grid.col-md-12 .oe_product.oe_grid .oe_subdescription{max-height: 70px;}#products_grid.col-md-9 .oe-height-1{height: 72px;}#products_grid.col-md-9 .oe-height-2{height: 144px;}#products_grid.col-md-9 .oe-height-4{height: 288px;}#products_grid.col-md-9 .oe-height-6{height: 432px;}#products_grid.col-md-9 .oe-height-8{height: 576px;}} @media (min-width: 1200px){#products_grid.col-md-12 .oe-height-1{height: 125px;}#products_grid.col-md-12 .oe-height-2{height: 250px;}#products_grid.col-md-12 .oe-height-4{height: 500px;}#products_grid.col-md-12 .oe-height-6{height: 750px;}#products_grid.col-md-12 .oe-height-8{height: 1000px;}#products_grid.col-md-9 .oe-height-1{height: 95px;}#products_grid.col-md-9 .oe-height-2{height: 190px;}#products_grid.col-md-9 .oe-height-4{height: 380px;}#products_grid.col-md-9 .oe-height-6{height: 570px;}#products_grid.col-md-9 .oe-height-8{height: 760px;}#products_grid .oe_product.oe_grid .oe_subdescription{max-height: 120px;}} @media (max-width: 768px){#products_grid table, #products_grid tbody, #products_grid tr, #products_grid td{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;}.products_pager .pagination{margin: 5px auto !important;}} @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 section{background: rgba(100, 100, 100, 0.2);}#products_grid .oe_product .oe_product_image{top: 0; bottom: 65px;}#products_grid .oe_product .oe_subdescription{max-height: 40px;}#products_grid .oe_product.oe_image_full .oe_product_image{bottom: 50px;}} .oe_cart a span.visible-xs-inline, #modal_optional_products a span.visible-xs-inline{display: none !important;} .oe_cart a span.hidden-xs, #modal_optional_products a span.hidden-xs{display: inline !important;} .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-md-12{float: none;} .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_not_available_msg{display: none;} .css_not_available.js_product > *:nth-child(4) > *{display: none;} .css_not_available.js_product .product_price, .css_not_available.js_product .css_quantity{display: none;} .css_not_available.js_product .css_not_available_msg{display: block;} .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;} .product_detail_img{margin-left: auto; margin-right: auto; display: block; max-height: 500px;} .oe_default_price{display: none;} .discount .oe_default_price{display: block;} .oe_website_sale input.js_quantity{min-width: 48px; text-align: center;} .oe_website_sale input.quantity{padding: 0;} .oe_overlay_options .dropdown ul[name="size"] table{margin-left: 20px;} .oe_overlay_options .dropdown ul[name="size"] td{margin: 0; padding: 0; width: 20px; height: 20px; border: 1px #dddddd solid; cursor: pointer;} .oe_overlay_options .dropdown ul[name="size"] td.selected{background-color: #B1D4F1;} .oe_overlay_options .dropdown ul[name="size"] table.oe_hover td.selected{background-color: transparent;} .oe_overlay_options .dropdown ul[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 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;} td.noborder{border: none !important;} .border_primary{border: 1px solid #337ab7;} .js_change_shipping{cursor: pointer;} a.no-decoration{cursor: pointer; text-decoration: none !important;} #o-carousel-product .carousel-inner div.item{height: 400px;} #o-carousel-product .carousel-inner div.item img{max-height: 100%;} #o-carousel-product .carousel-control{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 img[data-zoom]{cursor: zoom-in;} .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; height: 150px; width: 150px; z-index: 1020;} .o_red_highlight{background: #db0700 !important; box-shadow: 0 0 0px 0px 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/css/website_mail.css 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: 0px; margin-left: 10px; width: 100px; height: 80px; border-radius: 1px; border: solid 3px white; -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: 0px 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;} 

/* /fwn/static/src/less/frontend.less defined in bundle 'web.assets_frontend' */
 html{scroll-behavior: smooth;} body{font-family: 'IBM Plex Sans Thai', 'Sarabun', sans-serif; font-size: 16px; line-height: 1.7; color: #4a5368; background: #fff; -webkit-font-smoothing: antialiased;} h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{font-family: 'Prompt', 'IBM Plex Sans Thai', sans-serif; color: #263045; font-weight: 600; line-height: 1.35;} a{color: #3d4a66; transition: color .15s ease;} a:hover, a:focus{color: #ef413d; text-decoration: none;} a:focus-visible, button:focus-visible, .btn:focus-visible{outline: 3px solid rgba(255, 153, 0, 0.7); outline-offset: 2px;} ::selection{background: rgba(239, 65, 61, 0.2);} #wrapwrap{max-width: none; box-shadow: none; background: #fff;} .btn{font-family: 'Prompt', 'IBM Plex Sans Thai', sans-serif; font-weight: 500; border-radius: 999px; padding: 9px 22px; transition: all .18s ease; white-space: normal;} .btn-lg, .btn-group-lg > .btn{padding: 13px 30px; font-size: 17px;} .btn-fwn-accent, .btn-primary, .btn-success{background: #ef413d; border-color: #ef413d; color: #fff !important;} .btn-fwn-accent:hover, .btn-primary:hover, .btn-success:hover, .btn-fwn-accent:focus, .btn-primary:focus, .btn-success:focus, .btn-fwn-accent:active, .btn-primary:active, .btn-success:active{background: #d42f2b; border-color: #d42f2b; color: #fff; box-shadow: 0 8px 20px rgba(239, 65, 61, 0.3); transform: translateY(-1px);} .btn-fwn-navy{background: #3d4a66; border-color: #3d4a66; color: #fff !important;} .btn-fwn-navy:hover, .btn-fwn-navy:focus{background: #2c3650; border-color: #2c3650;} .btn-fwn-ghost{background: transparent; border: 2px solid rgba(255, 255, 255, 0.75); color: #fff !important;} .btn-fwn-ghost:hover, .btn-fwn-ghost:focus{background: #fff; border-color: #fff; color: #3d4a66 !important;} .btn-fwn-outline{background: transparent; border: 2px solid #3d4a66; color: #3d4a66 !important;} .btn-fwn-outline:hover, .btn-fwn-outline:focus{background: #3d4a66; color: #fff !important;} .btn-fwn-line{background: #06c755; border-color: #06c755; color: #fff !important;} .btn-fwn-line:hover, .btn-fwn-line:focus{background: #05a948; border-color: #05a948;} .btn .fa{margin-right: 6px;} .fwn-line-badge{display: inline-block; background: #06c755; color: #fff; font: 700 10px/1 Arial, sans-serif; letter-spacing: .5px; padding: 3px 5px; border-radius: 4px; vertical-align: 1px;} .fwn-brand{display: flex !important; align-items: center; gap: 12px;} .fwn-brand-text{display: flex; flex-direction: column; line-height: 1.15;} .fwn-wordmark{font-family: 'Prompt', 'IBM Plex Sans Thai', sans-serif; font-weight: 700; font-size: 21px; letter-spacing: 2px; font-style: italic;} .fwn-wordmark .fwn-form{color: #c9ccd3;} .fwn-wordmark .fwn-wattana{color: #ff5752;} .fwn-brand-sub{font-family: 'Prompt', 'IBM Plex Sans Thai', sans-serif; font-size: 12.5px; font-weight: 400; color: rgba(255, 255, 255, 0.78); letter-spacing: .2px; margin-top: 3px;} .fwn-globe{position: relative; flex: none; display: block; width: 48px; height: 48px; font-size: 48px; border-radius: 50%; overflow: hidden; background: radial-gradient(circle at 33% 33%, #5098ff 0%, #4a8ae8 14%, #3a6db7 40%, #2b5189 62%, #1a3050 82%, #0d1a2c 100%);} .fwn-globe-face{position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 50%; overflow: hidden; -webkit-mask-image: radial-gradient(circle closest-side, #000000 78%, transparent 100%); mask-image: radial-gradient(circle closest-side, #000000 78%, transparent 100%);} .fwn-globe-letters{position: absolute; top: 0; left: 0; width: 100%; height: 100%; max-width: none; filter: drop-shadow(0.02em 0.03em 0.03em rgba(0, 0, 0, 0.65));} .fwn-globe-live .fwn-globe-letters{display: none;} .fwn-globe-canvas{position: absolute; top: 0; left: 0; width: 100%; height: 100%;} .fwn-header{position: -webkit-sticky; position: sticky; top: 0; z-index: 1030; transition: box-shadow 0.2s ease;} .fwn-header.fwn-scrolled{box-shadow: 0 6px 24px rgba(15, 20, 35, 0.25);} body.o_connected_user .fwn-header{position: relative;} .fwn-topbar{background: #1f2639; color: rgba(255, 255, 255, 0.7); font-size: 13.5px;} .fwn-topbar .container{display: flex; justify-content: space-between; align-items: center; min-height: 38px;} .fwn-topbar a{color: rgba(255, 255, 255, 0.85);} .fwn-topbar a:hover{color: #fff;} .fwn-topbar .fa{color: #ff9900; margin-right: 4px;} .fwn-topbar .fa-facebook-square{color: #fff; font-size: 16px; margin: 0;} .fwn-topbar-links{margin: 0;} .fwn-topbar-links > li{padding: 0 0 0 18px;} .navbar.fwn-navbar{background: #3d4a66; border: 0; border-bottom: 3px solid #ff9900; margin: 0; min-height: 72px; border-radius: 0;} .navbar.fwn-navbar .navbar-header{min-height: 72px; display: flex; align-items: center; justify-content: space-between;} .navbar.fwn-navbar .navbar-header:before, .navbar.fwn-navbar .navbar-header:after{display: none;} .navbar.fwn-navbar .navbar-brand{height: auto; padding: 10px 0; margin-left: 0 !important; float: none;} .navbar.fwn-navbar .navbar-toggle{order: 2; margin: 0; border: 0; border-radius: 10px; padding: 12px 10px; background: rgba(255, 255, 255, 0.08);} .navbar.fwn-navbar .navbar-toggle:hover, .navbar.fwn-navbar .navbar-toggle:focus{background: rgba(255, 255, 255, 0.16);} .navbar.fwn-navbar .navbar-toggle .icon-bar{width: 24px; height: 3px; border-radius: 2px; background: #fff; transition: all .2s ease;} .navbar.fwn-navbar .navbar-toggle:not(.collapsed) .icon-bar:nth-of-type(2){transform: translateY(7px) rotate(45deg);} .navbar.fwn-navbar .navbar-toggle:not(.collapsed) .icon-bar:nth-of-type(3){opacity: 0;} .navbar.fwn-navbar .navbar-toggle:not(.collapsed) .icon-bar:nth-of-type(4){transform: translateY(-7px) rotate(-45deg);} .navbar.fwn-navbar .navbar-nav{font-family: 'Prompt', 'IBM Plex Sans Thai', sans-serif;} .navbar.fwn-navbar .navbar-nav > li > a{color: rgba(255, 255, 255, 0.88); font-size: 15.5px; font-weight: 500; position: relative;} .navbar.fwn-navbar .navbar-nav > li > a:hover, .navbar.fwn-navbar .navbar-nav > li > a:focus{color: #fff; background: transparent;} .navbar.fwn-navbar .navbar-nav > .active > a, .navbar.fwn-navbar .navbar-nav > .active > a:hover, .navbar.fwn-navbar .navbar-nav > .active > a:focus, .navbar.fwn-navbar .navbar-nav > .open > a, .navbar.fwn-navbar .navbar-nav > .open > a:hover, .navbar.fwn-navbar .navbar-nav > .open > a:focus{color: #fff; background: rgba(255, 255, 255, 0.08);} .navbar.fwn-navbar .navbar-nav .dropdown-menu{border: 0; border-radius: 10px; box-shadow: 0 18px 40px rgba(31, 38, 57, 0.16); padding: 8px; min-width: 230px;} .navbar.fwn-navbar .navbar-nav .dropdown-menu > li > a{padding: 9px 14px; border-radius: 8px; color: #263045; font-size: 15px;} .navbar.fwn-navbar .navbar-nav .dropdown-menu > li > a:hover, .navbar.fwn-navbar .navbar-nav .dropdown-menu > li > a:focus{background: #f4f6fa; color: #ef413d;} .navbar.fwn-navbar .navbar-nav .dropdown-menu > .active > a, .navbar.fwn-navbar .navbar-nav .dropdown-menu > .active > a:hover{background: rgba(239, 65, 61, 0.1); color: #ef413d;} .navbar.fwn-navbar .fwn-nav-cta .btn{color: #fff; padding: 9px 20px;} .navbar.fwn-navbar .navbar-collapse{border: 0; box-shadow: none;} @media (min-width: 768px){.navbar.fwn-navbar .navbar-header{min-height: 0; display: block;}.navbar.fwn-navbar .navbar-brand{min-height: 72px;}.navbar.fwn-navbar .navbar-collapse{display: flex !important; justify-content: flex-end; align-items: center; min-height: 72px;}.navbar.fwn-navbar .navbar-nav{display: flex; align-items: center; float: none; margin-right: 0;}.navbar.fwn-navbar .navbar-nav > li{float: none;}.navbar.fwn-navbar .navbar-nav > li > a{padding: 24px 12px;}.navbar.fwn-navbar .navbar-nav > li > a:after{content: ''; position: absolute; left: 12px; right: 12px; bottom: 14px; height: 2px; background: #ff9900; transform: scaleX(0); transition: transform .2s ease;}.navbar.fwn-navbar .navbar-nav > li > a:hover:after{transform: scaleX(1);}.navbar.fwn-navbar .navbar-nav > li.active > a{background: transparent;}.navbar.fwn-navbar .navbar-nav > li.active > a:after{transform: scaleX(1);}.navbar.fwn-navbar .navbar-nav > li.fwn-nav-cta{margin-left: 10px;}.navbar.fwn-navbar .navbar-nav > li.fwn-nav-cta > a{padding: 9px 20px;}.navbar.fwn-navbar .navbar-nav > li.fwn-nav-cta > a:after{display: none;}} @media (min-width: 768px) and (max-width: 1199px){.fwn-brand-sub{display: none;}.fwn-topbar-tagline{display: none;}.fwn-topbar .container{justify-content: flex-end;}.navbar.fwn-navbar .navbar-nav > li > a{font-size: 14px; padding-left: 8px; padding-right: 8px;}} @media (min-width: 768px) and (max-width: 991px){.fwn-wordmark{font-size: 17px; letter-spacing: 1px;}.navbar.fwn-navbar .navbar-nav > li.fwn-nav-cta{display: none;}} @media (max-width: 767px){.fwn-wordmark{font-size: 18px; letter-spacing: 1px;}.fwn-brand-sub{font-size: 11.5px;}.fwn-brand .fwn-globe{width: 42px; height: 42px; font-size: 42px;}.navbar.fwn-navbar{min-height: 64px;}.navbar.fwn-navbar .navbar-header{min-height: 64px; padding: 0 14px 0 16px;}.navbar.fwn-navbar .navbar-collapse{max-height: calc(100vh - 70px); overflow-y: auto; margin: 0 -15px; padding: 0 15px 96px; border-top: 1px solid rgba(255, 255, 255, 0.1);}.navbar.fwn-navbar .navbar-nav{margin: 8px 0 0;}.navbar.fwn-navbar .navbar-nav > li > a{padding: 13px 8px; font-size: 16.5px; border-bottom: 1px solid rgba(255, 255, 255, 0.07);}.navbar.fwn-navbar .navbar-nav .open .dropdown-menu{background: rgba(0, 0, 0, 0.15); box-shadow: none; padding: 4px 0; margin: 0 0 6px;}.navbar.fwn-navbar .navbar-nav .open .dropdown-menu > li > a{color: rgba(255, 255, 255, 0.85); padding: 11px 12px 11px 22px;}.navbar.fwn-navbar .navbar-nav .open .dropdown-menu > li > a:hover{background: transparent; color: #fff;}.navbar.fwn-navbar .navbar-nav .open .dropdown-menu > .active > a{color: #ff9900; background: transparent;}.navbar.fwn-navbar .fwn-nav-cta{margin-top: 14px;}.navbar.fwn-navbar .fwn-nav-cta .btn{display: block; text-align: center; border: 0;}} main > div > .breadcrumb, .breadcrumb{max-width: 1170px; margin: 0 auto; background: transparent; padding: 18px 15px 0; font-size: 14px;} main > div > .breadcrumb > li + li:before, .breadcrumb > li + li:before{content: '\203A'; color: #909292; padding: 0 8px;} main > div > .breadcrumb a, .breadcrumb a{color: #6b7387;} main > div > .breadcrumb > .active, .breadcrumb > .active, main > div > .breadcrumb > li:last-child, .breadcrumb > li:last-child{color: #263045;} main > div[style*="margin-top"]{margin-top: 0 !important;} .fwn-section{padding: 80px 0;} .fwn-section-sm{padding: 56px 0;} .fwn-section-soft{background: #f4f6fa;} .fwn-eyebrow{display: inline-block; font-family: 'Prompt', 'IBM Plex Sans Thai', sans-serif; font-size: 14px; font-weight: 600; letter-spacing: 1.5px; text-transform: uppercase; color: #ef413d; margin-bottom: 10px;} .fwn-eyebrow:before{content: ''; display: inline-block; width: 26px; height: 2px; background: #ff9900; vertical-align: middle; margin-right: 10px;} .fwn-head{max-width: 720px; margin: 0 auto 48px; text-align: center;} .fwn-head h2{font-size: 34px; margin: 0 0 12px;} .fwn-head p{color: #6b7387; font-size: 17px; margin: 0;} .fwn-head-left{text-align: left; margin-left: 0;} .fwn-lead{font-size: 18px; color: #4a5368;} .fwn-hero{position: relative; color: #fff; background-color: #3d4a66; background-size: cover; background-position: center; overflow: hidden;} .fwn-hero:before{content: ''; position: absolute; inset: 0; top: 0; right: 0; bottom: 0; left: 0; background: linear-gradient(100deg, rgba(31, 38, 57, 0.94) 0%, rgba(61, 74, 102, 0.86) 45%, rgba(61, 74, 102, 0.35) 100%);} .fwn-hero .container{position: relative; padding-top: 110px; padding-bottom: 120px;} .fwn-hero h1{color: #fff; font-size: 50px; font-weight: 700; line-height: 1.25; margin: 0 0 18px; max-width: 860px;} .fwn-hero h1 span{color: #ff9900;} .fwn-hero .fwn-hero-sub{font-size: 19px; color: rgba(255, 255, 255, 0.85); max-width: 560px; margin-bottom: 34px;} .fwn-hero .fwn-eyebrow{color: #fff;} .fwn-hero-actions{display: flex; flex-wrap: wrap; gap: 12px;} .fwn-hero-points{list-style: none; padding: 0; margin: 40px 0 0; display: flex; flex-wrap: wrap; gap: 10px 26px; color: rgba(255, 255, 255, 0.85); font-size: 15px;} .fwn-hero-points .fa{color: #ff9900; margin-right: 6px;} .fwn-features{position: relative; margin-top: -56px; z-index: 2;} .fwn-features-card{background: #fff; border-radius: 14px; box-shadow: 0 18px 40px rgba(31, 38, 57, 0.16); display: grid; grid-template-columns: repeat(4, 1fr); overflow: hidden;} .fwn-feature{padding: 28px 24px; display: flex; gap: 14px; align-items: flex-start; border-right: 1px solid #e3e6ee;} .fwn-feature:last-child{border-right: 0;} .fwn-feature h3{font-size: 17px; margin: 0 0 4px;} .fwn-feature p{font-size: 14.5px; color: #6b7387; margin: 0; line-height: 1.55;} .fwn-icon{flex: none; width: 48px; height: 48px; border-radius: 12px; background: rgba(239, 65, 61, 0.1); color: #ef413d; display: flex; align-items: center; justify-content: center; font-size: 21px;} .fwn-products{display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px;} .fwn-product{display: flex; flex-direction: column; background: #fff; border-radius: 14px; overflow: hidden; box-shadow: 0 10px 30px rgba(31, 38, 57, 0.08); border: 1px solid #e3e6ee; color: #263045; transition: transform 0.2s ease, box-shadow 0.2s ease;} .fwn-product:hover, .fwn-product:focus{transform: translateY(-4px); box-shadow: 0 18px 40px rgba(31, 38, 57, 0.16); color: #263045;} .fwn-product:hover .fwn-product-img img, .fwn-product:focus .fwn-product-img img{transform: scale(1.05);} .fwn-product:hover .fwn-product-more, .fwn-product:focus .fwn-product-more{color: #ef413d;} .fwn-product-img{aspect-ratio: 4 / 5; background: #eceff4; overflow: hidden;} .fwn-product-img img{width: 100%; height: 100%; object-fit: contain; transition: transform .35s ease;} .fwn-product-img-contain img{object-fit: contain; background: #fff;} .fwn-product-body{padding: 16px 18px 18px; display: flex; flex-direction: column; flex: 1;} .fwn-product-body h3{font-size: 18px; margin: 0 0 4px;} .fwn-product-body p{font-size: 14.5px; color: #6b7387; line-height: 1.5; margin: 0 0 12px;} .fwn-product-more{margin-top: auto; font-family: 'Prompt', 'IBM Plex Sans Thai', sans-serif; font-size: 14.5px; font-weight: 500; color: #3d4a66;} .fwn-product-more .fa{margin-left: 4px;} .fwn-product-cta{background: linear-gradient(150deg, #3d4a66 0%, #1f2639 100%); color: #fff; border: 0; justify-content: center; padding: 28px 24px;} .fwn-product-cta h3{color: #fff; font-size: 21px; margin: 16px 0 8px;} .fwn-product-cta p{color: rgba(255, 255, 255, 0.8); font-size: 15px;} .fwn-product-cta .fwn-icon{background: rgba(255, 255, 255, 0.12); color: #ff9900;} .fwn-product-cta:hover, .fwn-product-cta:focus{color: #fff;} .fwn-product-cta .btn{align-self: flex-start; margin-top: 8px;} .fwn-quality{display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px;} .fwn-quality-item{background: #fff; border-radius: 14px; overflow: hidden; box-shadow: 0 10px 30px rgba(31, 38, 57, 0.08);} .fwn-quality-item img{width: 100%; aspect-ratio: 4 / 5; object-fit: contain; background: #eceff4;} .fwn-quality-item .fwn-quality-body{padding: 22px 24px 26px;} .fwn-quality-item h3{font-size: 20px; margin: 0 0 8px;} .fwn-quality-item p{margin: 0; color: #6b7387; font-size: 15.5px;} .fwn-split{display: grid; grid-template-columns: 1fr 1fr; gap: 56px; align-items: center;} .fwn-split-img{position: relative; width: -webkit-fit-content; width: fit-content; max-width: 100%; margin: 0 auto;} .fwn-split-img img{display: block; max-width: 100%; max-height: 560px; width: auto; height: auto; border-radius: 14px; box-shadow: 0 18px 40px rgba(31, 38, 57, 0.16);} .fwn-split-img:after{content: ''; position: absolute; z-index: -1; width: 60%; height: 60%; left: -18px; bottom: -18px; border-radius: 14px; background: rgba(255, 153, 0, 0.25);} .fwn-checklist{list-style: none; padding: 0; margin: 20px 0 28px;} .fwn-checklist li{position: relative; padding-left: 32px; margin-bottom: 10px;} .fwn-checklist li:before{content: '\f00c'; font-family: FontAwesome; position: absolute; left: 0; top: 2px; width: 22px; height: 22px; border-radius: 50%; background: rgba(239, 65, 61, 0.12); color: #ef413d; font-size: 11px; text-align: center; line-height: 22px;} .fwn-steps{list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; counter-reset: fwn-step;} .fwn-step{position: relative; background: #fff; border-radius: 14px; padding: 26px 24px 24px; border: 1px solid #e3e6ee; box-shadow: 0 10px 30px rgba(31, 38, 57, 0.08); counter-increment: fwn-step;} .fwn-step h3{font-size: 18.5px; margin: 0 0 8px;} .fwn-step p, .fwn-step ul{margin: 0; font-size: 15px; color: #6b7387;} .fwn-step ul{padding-left: 18px;} .fwn-step ul li{margin-bottom: 3px;} .fwn-step-head{display: flex; align-items: center; gap: 12px; margin-bottom: 14px;} .fwn-step-no{flex: none; width: 40px; height: 40px; border-radius: 50%; background: #3d4a66; color: #fff; font-family: 'Prompt', 'IBM Plex Sans Thai', sans-serif; font-weight: 600; display: flex; align-items: center; justify-content: center;} .fwn-step-no:before{content: counter(fwn-step);} .fwn-step-icon{margin-left: auto; color: #ff9900; font-size: 22px;} .fwn-steps-compact .fwn-step{box-shadow: none;} .fwn-clients{background: #fff; border-radius: 14px; box-shadow: 0 10px 30px rgba(31, 38, 57, 0.08); padding: 28px; text-align: center;} .fwn-clients img{max-width: 100%; width: 760px; height: auto;} .fwn-quote{font-family: 'Prompt', 'IBM Plex Sans Thai', sans-serif; font-size: 19px; color: #3d4a66; text-align: center; max-width: 760px; margin: 32px auto 0;} .fwn-quote:before, .fwn-quote:after{color: #ef413d; font-size: 26px;} .fwn-quote:before{content: '\201C'; margin-right: 4px;} .fwn-quote:after{content: '\201D'; margin-left: 4px;} .fwn-cta{position: relative; background: linear-gradient(120deg, #1f2639 0%, #3d4a66 60%, #485879 100%); color: #fff; overflow: hidden;} .fwn-cta:after{content: ''; position: absolute; right: -80px; top: 0; bottom: 0; width: 260px; background: #ff9900; transform: skewX(-18deg); opacity: .9;} .fwn-cta .container{position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between; gap: 28px; padding-top: 56px; padding-bottom: 56px;} .fwn-cta h2{color: #fff; font-size: 30px; margin: 0 0 6px;} .fwn-cta p{color: rgba(255, 255, 255, 0.8); margin: 0; font-size: 17px;} .fwn-cta .fwn-hero-actions{flex: none; padding-right: 120px;} .fwn-page-hero{background: linear-gradient(120deg, #1f2639 0%, #3d4a66 100%); color: #fff; position: relative; overflow: hidden;} .fwn-page-hero:after{content: ''; position: absolute; right: -60px; top: 0; bottom: 0; width: 180px; background: #ff9900; transform: skewX(-18deg); opacity: .85;} .fwn-page-hero .container{position: relative; z-index: 1; padding-top: 48px; padding-bottom: 52px;} .fwn-page-hero h1{color: #fff; font-size: 38px; margin: 6px 0 8px;} .fwn-page-hero p{color: rgba(255, 255, 255, 0.8); font-size: 17px; max-width: 640px; margin: 0;} .fwn-page-hero .breadcrumb{padding: 0; margin: 0; max-width: none;} .fwn-page-hero .breadcrumb a{color: rgba(255, 255, 255, 0.7);} .fwn-page-hero .breadcrumb a:hover{color: #fff;} .fwn-page-hero .breadcrumb > li:last-child{color: #fff;} .fwn-page-hero .breadcrumb > li + li:before{color: rgba(255, 255, 255, 0.5);} .fwn-contact-grid{display: grid; grid-template-columns: 5fr 7fr; gap: 32px; align-items: start;} .fwn-contact-cards{display: grid; gap: 14px;} .fwn-contact-card{display: flex; gap: 16px; align-items: center; background: #fff; border: 1px solid #e3e6ee; border-radius: 14px; padding: 18px 20px; color: #263045; box-shadow: 0 10px 30px rgba(31, 38, 57, 0.08); transition: transform 0.15s ease, box-shadow 0.15s ease;} .fwn-contact-card small{display: block; color: #6b7387; font-size: 13.5px;} .fwn-contact-card strong{font-family: 'Prompt', 'IBM Plex Sans Thai', sans-serif; font-weight: 600; font-size: 17px; word-break: break-word;} a.fwn-contact-card:hover, a.fwn-contact-card:focus{transform: translateY(-2px); box-shadow: 0 18px 40px rgba(31, 38, 57, 0.16); color: #263045;} .fwn-icon-line{background: rgba(6, 199, 85, 0.14); color: #06c755; font: 700 12px/1 Arial, sans-serif;} .fwn-icon-fb{background: rgba(24, 119, 242, 0.12); color: #1877f2;} .fwn-icon-navy{background: rgba(61, 74, 102, 0.1); color: #3d4a66;} .fwn-form-card{background: #fff; border-radius: 14px; border: 1px solid #e3e6ee; box-shadow: 0 10px 30px rgba(31, 38, 57, 0.08); padding: 30px 32px;} .fwn-form-card h2{font-size: 24px; margin: 0 0 6px;} .fwn-form-card > p{color: #6b7387;} .fwn-map{border-radius: 14px; overflow: hidden; box-shadow: 0 10px 30px rgba(31, 38, 57, 0.08);} .fwn-map iframe{display: block; width: 100% !important; height: 380px; border: 0;} .s_website_form{padding: 0 !important;} .s_website_form .form-group{margin-left: 0; margin-right: 0;} .s_website_form .control-label{text-align: left !important; font-family: 'Prompt', 'IBM Plex Sans Thai', sans-serif; font-weight: 500; color: #263045; padding-top: 0; margin-bottom: 6px; width: 100%; float: none;} .s_website_form .form-group > div[class*="col-"]{width: 100%; float: none; margin-left: 0 !important; padding: 0;} .s_website_form .form-group > label[class*="col-"]{padding: 0;} .s_website_form .o_website_form_required_custom .control-label:after, .s_website_form .o_website_form_required .control-label:after{content: ' *'; color: #ef413d;} .fwn-form-row{display: grid; grid-template-columns: 1fr 1fr; gap: 0 18px;} .form-control{height: 46px; border-radius: 10px; border-color: #d5d9e3; box-shadow: none; font-size: 16px;} .form-control:focus{border-color: #3d4a66; box-shadow: 0 0 0 3px rgba(61, 74, 102, 0.15);} textarea.form-control{height: auto; min-height: 130px;} main{} main section[style*="height"]{height: auto !important;} main #wrap img[style*="transform"]{transform: none !important;} main #wrap [style*="font-family"]{font-family: inherit !important;} main #wrap h1 [style*="font-family"], main #wrap h2 [style*="font-family"], main #wrap h3 [style*="font-family"], main #wrap h4 [style*="font-family"]{font-family: 'Prompt', 'IBM Plex Sans Thai', sans-serif !important;} main #wrap [style*="color: rgb(102, 102, 102)"]{color: #263045 !important;} main #wrap .text-gray-darker, main #wrap .text-gray-dark{color: #4a5368 !important; font-size: inherit !important;} main #wrap iframe{max-width: 100%;} main #wrap table{max-width: 100%;} main .s_title h1{font-size: 32px; position: relative; padding-bottom: 14px; margin-bottom: 8px;} main .s_title h1:after{content: ''; position: absolute; left: 50%; bottom: 0; width: 56px; height: 3px; margin-left: -28px; border-radius: 3px; background: #ef413d;} main .s_title h3.text-muted{margin: 0; line-height: 1; font-size: 10px;} main .s_company_team h1{font-size: 26px;} main .s_company_team .row.s_no_resize_cols{background: #fff; border: 1px solid #e3e6ee; border-radius: 14px; box-shadow: 0 10px 30px rgba(31, 38, 57, 0.08); padding: 16px 6px; margin: 0; height: 100%;} main .s_company_team .row.s_no_resize_cols img{border-radius: 10px; box-shadow: none;} main .s_company_team .row.s_no_resize_cols h4{margin-top: 4px;} main .s_company_team .row.s_no_resize_cols p{color: #6b7387; font-size: 15px; line-height: 1.6;} main .o_gallery img{border-radius: 10px; box-shadow: 0 4px 14px rgba(31, 38, 57, 0.08) !important; transition: transform 0.2s ease, box-shadow 0.2s ease; cursor: zoom-in; width: 100%;} main .o_gallery img:hover{transform: translateY(-3px) !important; box-shadow: 0 18px 40px rgba(31, 38, 57, 0.16) !important;} main .o_gallery .row > div{margin-bottom: 24px;} main .well{border-radius: 14px; border-color: #e3e6ee; background: #f4f6fa; box-shadow: none;} main .img-circle.shadow, main .shadow{box-shadow: 0 10px 30px rgba(31, 38, 57, 0.08) !important;} main blockquote{border-left-color: #ff9900;} .fwn-thanks{max-width: 640px; margin: 0 auto; text-align: center;} .fwn-thanks h1{font-size: 34px; margin: 18px 0 10px;} .fwn-thanks .fwn-hero-actions{justify-content: center; margin-top: 24px;} .fwn-thanks-icon{display: inline-flex; align-items: center; justify-content: center; width: 76px; height: 76px; border-radius: 50%; background: rgba(6, 199, 85, 0.14); color: #06c755; font-size: 34px;} img.fwn-zoomable{cursor: zoom-in;} html.fwn-lb-lock, html.fwn-lb-lock body{overflow: hidden !important;} .fwn-lb{--fwn-lb-fade: 1; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 2000; display: none; flex-direction: column; color: #fff; font-family: 'IBM Plex Sans Thai', 'Sarabun', sans-serif;} .fwn-lb.fwn-lb-open{display: flex;} .fwn-lb-backdrop{position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(13, 17, 28, 0.9); -webkit-backdrop-filter: blur(14px) saturate(120%); backdrop-filter: blur(14px) saturate(120%); opacity: var(--fwn-lb-fade); animation: fwn-lb-fade-in 0.28s ease both;} .fwn-lb-closing .fwn-lb-backdrop, .fwn-lb-closing .fwn-lb-top, .fwn-lb-closing .fwn-lb-bottom, .fwn-lb-closing .fwn-lb-nav{animation: fwn-lb-fade-out 0.28s ease both;} .fwn-lb-top, .fwn-lb-bottom, .fwn-lb-nav{animation: fwn-lb-fade-in 0.35s ease 0.08s both;} .fwn-lb-top{position: relative; z-index: 2; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 14px 18px; background: linear-gradient(180deg, rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0));} .fwn-lb-meta{display: flex; align-items: center; gap: 12px; min-width: 0; font-family: 'Prompt', 'IBM Plex Sans Thai', sans-serif;} .fwn-lb-count{font-variant-numeric: tabular-nums; font-size: 14px; letter-spacing: 1px; color: rgba(255, 255, 255, 0.7); padding-right: 12px; border-right: 1px solid rgba(255, 255, 255, 0.2);} .fwn-lb-count:empty{display: none;} .fwn-lb-title{font-size: 17px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .fwn-lb-code{flex: none; font-size: 12.5px; font-weight: 600; letter-spacing: .5px; padding: 3px 10px; border-radius: 999px; background: #ff9900; color: #1f2639;} .fwn-lb-tools{display: flex; gap: 8px; flex: none;} .fwn-lb-btn{width: 44px; height: 44px; border-radius: 50%; border: 1px solid rgba(255, 255, 255, 0.16); background: rgba(255, 255, 255, 0.1); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); color: #fff; font-size: 18px; display: inline-flex; align-items: center; justify-content: center; transition: background .15s ease, transform .15s ease;} .fwn-lb-btn:hover, .fwn-lb-btn:focus-visible{background: rgba(255, 255, 255, 0.22); outline: none;} .fwn-lb-btn:active{transform: scale(0.94);} .fwn-lb-stage{position: relative; z-index: 1; flex: 1; min-height: 0; display: flex; align-items: center; justify-content: center; padding: 4px 84px; overflow: hidden;} .fwn-lb-img{max-width: none; object-fit: contain; border-radius: 12px; box-shadow: 0 30px 80px rgba(0, 0, 0, 0.55); background: #fff; cursor: zoom-in; user-select: none; -webkit-user-drag: none; touch-action: none; transform-origin: center center; transition: transform 0.32s cubic-bezier(0.2, 0.8, 0.2, 1), opacity 0.2s ease; will-change: transform;} .fwn-lb-zoomed .fwn-lb-img{cursor: grab; border-radius: 4px;} .fwn-lb-dragging .fwn-lb-img{cursor: grabbing; transition: none;} .fwn-lb-loading .fwn-lb-img{opacity: .35;} .fwn-lb-slide-l{animation: fwn-lb-in-l 0.38s cubic-bezier(0.2, 0.8, 0.2, 1);} .fwn-lb-slide-r{animation: fwn-lb-in-r 0.38s cubic-bezier(0.2, 0.8, 0.2, 1);} .fwn-lb-spinner{position: absolute; left: 50%; top: 50%; width: 38px; height: 38px; margin: -19px 0 0 -19px; border-radius: 50%; border: 3px solid rgba(255, 255, 255, 0.2); border-top-color: #ff9900; animation: fwn-lb-spin 0.8s linear infinite; display: none; z-index: 2;} .fwn-lb-loading .fwn-lb-spinner{display: block;} .fwn-lb-nav{position: absolute; top: 50%; z-index: 3; width: 54px; height: 54px; margin-top: -27px; font-size: 28px;} .fwn-lb-prev{left: 18px;} .fwn-lb-next{right: 18px;} .fwn-lb-single .fwn-lb-nav, .fwn-lb-single .fwn-lb-thumbs, .fwn-lb-single .fwn-lb-count{display: none;} .fwn-lb-bottom{position: relative; z-index: 2; display: grid; grid-template-columns: 1fr auto; grid-template-areas: "caption caption" "thumbs actions"; align-items: center; gap: 10px 20px; padding: 10px 18px 18px; background: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));} .fwn-lb-caption{grid-area: caption; text-align: center; font-size: 15px; color: rgba(255, 255, 255, 0.85);} .fwn-lb-caption:empty{display: none;} .fwn-lb-thumbs{grid-area: thumbs; display: flex; gap: 8px; overflow-x: auto; scrollbar-width: none; padding: 4px 2px;} .fwn-lb-thumbs::-webkit-scrollbar{display: none;} .fwn-lb-thumbs button{flex: none; width: 58px; height: 58px; padding: 0; border: 0; border-radius: 10px; overflow: hidden; background: #fff; opacity: .45; outline: 2px solid transparent; outline-offset: 2px; transition: opacity 0.15s ease, outline-color 0.15s ease, transform 0.15s ease;} .fwn-lb-thumbs button:hover{opacity: .85;} .fwn-lb-thumbs button.active{opacity: 1; outline-color: #ff9900;} .fwn-lb-thumbs img{width: 100%; height: 100%; object-fit: cover;} .fwn-lb-actions{grid-area: actions; display: flex; gap: 10px;} .fwn-lb-actions .btn{padding: 10px 20px;} .fwn-lb-zoomed .fwn-lb-nav, .fwn-lb-zoomed .fwn-lb-bottom{opacity: 0; pointer-events: none;} .fwn-lb-nav, .fwn-lb-bottom{transition: opacity .2s ease;} @keyframes fwn-lb-fade-in{from{opacity: 0;}to{opacity: 1;}} @keyframes fwn-lb-fade-out{from{opacity: 1;}to{opacity: 0;}} @keyframes fwn-lb-in-l{from{opacity: 0; translate: 60px 0;}to{opacity: 1; translate: 0 0;}} @keyframes fwn-lb-in-r{from{opacity: 0; translate: -60px 0;}to{opacity: 1; translate: 0 0;}} @keyframes fwn-lb-spin{to{transform: rotate(360deg);}} @media (max-width: 767px){.fwn-lb-top{padding: 10px 12px;}.fwn-lb-title{font-size: 15px;}.fwn-lb-count{font-size: 13px; padding-right: 10px;}.fwn-lb-zoom{display: none;}.fwn-lb-stage{padding: 0 8px;}.fwn-lb-img{border-radius: 8px;}.fwn-lb-nav{display: none;}.fwn-lb-bottom{grid-template-columns: 1fr; grid-template-areas: "caption" "thumbs" "actions"; padding: 8px 12px calc(14px + env(safe-area-inset-bottom));}.fwn-lb-thumbs button{width: 48px; height: 48px;}.fwn-lb-actions .btn{flex: 1; text-align: center;}.fwn-lb-actions .fwn-lb-line{flex: 0 0 auto;}} @media (prefers-reduced-motion: reduce){.fwn-lb *, .fwn-lb-img{animation-duration: .01s !important; transition-duration: .01s !important;}} .fwn-subnav{position: -webkit-sticky; position: sticky; top: var(--fwn-header-h, 0px); z-index: 1020; background: rgba(255, 255, 255, 0.94); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-bottom: 1px solid #e3e6ee;} .fwn-subnav .container{display: flex; gap: 6px; overflow-x: auto; scrollbar-width: none; padding-top: 10px; padding-bottom: 10px;} .fwn-subnav .container::-webkit-scrollbar{display: none;} .fwn-subnav a{flex: none; font-family: 'Prompt', 'IBM Plex Sans Thai', sans-serif; font-size: 15px; font-weight: 500; color: #4a5368; padding: 7px 16px; border-radius: 999px; transition: background .15s ease, color .15s ease;} .fwn-subnav a:hover{background: #f4f6fa; color: #263045;} .fwn-subnav a.active{background: #3d4a66; color: #fff;} body.o_connected_user .fwn-subnav{top: 0;} #order-type, #size-chart, #measure, #fabrics, #colors, #gallery, #sizes, #order, .fwn-size-card{scroll-margin-top: calc(var(--fwn-header-h, 0px) + 70px);} .fwn-order-types{display: grid; grid-template-columns: 1fr 1fr; gap: 24px;} .fwn-order-type{background: #fff; border: 1px solid #e3e6ee; border-radius: 14px; box-shadow: 0 10px 30px rgba(31, 38, 57, 0.08); padding: 28px 30px;} .fwn-order-type h3{font-size: 22px; margin: 16px 0 8px;} .fwn-order-type > p{color: #6b7387;} .fwn-order-type .fwn-checklist{margin-bottom: 0;} .fwn-order-type-alt .fwn-icon{background: rgba(61, 74, 102, 0.1); color: #3d4a66;} .fwn-size-head{display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; margin-bottom: 28px;} .fwn-size-head h2{font-size: 34px; margin: 0 0 6px;} .fwn-size-head p{color: #6b7387; margin: 0;} .fwn-unit-toggle{flex: none; display: inline-flex; padding: 4px; border-radius: 999px; background: #fff; border: 1px solid #e3e6ee; box-shadow: 0 10px 30px rgba(31, 38, 57, 0.08);} .fwn-unit-toggle button{border: 0; background: transparent; font-family: 'Prompt', 'IBM Plex Sans Thai', sans-serif; font-weight: 500; font-size: 15px; color: #6b7387; padding: 7px 20px; border-radius: 999px; transition: background .15s ease, color .15s ease;} .fwn-unit-toggle button.active{background: #3d4a66; color: #fff;} .fwn-size-grid{display: grid; grid-template-columns: 1fr 1fr; gap: 24px;} .fwn-size-card{background: #fff; border-radius: 14px; border: 1px solid #e3e6ee; box-shadow: 0 10px 30px rgba(31, 38, 57, 0.08); overflow: hidden;} .fwn-size-card-head{display: flex; align-items: baseline; justify-content: space-between; gap: 12px; padding: 18px 22px 14px;} .fwn-size-card-head h3{font-size: 19px; margin: 0;} .fwn-size-card-head span{font-size: 14px; color: #6b7387;} .fwn-size-table-wrap{overflow-x: auto; padding: 0 22px 6px;} .fwn-size-table{width: 100%; border-collapse: separate; border-spacing: 0; font-variant-numeric: tabular-nums;} .fwn-size-table th, .fwn-size-table td{text-align: center; padding: 11px 10px; white-space: nowrap; border-bottom: 1px solid #e3e6ee;} .fwn-size-table thead th{font-family: 'Prompt', 'IBM Plex Sans Thai', sans-serif; font-weight: 600; font-size: 15px; color: #fff; background: #3d4a66; border-bottom: 0;} .fwn-size-table thead th:first-child{border-radius: 10px 0 0 10px; background: #2c3650;} .fwn-size-table thead th:last-child{border-radius: 0 10px 10px 0;} .fwn-size-table tbody th{text-align: left; font-family: 'Prompt', 'IBM Plex Sans Thai', sans-serif; font-weight: 500; color: #263045; position: -webkit-sticky; position: sticky; left: 0; background: #fff;} .fwn-size-table tbody tr:last-child th, .fwn-size-table tbody tr:last-child td{border-bottom: 0;} .fwn-size-table tbody tr:hover td, .fwn-size-table tbody tr:hover th{background: #f4f6fa;} .fwn-size-table td{color: #4a5368; font-size: 16px;} .fwn-size-note{margin: 0; padding: 12px 22px 16px; font-size: 14.5px; color: #6b7387; border-top: 1px dashed #e3e6ee;} .fwn-size-note .fa{color: #ff9900; margin-right: 4px;} .fwn-measure{display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px;} .fwn-measure-item{position: relative; background: #f4f6fa; border-radius: 14px; padding: 24px 22px 22px;} .fwn-measure-item h4{font-size: 18px; margin: 14px 0 6px;} .fwn-measure-item p{font-size: 15px; color: #6b7387; margin: 0; line-height: 1.6;} .fwn-measure-no{display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 50%; background: #ff9900; color: #1f2639; font-family: 'Prompt', 'IBM Plex Sans Thai', sans-serif; font-weight: 700;} .fwn-measure-tip{display: flex; gap: 14px; align-items: flex-start; margin-top: 22px; padding: 16px 20px; border-radius: 14px; border: 1px solid rgba(255, 153, 0, 0.45); background: rgba(255, 153, 0, 0.08);} .fwn-measure-tip .fa{color: #ff9900; font-size: 22px; margin-top: 2px;} .fwn-measure-tip p{margin: 0;} .fwn-fabric-grid{display: grid; grid-template-columns: 5fr 7fr; gap: 24px; align-items: start;} .fwn-fabric-panel{background: #fff; border-radius: 14px; border: 1px solid #e3e6ee; box-shadow: 0 10px 30px rgba(31, 38, 57, 0.08); padding: 26px 28px;} .fwn-fabric-panel > h3{font-size: 20px; margin: 0 0 4px;} .fwn-fabric-panel .btn{margin-top: 8px;} .fwn-fabric-sub{color: #6b7387; margin-bottom: 18px;} .fwn-fabric-sub b{color: #ef413d;} .fwn-chip-group{margin-bottom: 16px;} .fwn-chip-group h5{font-size: 14px; color: #6b7387; font-weight: 500; margin: 0 0 8px;} .fwn-chip{display: inline-block; margin: 0 6px 6px 0; padding: 5px 14px; border-radius: 999px; background: #f4f6fa; border: 1px solid #e3e6ee; font-family: 'Prompt', 'IBM Plex Sans Thai', sans-serif; font-size: 14.5px; font-weight: 500; color: #263045;} .fwn-fabric-list{display: grid; grid-template-columns: 1fr 1fr; gap: 14px 20px; margin-top: 18px;} .fwn-fabric{display: flex; gap: 14px; align-items: flex-start;} .fwn-fabric h4{font-size: 16.5px; margin: 2px 0 4px;} .fwn-fabric p{font-size: 14.5px; color: #6b7387; margin: 0; line-height: 1.55;} .fwn-fabric-no{flex: none; font-family: 'Prompt', 'IBM Plex Sans Thai', sans-serif; font-weight: 700; font-size: 15px; color: #ff9900; width: 34px; height: 34px; border-radius: 10px; background: rgba(255, 153, 0, 0.12); display: flex; align-items: center; justify-content: center;} .fwn-fabric-tag{display: inline-block; vertical-align: 2px; margin-left: 4px; font-size: 11.5px; font-weight: 600; padding: 2px 8px; border-radius: 999px; background: rgba(239, 65, 61, 0.12); color: #ef413d;} .fwn-swatches{display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px;} .fwn-swatch{margin: 0;} .fwn-swatch img{width: 100%; aspect-ratio: 3 / 4; object-fit: contain; background: #eceff4; border-radius: 10px; box-shadow: 0 10px 30px rgba(31, 38, 57, 0.08); transition: transform 0.2s ease, box-shadow 0.2s ease;} .fwn-swatch img:hover{transform: translateY(-3px); box-shadow: 0 18px 40px rgba(31, 38, 57, 0.16);} .fwn-swatch span{display: block; margin-top: 8px; font-size: 14px; color: #6b7387; text-align: center;} @media (max-width: 991px){.fwn-size-grid, .fwn-fabric-grid{grid-template-columns: 1fr;}.fwn-measure{grid-template-columns: 1fr 1fr;}} @media (max-width: 767px){.fwn-subnav a{font-size: 14px; padding: 6px 12px;}.fwn-order-types{grid-template-columns: 1fr; gap: 16px;}.fwn-order-type{padding: 22px 20px;}.fwn-size-head{flex-direction: column; align-items: flex-start;}.fwn-size-head h2{font-size: 26px;}.fwn-size-card-head{padding: 16px 16px 12px;}.fwn-size-table-wrap{padding: 0 12px 4px;}.fwn-size-table th, .fwn-size-table td{padding: 10px 8px; font-size: 15px;}.fwn-size-note{padding: 12px 16px 14px;}.fwn-measure{grid-template-columns: 1fr; gap: 12px;}.fwn-measure-item{padding: 18px; display: grid; grid-template-columns: auto 1fr; gap: 0 14px; align-items: center;}.fwn-measure-item h4{margin: 0;}.fwn-measure-item p{grid-column: 1 / -1; margin-top: 8px;}.fwn-fabric-panel{padding: 20px 18px;}.fwn-fabric-list{grid-template-columns: 1fr;}.fwn-swatches{grid-template-columns: 1fr 1fr; gap: 12px;}} .fwn-howto-hero h1{font-size: 42px;} .fwn-howto-hero h1 span{color: #ff9900; white-space: nowrap;} .fwn-howto-chips{list-style: none; padding: 0; margin: 18px 0 0; display: flex; flex-wrap: wrap; align-items: center; gap: 8px 6px; counter-reset: fwn-chip;} .fwn-howto-chips li{font-family: 'Prompt', 'IBM Plex Sans Thai', sans-serif; font-weight: 500; font-size: 15px; color: #fff; background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.18); border-radius: 999px; padding: 5px 14px; counter-increment: fwn-chip;} .fwn-howto-chips li:before{content: counter(fwn-chip); display: inline-block; width: 20px; height: 20px; line-height: 20px; margin-right: 6px; border-radius: 50%; background: #ff9900; color: #1f2639; font-size: 12px; font-weight: 700; text-align: center;} .fwn-howto-chips li + li{position: relative; margin-left: 18px;} .fwn-howto-chips li + li:after{content: '\f105'; font-family: FontAwesome; position: absolute; left: -16px; top: 50%; transform: translateY(-50%); color: rgba(255, 255, 255, 0.55);} .fwn-howto-legend{display: flex; justify-content: center; gap: 10px; margin-bottom: 26px;} .fwn-howto-legend .fwn-who{font-size: 14px; padding: 5px 14px;} .fwn-who{display: inline-flex; align-items: center; gap: 6px; font-family: 'Prompt', 'IBM Plex Sans Thai', sans-serif; font-size: 13px; font-weight: 500; padding: 3px 12px; border-radius: 999px;} .fwn-who:before{font-family: FontAwesome; font-size: 12px;} .fwn-who-you{background: rgba(255, 153, 0, 0.16); color: #8f5600;} .fwn-who-you:before{content: '\f007';} .fwn-who-us{background: rgba(61, 74, 102, 0.1); color: #3d4a66;} .fwn-who-us:before{content: '\f0c4';} .fwn-flow{list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(6, 1fr); gap: 18px; position: relative;} .fwn-flow-step{position: relative; text-align: center; display: flex; flex-direction: column; align-items: center;} .fwn-flow-step h3{font-size: 17px; margin: 10px 0 4px; line-height: 1.35;} .fwn-flow-step p{font-size: 14.5px; color: #6b7387; margin: 0; line-height: 1.55;} .fwn-flow-art{width: 100%; max-width: 200px; height: 140px;} .fwn-flow-art img{display: block; width: 100%; height: 100%; object-fit: contain; transition: transform .25s ease;} .fwn-flow-step:hover .fwn-flow-art img{transform: translateY(-4px) rotate(-1.5deg);} .fwn-flow-no{position: relative; z-index: 1; width: 40px; height: 40px; margin: 6px 0 10px; border-radius: 50%; background: #3d4a66; color: #fff; font-family: 'Prompt', 'IBM Plex Sans Thai', sans-serif; font-weight: 700; font-size: 17px; display: flex; align-items: center; justify-content: center; box-shadow: 0 0 0 6px #ffffff, 0 6px 14px rgba(61, 74, 102, 0.35);} .fwn-flow-step:not(:last-child):after{content: ''; position: absolute; top: 165px; left: calc(50% + 28px); width: calc(100% + 18px - 56px); border-top: 3px dashed rgba(255, 153, 0, 0.7);} .fwn-flow.fwn-animate .fwn-flow-step{opacity: 0; transform: translateY(24px); transition: opacity 0.5s ease, transform 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);} .fwn-flow.fwn-animate.fwn-in .fwn-flow-step{opacity: 1; transform: none;} .fwn-flow.fwn-animate .fwn-flow-step:nth-child(2){transition-delay: .12s;} .fwn-flow.fwn-animate .fwn-flow-step:nth-child(3){transition-delay: .24s;} .fwn-flow.fwn-animate .fwn-flow-step:nth-child(4){transition-delay: .36s;} .fwn-flow.fwn-animate .fwn-flow-step:nth-child(5){transition-delay: .48s;} .fwn-flow.fwn-animate .fwn-flow-step:nth-child(6){transition-delay: .6s;} .fwn-prepare{display: grid; grid-template-columns: 7fr 5fr; gap: 32px; align-items: center;} .fwn-prepare-list h2{font-size: 32px; margin: 0 0 6px;} .fwn-prepare-list > p{color: #6b7387;} .fwn-prepare-list ul{list-style: none; padding: 0; margin: 22px 0 0; display: grid; grid-template-columns: 1fr 1fr; gap: 14px;} .fwn-prepare-list li{display: flex; gap: 14px; align-items: center; background: #fff; border: 1px solid #e3e6ee; border-radius: 14px; padding: 14px 16px;} .fwn-prepare-list li b{display: block; font-family: 'Prompt', 'IBM Plex Sans Thai', sans-serif; font-weight: 600; color: #263045;} .fwn-prepare-list li small{display: block; color: #6b7387; font-size: 14px; line-height: 1.45;} .fwn-prepare-card{background: #fff; border-radius: 14px; box-shadow: 0 18px 40px rgba(31, 38, 57, 0.16); padding: 26px 28px 28px; text-align: center;} .fwn-prepare-card img{width: 150px; height: auto; margin: -6px auto 6px; display: block;} .fwn-prepare-card h3{font-size: 22px; margin: 0 0 6px;} .fwn-prepare-card p{color: #6b7387;} .fwn-prepare-card .btn{display: block; margin-top: 10px;} .fwn-prepare-phone{display: inline-block; margin-top: 14px; font-family: 'Prompt', 'IBM Plex Sans Thai', sans-serif; color: #3d4a66;} @media (max-width: 1199px){.fwn-flow{grid-template-columns: repeat(3, 1fr); gap: 34px 24px;}.fwn-flow-step:not(:last-child):after{width: calc(100% + 24px - 56px);}.fwn-flow-step:nth-child(3n):after{display: none;}} @media (max-width: 991px){.fwn-prepare{grid-template-columns: 1fr;}} @media (max-width: 767px){.fwn-howto-hero h1{font-size: 28px;}.fwn-howto-chips{gap: 8px;}.fwn-howto-chips li{font-size: 13.5px; padding: 4px 10px;}.fwn-howto-chips li + li{margin-left: 0;}.fwn-howto-chips li + li:after{display: none;}.fwn-flow{grid-template-columns: 1fr; gap: 0;}.fwn-flow:before{content: ''; position: absolute; left: 19px; top: 30px; bottom: 30px; border-left: 3px dashed rgba(255, 153, 0, 0.7);}.fwn-flow-step{display: grid; grid-template-columns: 40px 96px 1fr; grid-template-areas: "no art who" "no art title" "no art text"; align-items: center; text-align: left; gap: 0 12px; padding: 12px 0;}.fwn-flow-step h3{grid-area: title; font-size: 16.5px; margin: 4px 0 2px;}.fwn-flow-step p{grid-area: text; font-size: 14px;}.fwn-flow-step .fwn-who{grid-area: who; justify-self: start; font-size: 12px; padding: 2px 10px;}.fwn-flow-art{grid-area: art; max-width: 96px;}.fwn-flow-no{grid-area: no; margin: 0; align-self: center;}.fwn-flow-step:not(:last-child):after{display: none;}.fwn-flow-art{height: auto;}.fwn-flow.fwn-animate .fwn-flow-step{transform: translateX(-16px);}.fwn-prepare-list h2{font-size: 26px;}.fwn-prepare-list ul{grid-template-columns: 1fr;}.fwn-prepare-card{padding: 22px 18px;}} @media (prefers-reduced-motion: reduce){.fwn-flow.fwn-animate .fwn-flow-step{opacity: 1; transform: none; transition: none;}} .fwn-mega-thumb{flex: none; width: 56px; height: 56px; border-radius: 12px; background: #eceff4; overflow: hidden; display: flex; align-items: center; justify-content: center; color: #3d4a66; font-size: 20px;} .fwn-mega-thumb img{width: 100%; height: 100%; object-fit: contain; transition: transform .25s ease;} .fwn-mega-text{display: flex; flex-direction: column; min-width: 0; line-height: 1.35;} .fwn-mega-text b{font-family: 'Prompt', 'IBM Plex Sans Thai', sans-serif; font-weight: 600; font-size: 15.5px; color: #263045;} .fwn-mega-text small{font-size: 13.5px; color: #6b7387; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .fwn-mega-arrow{margin-left: auto; color: #ef413d; opacity: 0; transform: translateX(-6px); transition: opacity .15s ease, transform .15s ease;} .fwn-mega-item{display: flex; align-items: center; gap: 14px; padding: 10px 12px; border-radius: 12px; transition: background .15s ease;} .fwn-mega-item:hover, .fwn-mega-item:focus{background: #f4f6fa;} .fwn-mega-item:hover .fwn-mega-thumb img, .fwn-mega-item:focus .fwn-mega-thumb img{transform: scale(1.08);} .fwn-mega-item:hover .fwn-mega-arrow, .fwn-mega-item:focus .fwn-mega-arrow{opacity: 1; transform: none;} .fwn-mega-item:hover b, .fwn-mega-item:focus b{color: #ef413d;} .fwn-mega-item.active{background: rgba(239, 65, 61, 0.07);} .fwn-mega-item.active b{color: #ef413d;} .fwn-mega-side{background: linear-gradient(160deg, #3d4a66 0%, #1f2639 100%); color: rgba(255, 255, 255, 0.8); padding: 24px 24px 22px; position: relative; overflow: hidden;} .fwn-mega-side:after{content: ''; position: absolute; right: -40px; bottom: -40px; width: 120px; height: 120px; border-radius: 50%; background: rgba(255, 153, 0, 0.22);} .fwn-mega-side .fwn-eyebrow{color: #ff9900; font-size: 12.5px;} .fwn-mega-side h4{color: #fff; font-size: 19px; margin: 0 0 6px;} .fwn-mega-side p{font-size: 14px; line-height: 1.55; margin: 0 0 14px;} .fwn-mega-side .btn{color: #fff;} .fwn-mega-links{list-style: none; padding: 0; margin: 18px 0 0; position: relative; z-index: 1;} .fwn-mega-links li{border-top: 1px solid rgba(255, 255, 255, 0.1);} .fwn-mega-links a{display: block; padding: 9px 0; font-size: 14.5px; color: rgba(255, 255, 255, 0.85) !important;} .fwn-mega-links a:hover{color: #fff !important; padding-left: 4px;} .fwn-mega-links a .fa{width: 18px; color: #ff9900;} @media (min-width: 768px){.navbar.fwn-navbar > .container{position: relative;}.navbar.fwn-navbar .navbar-nav > li.fwn-mega{position: static;}.navbar.fwn-navbar .navbar-nav .dropdown-menu.fwn-mega-panel{display: block; visibility: hidden; opacity: 0; transform: translateY(10px); pointer-events: none; transition: opacity .18s ease, transform .18s ease, visibility 0s linear .18s; left: 15px; right: 15px; top: 100%; min-width: 0; margin-top: 0; padding: 0; border-radius: 16px; overflow: hidden; box-shadow: 0 24px 60px rgba(15, 20, 35, 0.28);}.navbar.fwn-navbar .navbar-nav > li.fwn-mega.open > .fwn-mega-panel, .navbar.fwn-navbar .navbar-nav > li.fwn-mega:focus-within > .fwn-mega-panel{visibility: visible; opacity: 1; transform: none; pointer-events: auto; transition: opacity .18s ease, transform .18s ease;}.navbar.fwn-navbar .navbar-nav > li.fwn-mega > a .caret{transition: transform .18s ease;}.navbar.fwn-navbar .navbar-nav > li.fwn-mega.open > a .caret{transform: rotate(180deg);}.fwn-mega-inner{display: grid; grid-template-columns: 1fr 290px;}.fwn-mega-grid{display: grid; grid-template-columns: repeat(3, 1fr); gap: 4px 8px; padding: 18px; align-content: start;}} @media (min-width: 768px) and (max-width: 1199px){.fwn-mega-inner{grid-template-columns: 1fr 240px;}.fwn-mega-grid{grid-template-columns: repeat(2, 1fr);}} @media (max-width: 767px){.navbar.fwn-navbar .navbar-nav .open .dropdown-menu.fwn-mega-panel{padding: 6px 0 4px;}.fwn-mega-grid{display: grid; gap: 2px;}.fwn-mega-item{padding: 8px 10px;}.fwn-mega-item:hover, .fwn-mega-item:focus, .fwn-mega-item.active{background: rgba(255, 255, 255, 0.06);}.fwn-mega-item b{color: #fff; font-size: 15.5px;}.fwn-mega-item:hover b, .fwn-mega-item.active b{color: #ff9900;}.fwn-mega-item small{color: rgba(255, 255, 255, 0.6);}.fwn-mega-thumb{width: 44px; height: 44px; border-radius: 10px; background: #fff;}.fwn-mega-arrow{display: none;}.fwn-mega-side{background: transparent; padding: 0 10px;}.fwn-mega-side:after, .fwn-mega-side .fwn-eyebrow, .fwn-mega-side h4, .fwn-mega-side p, .fwn-mega-side .btn{display: none;}.fwn-mega-links{margin: 4px 0 6px;}} .fwn-prod-hero{position: relative; background: radial-gradient(circle at 85% 20%, rgba(255, 153, 0, 0.14) 0%, transparent 40%), linear-gradient(180deg, #f4f6fa 0%, #ffffff 100%); overflow: hidden;} .fwn-prod-hero .container{padding-top: 28px; padding-bottom: 48px;} .fwn-prod-hero .breadcrumb{padding: 0; margin: 0 0 22px; max-width: none;} .fwn-prod-hero h1{font-size: 44px; font-weight: 700; margin: 4px 0 12px;} .fwn-prod-hero .fwn-lead{color: #4a5368; max-width: 520px;} .fwn-prod-hero-grid{display: grid; grid-template-columns: 1.05fr 1fr; gap: 48px; align-items: center;} .fwn-prod-facts{list-style: none; padding: 0; margin: 22px 0 28px; display: flex; flex-wrap: wrap; gap: 10px;} .fwn-prod-facts li{background: #fff; border: 1px solid #e3e6ee; border-radius: 999px; padding: 6px 14px; font-size: 14.5px; color: #4a5368; box-shadow: 0 2px 8px rgba(31, 38, 57, 0.05);} .fwn-prod-facts li b{font-family: 'Prompt', 'IBM Plex Sans Thai', sans-serif; color: #ef413d; font-size: 16px; margin-right: 2px;} .fwn-prod-facts li .fa{color: #06c755; margin-right: 2px;} .fwn-prod-hero-media{display: grid; grid-template-columns: 1fr 96px; gap: 14px;} .fwn-prod-hero-main{background: #fff; border-radius: 20px; box-shadow: 0 18px 40px rgba(31, 38, 57, 0.16); overflow: hidden; aspect-ratio: 4 / 5; max-height: 520px;} .fwn-prod-hero-main img{width: 100%; height: 100%; object-fit: contain; background: #eceff4;} .fwn-prod-hero-thumbs{display: flex; flex-direction: column; gap: 12px;} .fwn-prod-hero-thumbs img, .fwn-prod-hero-thumbs .fwn-prod-more{width: 96px; height: 110px; border-radius: 14px; object-fit: contain; background: #eceff4; box-shadow: 0 10px 30px rgba(31, 38, 57, 0.08); transition: transform .2s ease;} .fwn-prod-hero-thumbs img:hover, .fwn-prod-hero-thumbs .fwn-prod-more:hover{transform: translateY(-3px);} .fwn-prod-more{display: flex; flex-direction: column; align-items: center; justify-content: center; background: #3d4a66 !important; color: #fff !important; font-family: 'Prompt', 'IBM Plex Sans Thai', sans-serif; font-size: 24px; font-weight: 700; line-height: 1;} .fwn-prod-more small{font-size: 13px; font-weight: 400; opacity: .8; margin-top: 4px;} .fwn-group-title{font-size: 20px; margin: 30px 0 16px; padding-left: 12px; border-left: 4px solid #ff9900;} .fwn-group-title:first-of-type{margin-top: 0;} .fwn-group-title span{font-family: 'IBM Plex Sans Thai', 'Sarabun', sans-serif; font-size: 14px; font-weight: 400; color: #6b7387; margin-left: 6px;} .fwn-work-grid{display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 20px;} .fwn-work{margin: 0; background: #fff; border: 1px solid #e3e6ee; border-radius: 14px; overflow: hidden; transition: transform 0.2s ease, box-shadow 0.2s ease;} .fwn-work:hover{transform: translateY(-4px); box-shadow: 0 18px 40px rgba(31, 38, 57, 0.16);} .fwn-work:hover .fwn-work-img img{transform: scale(1.04);} .fwn-work figcaption{padding: 10px 14px; font-family: 'Prompt', 'IBM Plex Sans Thai', sans-serif; font-weight: 600; font-size: 14.5px; letter-spacing: .5px; color: #263045; border-top: 1px solid #e3e6ee;} .fwn-work figcaption:before{content: '\f02b'; font-family: FontAwesome; color: #ff9900; margin-right: 7px; font-weight: 400;} .fwn-work-img{aspect-ratio: 4 / 5; background: #eceff4; overflow: hidden;} .fwn-work-img img{width: 100%; height: 100%; object-fit: contain; transition: transform .3s ease;} .fwn-fabric-cards{display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px;} .fwn-fabric-card{display: flex; flex-direction: column; background: #fff; border: 1px solid #e3e6ee; border-radius: 14px; overflow: hidden; box-shadow: 0 10px 30px rgba(31, 38, 57, 0.08);} .fwn-fabric-swatch{height: 150px; background: #eceff4;} .fwn-fabric-swatch img{width: 100%; height: 100%; object-fit: cover;} .fwn-fabric-swatch-empty{display: flex; align-items: center; justify-content: center; height: 100%; background: repeating-linear-gradient(45deg, rgba(61, 74, 102, 0.06) 0, rgba(61, 74, 102, 0.06) 6px, transparent 6px, transparent 14px), #f4f6fa; color: rgba(61, 74, 102, 0.35); font-size: 30px;} .fwn-fabric-body{padding: 18px 20px 20px;} .fwn-fabric-body h3{font-size: 19px; margin: 0 0 6px;} .fwn-fabric-body p{font-size: 14.5px; color: #6b7387; line-height: 1.6; margin: 10px 0 0;} .fwn-fabric-badge{display: inline-block; font-size: 12.5px; font-weight: 600; padding: 3px 10px; border-radius: 999px; background: rgba(255, 153, 0, 0.16); color: #8f5600;} .fwn-swatches-2{grid-template-columns: repeat(2, minmax(0, 260px));} .fwn-swatches-5{grid-template-columns: repeat(5, 1fr);} .fwn-size-grid-one{grid-template-columns: minmax(0, 720px);} .fwn-measure-banner{display: flex; align-items: center; gap: 20px; padding: 24px 28px; border-radius: 14px; border: 1px solid #e3e6ee; background: #fff; box-shadow: 0 10px 30px rgba(31, 38, 57, 0.08);} .fwn-measure-banner h3{font-size: 20px; margin: 0 0 4px;} .fwn-measure-banner p{margin: 0; color: #6b7387;} .fwn-measure-banner .btn{margin-left: auto; flex: none;} .fwn-prod-why{display: grid; grid-template-columns: repeat(4, 1fr); background: #fff; border-radius: 14px; box-shadow: 0 10px 30px rgba(31, 38, 57, 0.08); overflow: hidden;} @media (max-width: 1199px){.fwn-fabric-cards{grid-template-columns: 1fr 1fr;}.fwn-swatches-5{grid-template-columns: repeat(3, 1fr);}} @media (max-width: 991px){.fwn-prod-hero-grid{grid-template-columns: 1fr; gap: 28px;}.fwn-prod-hero-media{max-width: 560px;}.fwn-prod-why{grid-template-columns: 1fr 1fr;}.fwn-prod-why .fwn-feature:nth-child(2){border-right: 0;}.fwn-prod-why .fwn-feature:nth-child(-n+2){border-bottom: 1px solid #e3e6ee;}} @media (max-width: 767px){.fwn-prod-hero .container{padding-top: 18px; padding-bottom: 32px;}.fwn-prod-hero .breadcrumb{margin-bottom: 14px;}.fwn-prod-hero h1{font-size: 30px;}.fwn-prod-facts{margin: 16px 0 22px; gap: 8px;}.fwn-prod-facts li{font-size: 13.5px; padding: 5px 12px;}.fwn-prod-hero-media{grid-template-columns: 1fr;}.fwn-prod-hero-main{aspect-ratio: 1 / 1;}.fwn-prod-hero-thumbs{flex-direction: row;}.fwn-prod-hero-thumbs img, .fwn-prod-hero-thumbs .fwn-prod-more{width: auto; flex: 1; height: 84px; min-width: 0;}.fwn-work-grid{grid-template-columns: 1fr 1fr; gap: 12px;}.fwn-work figcaption{padding: 8px 10px; font-size: 13px;}.fwn-group-title{font-size: 18px;}.fwn-fabric-cards{grid-template-columns: 1fr; gap: 14px;}.fwn-fabric-card{flex-direction: row;}.fwn-fabric-swatch{flex: 0 0 96px; height: auto; min-height: 120px;}.fwn-fabric-body{padding: 14px 16px;}.fwn-fabric-body h3{font-size: 17px;}.fwn-fabric-body p{font-size: 14px;}.fwn-swatches-2{grid-template-columns: 1fr 1fr;}.fwn-swatches-5{grid-template-columns: 1fr 1fr;}.fwn-measure-banner{flex-wrap: wrap; padding: 20px;}.fwn-measure-banner .btn{margin-left: 0;}.fwn-prod-why .fwn-feature{flex-direction: column;}} .fwn-home-hero{position: relative; color: #fff; background: linear-gradient(115deg, #1f2639 0%, #2c3650 45%, #3d4a66 100%); overflow: hidden;} .fwn-home-hero:after{content: ''; position: absolute; right: -120px; top: -10%; width: 420px; height: 120%; background: #ff9900; transform: skewX(-16deg); opacity: .9;} .fwn-home-hero .container{position: relative; z-index: 1; padding-top: 72px; padding-bottom: 120px;} .fwn-home-hero h1{color: #fff; font-size: 48px; font-weight: 700; line-height: 1.25; margin: 0 0 18px;} .fwn-home-hero h1 span{color: #ff9900;} .fwn-home-hero .fwn-eyebrow{color: #fff;} .fwn-home-hero .fwn-hero-sub{font-size: 18.5px; color: rgba(255, 255, 255, 0.82); max-width: 560px; margin-bottom: 32px;} .fwn-home-hero-bg{position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-size: cover; background-position: center; opacity: .12; mix-blend-mode: luminosity;} .fwn-home-hero-grid{display: grid; grid-template-columns: 1.1fr 1fr; gap: 40px; align-items: center;} .fwn-collage{position: relative; height: 460px;} .fwn-collage-card{position: absolute; background: #fff; border-radius: 18px; padding: 10px 10px 0; box-shadow: 0 30px 60px rgba(0, 0, 0, 0.35); animation: fwn-float 6s ease-in-out infinite;} .fwn-collage-card img{display: block; width: 100%; aspect-ratio: 4 / 5; object-fit: contain; background: #eceff4; border-radius: 12px;} .fwn-collage-card span{display: block; padding: 9px 4px 11px; font-family: 'Prompt', 'IBM Plex Sans Thai', sans-serif; font-weight: 600; font-size: 14.5px; color: #263045; text-align: center;} .fwn-collage-a{width: 46%; left: 27%; top: 0; z-index: 3;} .fwn-collage-b{width: 38%; left: 0; top: 70px; z-index: 2; transform: rotate(-6deg); animation-delay: -2s;} .fwn-collage-c{width: 38%; right: 0; top: 90px; z-index: 2; transform: rotate(6deg); animation-delay: -4s;} .fwn-collage-badge{position: absolute; z-index: 4; display: flex; align-items: center; gap: 10px; padding: 10px 16px 10px 10px; border-radius: 14px; background: rgba(255, 255, 255, 0.96); color: #263045; box-shadow: 0 16px 40px rgba(0, 0, 0, 0.3);} .fwn-collage-badge .fwn-icon{width: 40px; height: 40px; font-size: 17px;} .fwn-collage-badge b{display: block; font-family: 'Prompt', 'IBM Plex Sans Thai', sans-serif; font-size: 14.5px;} .fwn-collage-badge small{display: block; font-size: 12.5px; color: #6b7387;} .fwn-collage-badge-1{left: -10px; bottom: 40px;} .fwn-collage-badge-2{right: -6px; bottom: 0;} @keyframes fwn-float{0%, 100%{translate: 0 0;}50%{translate: 0 -10px;}} .fwn-stats{position: relative; z-index: 2; margin-top: -64px;} .fwn-stats-card{display: grid; grid-template-columns: repeat(4, 1fr); background: #fff; border-radius: 14px; box-shadow: 0 18px 40px rgba(31, 38, 57, 0.16);} .fwn-stat{padding: 26px 22px; text-align: center; border-right: 1px solid #e3e6ee;} .fwn-stat:last-child{border-right: 0;} .fwn-stat b{display: block; font-family: 'Prompt', 'IBM Plex Sans Thai', sans-serif; font-size: 40px; font-weight: 700; line-height: 1.1; color: #3d4a66; font-variant-numeric: tabular-nums;} .fwn-stat p{margin: 6px 0 0; font-size: 15px; color: #6b7387;} .fwn-logos{padding: 44px 0 20px; overflow: hidden;} .fwn-logos-title{text-align: center; font-family: 'Prompt', 'IBM Plex Sans Thai', sans-serif; font-size: 15px; font-weight: 500; letter-spacing: 1px; color: #6b7387; margin: 0 0 18px;} .fwn-marquee{overflow: hidden; -webkit-mask-image: linear-gradient(90deg, transparent 0, #000000 8%, #000000 92%, transparent 100%); mask-image: linear-gradient(90deg, transparent 0, #000000 8%, #000000 92%, transparent 100%);} .fwn-marquee + .fwn-marquee{margin-top: 6px;} .fwn-marquee:hover .fwn-marquee-track{animation-play-state: paused;} .fwn-marquee:hover .fwn-marquee-track img{filter: none; opacity: 1;} .fwn-marquee-track{display: flex; width: -webkit-max-content; width: max-content; animation: fwn-marquee 90s linear infinite;} .fwn-marquee-track img{display: block; height: 60px; width: auto; max-width: none; filter: grayscale(1); opacity: .65; transition: filter .3s ease, opacity .3s ease;} .fwn-marquee-reverse .fwn-marquee-track{animation-direction: reverse; animation-duration: 100s;} @keyframes fwn-marquee{from{transform: translateX(0);}to{transform: translateX(-50%);}} .fwn-industries{display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px;} .fwn-industry{background: #fff; border: 1px solid #e3e6ee; border-radius: 14px; padding: 26px 24px 22px; box-shadow: 0 10px 30px rgba(31, 38, 57, 0.08); transition: transform 0.2s ease, box-shadow 0.2s ease;} .fwn-industry:hover{transform: translateY(-4px); box-shadow: 0 18px 40px rgba(31, 38, 57, 0.16);} .fwn-industry .fwn-icon{width: 52px; height: 52px; font-size: 22px; background: rgba(61, 74, 102, 0.09); color: #3d4a66;} .fwn-industry h3{font-size: 19px; margin: 16px 0 6px;} .fwn-industry p{font-size: 15px; color: #6b7387; min-height: 48px;} .fwn-industry-links{display: flex; flex-wrap: wrap; gap: 6px; margin-top: 12px;} .fwn-industry-links a{font-family: 'Prompt', 'IBM Plex Sans Thai', sans-serif; font-size: 13.5px; font-weight: 500; padding: 4px 12px; border-radius: 999px; background: #f4f6fa; border: 1px solid #e3e6ee; color: #3d4a66;} .fwn-industry-links a:hover{background: #ef413d; border-color: #ef413d; color: #fff;} .fwn-flow-compact .fwn-flow-art{height: 110px;} .fwn-flow-compact .fwn-flow-step:not(:last-child):after{top: 135px;} .fwn-quote-section{position: relative; padding: 80px 0; background: linear-gradient(120deg, #1f2639 0%, #3d4a66 100%); color: rgba(255, 255, 255, 0.82); overflow: hidden;} .fwn-quote-section:before{content: ''; position: absolute; left: -100px; bottom: -120px; width: 360px; height: 360px; border-radius: 50%; background: rgba(255, 153, 0, 0.18);} .fwn-quote-grid{position: relative; display: grid; grid-template-columns: 5fr 7fr; gap: 40px; align-items: center;} .fwn-quote-info .fwn-eyebrow{color: #ff9900;} .fwn-quote-info h2{color: #fff; font-size: 36px; margin: 0 0 10px;} .fwn-quote-info > p{font-size: 17px;} .fwn-quote-contacts{list-style: none; padding: 0; margin: 26px 0 0; display: grid; gap: 12px;} .fwn-quote-contacts a{display: flex; align-items: center; gap: 14px; padding: 12px 16px; border-radius: 14px; background: rgba(255, 255, 255, 0.07); border: 1px solid rgba(255, 255, 255, 0.1); color: #fff; transition: background .15s ease;} .fwn-quote-contacts a:hover{background: rgba(255, 255, 255, 0.13); color: #fff;} .fwn-quote-contacts .fwn-icon{background: rgba(255, 255, 255, 0.1); color: #ff9900;} .fwn-quote-contacts .fwn-icon-line{background: #06c755; color: #fff;} .fwn-quote-contacts small{display: block; color: rgba(255, 255, 255, 0.6); font-size: 13px;} .fwn-quote-contacts b{font-family: 'Prompt', 'IBM Plex Sans Thai', sans-serif; font-size: 17px; font-weight: 600;} .fwn-quote-section .fwn-form-card{box-shadow: 0 30px 70px rgba(0, 0, 0, 0.35); border: 0;} @media (max-width: 1199px){.fwn-industries{grid-template-columns: 1fr 1fr;}} @media (max-width: 991px){.fwn-home-hero-grid{grid-template-columns: 1fr;}.fwn-home-hero-media{max-width: 520px; margin: 0 auto; width: 100%;}.fwn-home-hero:after{display: none;}.fwn-stats-card{grid-template-columns: 1fr 1fr;}.fwn-stat:nth-child(2){border-right: 0;}.fwn-stat:nth-child(-n+2){border-bottom: 1px solid #e3e6ee;}.fwn-quote-grid{grid-template-columns: 1fr;}} @media (max-width: 767px){.fwn-home-hero .container{padding-top: 44px; padding-bottom: 96px;}.fwn-home-hero h1{font-size: 31px;}.fwn-home-hero .fwn-hero-sub{font-size: 16.5px; margin-bottom: 24px;}.fwn-collage{height: 330px;}.fwn-collage-badge{padding: 8px 12px 8px 8px;}.fwn-collage-badge .fwn-icon{width: 34px; height: 34px; font-size: 15px;}.fwn-collage-badge b{font-size: 13px;}.fwn-collage-badge small{font-size: 11.5px;}.fwn-collage-badge-1{left: 0; bottom: 10px;}.fwn-collage-badge-2{display: none;}.fwn-collage-card span{font-size: 13px; padding: 6px 2px 8px;}.fwn-stats{margin-top: -52px;}.fwn-stat{padding: 18px 12px;}.fwn-stat b{font-size: 30px;}.fwn-stat p{font-size: 13.5px;}.fwn-logos{padding: 32px 0 8px;}.fwn-marquee-track img{height: 44px;}.fwn-industries{grid-template-columns: 1fr; gap: 14px;}.fwn-industry p{min-height: 0;}.fwn-quote-section{padding: 56px 0;}.fwn-quote-info h2{font-size: 28px;}} @media (prefers-reduced-motion: reduce){.fwn-marquee-track, .fwn-collage-card{animation: none;}} #wrapwrap footer.fwn-footer{background: #1f2639; color: rgba(255, 255, 255, 0.72); font-size: 15px; margin-top: 0;} #wrapwrap footer.fwn-footer h5{color: #fff; font-size: 16px; margin: 0 0 16px; letter-spacing: .3px;} #wrapwrap footer.fwn-footer a{color: rgba(255, 255, 255, 0.78);} #wrapwrap footer.fwn-footer a:hover, #wrapwrap footer.fwn-footer a:focus{color: #fff;} #wrapwrap footer.fwn-footer .container > .row{padding-top: 56px; padding-bottom: 28px;} #wrapwrap footer.fwn-footer ul.list-unstyled li{margin-bottom: 9px;} #wrapwrap footer.fwn-footer ul li a{color: rgba(255, 255, 255, 0.78);} #wrapwrap footer.fwn-footer ul li a:hover{color: #fff;} #wrapwrap footer.fwn-footer .fa{color: inherit;} #wrapwrap footer.fwn-footer .fwn-footer-contact .fa{color: #ff9900;} .fwn-footer-stripe{height: 6px; background: #3d4a66; position: relative; overflow: hidden;} .fwn-footer-stripe span{position: absolute; left: 0; top: 0; bottom: 0; width: 28%; background: #ff9900; clip-path: polygon(0 0, 100% 0, 96% 100%, 0 100%);} .fwn-footer-col{margin-bottom: 28px;} .fwn-brand-footer{margin-bottom: 16px;} .fwn-footer-desc{line-height: 1.7; max-width: 380px;} .fwn-social{display: flex; gap: 10px; margin-top: 18px;} .fwn-social a{width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: rgba(255, 255, 255, 0.08); color: #fff; font-size: 17px; transition: background .15s ease;} .fwn-social a:hover{color: #fff;} .fwn-social .fwn-social-line{font: 700 10px/1 Arial, sans-serif;} .fwn-social .fwn-social-line:hover{background: #06c755;} .fwn-social .fwn-social-fb:hover{background: #1877f2;} .fwn-social .fwn-social-mail:hover{background: #ef413d;} .fwn-footer-contact li{display: flex; gap: 12px;} .fwn-footer-contact li .fa{color: #ff9900; width: 16px; text-align: center; margin-top: 5px; flex: none;} .fwn-footer-bottom{border-top: 1px solid rgba(255, 255, 255, 0.08); font-size: 14px;} .fwn-footer-bottom .container{display: flex; justify-content: space-between; align-items: center; padding-top: 18px; padding-bottom: 18px;} .fwn-to-top{width: 36px; height: 36px; border-radius: 50%; background: rgba(255, 255, 255, 0.08); display: flex; align-items: center; justify-content: center;} .fwn-mobile-cta{position: fixed; left: 0; right: 0; bottom: 0; z-index: 1040; background: #fff; box-shadow: 0 -6px 20px rgba(31, 38, 57, 0.14); padding: 8px 10px calc(8px + env(safe-area-inset-bottom));} .fwn-mobile-cta.visible-xs{display: none !important;} .fwn-mobile-cta a{display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; min-height: 52px; border-radius: 12px; font-family: 'Prompt', 'IBM Plex Sans Thai', sans-serif; font-size: 13px; font-weight: 500; color: #263045;} .fwn-mobile-cta a .fa{font-size: 19px; color: #3d4a66;} .fwn-mobile-cta a .fwn-line-badge{font-size: 9px; margin: 3px 0 2px;} .fwn-mobile-cta .fwn-mcta-quote{background: #ef413d; color: #fff;} .fwn-mobile-cta .fwn-mcta-quote .fa{color: #fff;} @media (max-width: 1199px){.fwn-products{grid-template-columns: repeat(3, 1fr);}} @media (max-width: 991px){.fwn-section{padding: 64px 0;}.fwn-hero h1{font-size: 40px;}.fwn-features-card{grid-template-columns: repeat(2, 1fr);}.fwn-feature:nth-child(2){border-right: 0;}.fwn-feature:nth-child(-n+2){border-bottom: 1px solid #e3e6ee;}.fwn-quality{grid-template-columns: 1fr 1fr;}.fwn-steps{grid-template-columns: 1fr 1fr;}.fwn-split{grid-template-columns: 1fr; gap: 36px;}.fwn-contact-grid{grid-template-columns: 1fr;}.fwn-cta:after{display: none;}.fwn-cta .container{flex-direction: column; align-items: flex-start;}.fwn-cta .fwn-hero-actions{padding-right: 0;}} @media (max-width: 767px){body{font-size: 16px;}.fwn-section{padding: 52px 0;}.fwn-section-sm{padding: 40px 0;}.fwn-head{margin-bottom: 32px;}.fwn-head h2{font-size: 26px;}.fwn-head p{font-size: 16px;}.fwn-hero:before{background: linear-gradient(180deg, rgba(31, 38, 57, 0.88) 0%, rgba(61, 74, 102, 0.88) 100%);}.fwn-hero .container{padding-top: 64px; padding-bottom: 96px;}.fwn-hero h1{font-size: 32px;}.fwn-hero .fwn-hero-sub{font-size: 17px; margin-bottom: 26px;}.fwn-hero-actions .btn{flex: 1 1 100%; text-align: center;}.fwn-hero-points{margin-top: 28px; font-size: 14px; gap: 8px 18px;}.fwn-features{margin-top: -44px;}.fwn-feature{padding: 18px 16px; flex-direction: column; gap: 10px;}.fwn-feature h3{font-size: 15.5px;}.fwn-feature p{font-size: 13.5px;}.fwn-icon{width: 42px; height: 42px; font-size: 18px;}.fwn-products{grid-template-columns: 1fr 1fr; gap: 14px;}.fwn-product-body{padding: 12px 12px 14px;}.fwn-product-body h3{font-size: 15.5px;}.fwn-product-body p{display: none;}.fwn-product-more{font-size: 13.5px;}.fwn-product-cta{grid-column: 1 / -1;}.fwn-product-cta h3{font-size: 19px;}.fwn-quality{grid-template-columns: 1fr; gap: 20px;}.fwn-steps{grid-template-columns: 1fr; gap: 14px;}.fwn-step{padding: 20px 18px;}.fwn-clients{padding: 14px;}.fwn-cta h2{font-size: 24px;}.fwn-cta .fwn-hero-actions{width: 100%;}.fwn-cta .fwn-hero-actions .btn{flex: 1 1 100%; text-align: center;}.fwn-page-hero:after{width: 70px; right: -40px;}.fwn-page-hero .container{padding-top: 32px; padding-bottom: 36px;}.fwn-page-hero h1{font-size: 28px;}.fwn-page-hero p{font-size: 15.5px;}.fwn-form-card{padding: 22px 18px;}.fwn-form-row{grid-template-columns: 1fr;}.fwn-map iframe{height: 300px;}.fwn-footer .container > .row{padding-top: 40px; padding-bottom: 8px;}.fwn-footer-bottom .container{padding-bottom: 18px; font-size: 13px;}.fwn-mobile-cta.visible-xs{display: grid !important; grid-template-columns: 1fr 1fr 1.4fr; gap: 8px;}#wrapwrap{padding-bottom: 76px;}main .s_title h1{font-size: 25px;}main .o_gallery .row{display: flex; flex-wrap: wrap; margin-left: -7px; margin-right: -7px;}main .o_gallery .row > div{width: 50%; padding-left: 7px; padding-right: 7px; margin-bottom: 14px;}main .o_gallery .row > div:empty{display: none;}main .s_company_team .row.s_no_resize_cols > .col-md-4{width: 38%; float: left;}main .s_company_team .row.s_no_resize_cols > .col-md-8{width: 62%; float: left; padding-left: 4px;}main .s_company_team .row.s_no_resize_cols p{font-size: 14px;}main .s_image_text .col-md-6, main .s_text_image .col-md-6{margin-top: 12px !important; margin-bottom: 12px !important;}main .mb128, main .mb92{margin-bottom: 40px !important;}main .mt92, main .mt64{margin-top: 28px !important;}} 

/* /payment/static/src/css/portal_payment.css 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.img-rounded{max-width: 100px; max-height: 40px;} 

/* /payment/static/src/less/payment_form.less defined in bundle 'web.assets_frontend' */
 .o_payment_form label > input[type="radio"], .o_payment_form input[type="checkbox"]{vertical-align: top; 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 .panel-body:first-child{border-top: 0px;} .o_payment_form .panel{border-radius: 10px;} .o_payment_form .panel-footer:last-child{border-bottom-right-radius: 10px !important; border-bottom-left-radius: 10px !important;} .o_payment_form .panel-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: -10px; right: 0px; font-size: 10px;} 

/* /sale/static/src/less/sale_portal.less defined in bundle 'web.assets_frontend' */
 .orders_vertical_align{display: flex; align-items: center;} .orders_label_text_align{vertical-align: 15%;}