.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;} #PlannerDialog{top: 56px; box-shadow: 0 3px 9px #666666;} .tour .popover-navigation{margin-left: 13px; margin-bottom: 8px;} /* /website/static/src/less/website.wrapwrap.less defined in bundle 'web.assets_frontend' */ #wrapwrap{position: relative; display: table; table-layout: fixed; width: 100%; height: 100%;} #wrapwrap > *{display: table-row;} #wrapwrap > main{height: 100%;} header a.navbar-brand.logo{padding: 0 15px;} header a.navbar-brand img{max-height: 35px; margin-top: 8px;} footer{background-color: #F8F8F8;} footer #footer{padding-top: 32px;} .o_hidden{display: none!important;} .o_text_overflow{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .o_div_text_overflow * > div{overflow: hidden; text-overflow: ellipsis;} .jumbotron{margin-bottom: 0;} .oe_img_bg{background-size: cover; background-repeat: no-repeat;} .oe_img_bg.o_bg_img_opt_contain{background-size: contain; background-position: center center;} .oe_img_bg.o_bg_img_opt_custom{background-size: auto;} .oe_img_bg.o_bg_img_opt_repeat{background-repeat: repeat;} .oe_img_bg.o_bg_img_opt_repeat_x{background-repeat: repeat-x;} .oe_img_bg.o_bg_img_opt_repeat_y{background-repeat: repeat-y;} .oe_dark{background-color: rgba(200, 200, 200, 0.14);} .oe_black{background-color: rgba(0, 0, 0, 0.9); color: white;} .oe_green{background-color: #169C78; color: white;} .oe_green .text-muted{color: #ddd;} .oe_blue_light{background-color: #41b6ab; color: white;} .oe_blue_light .text-muted{color: #ddd;} .oe_blue{background-color: #34495e; color: white;} .oe_orange{background-color: #f05442; color: white;} .oe_orange .text-muted{color: #ddd;} .oe_purple{background-color: #b163a3; color: white;} .oe_purple .text-muted{color: #ddd;} .oe_red{background-color: #9C1b31; color: white;} .oe_red .text-muted{color: #ddd;} .oe_none{background-color: #FFFFFF;} .oe_yellow{background-color: #A2A51B;} .oe_green{background-color: #149F2C;} ul{list-style-type: disc;} li > ul{list-style-type: circle;} li > * > li > ul{list-style-type: square;} li > * > li > * > li > ul{list-style-type: disc;} li > * > li > * > li > * > li > ul{list-style-type: circle;} li > * > li > * > li > * > li > * > li > ul{list-style-type: square;} li > * > li > * > li > * > li > * > li > * > li > ul{list-style-type: disc;} ol{list-style-type: decimal;} li > ol{list-style-type: lower-alpha;} li > * > li > ol{list-style-type: lower-greek;} li > * > li > * > li > ol{list-style-type: decimal;} li > * > li > * > li > * > li > ol{list-style-type: lower-alpha;} li > * > li > * > li > * > li > * > li > ol{list-style-type: lower-greek;} li > * > li > * > li > * > li > * > li > * > li > ol{list-style-type: decimal;} li > p{margin: 0;} font[style*='background'], font[class*='bg-']{padding: 0 2px;} hr{padding: 4px 0;} .o_ul_toggle_self, .o_ul_toggle_next{display: none;} .o_ul_folded .o_close{display: none!important;} .o_ul_folded .o_ul_toggle_self, .o_ul_folded .o_ul_toggle_next{display: inline-block; line-height: inherit; float: left; position: relative; margin-left: -1em; top: -0.15em; left: 0.2em; font-size: 1.4em; text-decoration: none;} .o_ul_folded .o_ul_toggle_self.o_open:before, .o_ul_folded .o_ul_toggle_next.o_open:before{content: "";} .o_ul_folded .o_ul_toggle_self:before, .o_ul_folded .o_ul_toggle_next:before{content: "";} .container{max-width: 100%;} .container .container{padding-left: 0; padding-right: 0; width: auto;} .navbar.navbar-static-top{margin-bottom: 0;} .navbar.navbar-static-top ul.nav > li.divider{margin-top: 15px; padding-top: 20px; border-right: 1px solid grey;} ul.nav-stacked > li > a{padding: 2px 15px;} [class^="col-md-"]{min-height: 24px;} .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;} ::-moz-selection{background: rgba(150, 150, 220, 0.3);} ::selection{background: rgba(150, 150, 220, 0.3);} .oe_demo{position: relative;} .oe_demo img{width: 100%;} .oe_demo div{position: absolute; top: auto; left: 0; bottom: 0; right: auto; background-color: rgba(0, 0, 0, 0.4); opacity: 0.85; width: 100%; padding: 7px; color: white; font-weight: bold;} .oe_demo div a{color: white;} .oe_search_box{padding-right: 23px;} .para_large{font-size: 120%;} .jumbotron .para_large p{font-size: 150%;} .readable{font-size: 120%; max-width: 700px; margin-left: auto; margin-right: auto;} .readable .container{padding-left: 0; padding-right: 0; width: auto;} /* /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_comparisons .panel .list-group-item:not(.active){color: #666;} .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 *{padding: 0;} .o_gallery.o_grid.o_spc-small div.row{margin: 5px 0;} .o_gallery.o_grid.o_spc-small div.row *{padding: 0 5px;} .o_gallery.o_grid.o_spc-medium div.row{margin: 10px 0;} .o_gallery.o_grid.o_spc-medium div.row *{padding: 0 10px;} .o_gallery.o_grid.o_spc-big div.row{margin: 15px 0;} .o_gallery.o_grid.o_spc-big div.row *{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,#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;} .parallax .oe_structure > :first-child{margin-top: 32px;} .parallax .oe_structure > :last-child{margin-bottom: 32px;} .s_parallax{min-height: 200px;} .s_big_message{background-size: cover;} /* /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_portal/static/src/less/website_portal.less defined in bundle 'web.assets_frontend' */ .o_my_status_table{table-layout: fixed;} .o_my_status_table th, .o_my_status_table td{text-align: right;} .o_my_status_table th:nth-last-child(2){width: 150px;} .o_my_status_table th:nth-last-child(1){width: 120px;} .o_my_status_table th:nth-child(1), .o_my_status_table td:nth-child(1){width: auto; min-width: 150px; text-align: left;} @media (max-width: 767px){.o_my_status_table{display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar;}} .o_my_home_content > .page-header > a:hover{text-decoration: none;} /* /website_blog/static/src/less/website_blog.less defined in bundle 'web.assets_frontend' */ .website_blog{} .website_blog .css_website_mail .has-error{border-color: red;} .website_blog .css_website_mail .css_nav_month{display: none;} .website_blog .css_website_mail .css_nav_month:first-of-type{display: block;} .website_blog .read_width{max-width: 700px; margin-left: auto; margin-right: auto;} .website_blog .blog_content{min-height: 350px !important;} .website_blog .blog_content a.oe_mail_expand:after{content: " →";} .website_blog .blog_content a.oe_mail_expand{font-weight: bold;} .website_blog p.post-meta{position: relative; top: -5px;} .website_blog div#blog_angle_down a:hover{text-decoration: none;} .website_blog .o_blog_cover_container{position: relative;} .website_blog .o_blog_cover_container > .o_blog_cover_component{position: absolute; top: 0; left: 0; bottom: 0; right: 0; display: none; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center; background-repeat: no-repeat;} .website_blog .o_blog_cover_container > .blog_title{margin: 0 auto; text-align: center; font-weight: bold;} .website_blog .o_blog_cover_container.cover > .o_blog_cover_component{display: block;} .website_blog .o_blog_cover_container.cover > .blog_title, .website_blog .o_blog_cover_container.cover_footer > .blog_title{color: white; position: absolute; top: 20%; left: 30px; bottom: auto; right: 30px;} .website_blog .o_blog_cover_container.cover_full{height: 600px; height: 100vh;} .website_blog .o_blog_cover_container.cover_narrow{height: 300px; height: 50vh;} .website_blog .o_blog_cover_container.o_list_cover{display: none; width: auto!important; height: 250px!important;} .website_blog .o_blog_cover_container.o_list_cover.cover{display: block;} .website_blog .o_blog_cover_container.cover_footer{min-height: 350px; height: 65vh; background-color: #B8B8B8; cursor: pointer;} @media (max-width: 767px){.website_blog .o_blog_cover_container > .blog_title > h1{font-size: 26px;}.website_blog .o_blog_cover_container > .blog_title > h2{font-size: 20px;}.website_blog .o_blog_cover_container.cover > .blog_title{top: 10%;}.website_blog .o_blog_cover_container.cover_narrow{height: 65vh;}.website_blog .o_blog_cover_container.cover_footer{min-height: 280px; height: 50vh;}.website_blog .o_blog_cover_container.cover_footer > .blog_title{top: 2%;}} .website_blog mark + .popover, .website_blog .cover_footer{cursor: pointer;} .website_blog .js_publish_management{position: absolute; top: 15px; left: auto; bottom: auto; right: 15px; z-index: 1;} .website_blog .js_publish_management .dropdown-menu{left: auto; right: 0;} .website_blog .o_blog_post_title{font-size: 24px;} .website_blog .o_blog_post_teaser{text-align: justify;} .website_blog .o_grid{margin: 0 6% 6% 0; border: 1px solid #EEEEEE; box-shadow: 0.5px 0.5px 0.5px 0.5px #eeeeee; padding-bottom: 15px;} .website_blog .o_grid .o_blog_post_teaser{width: 100%;} .website_blog .o_grid > .text-muted > .mb0 > hr{display: none;} .website_blog .o_author_avatar_little{width: 40px; display: inline; margin-top: -5px;} .website_blog .o_sharing_links{margin-top: 20px;} .website_blog .o_sharing_links > p{display: inline; font-size: 12px;} .website_blog .o_sharing_links > a{color: #b3b3b3; font: normal normal normal 28px/1 FontAwesome; margin: 0 4px 0 4px; cursor: pointer;} .website_blog .o_sharing_links > a:hover{text-decoration: none;} .website_blog .o_sharing_links > a.o_twitter_complete, .website_blog .o_sharing_links > a.o_twitter:hover{color: #4099FF;} .website_blog .o_sharing_links > a.o_google_complete, .website_blog .o_sharing_links > a.o_google:hover{color: #DD4B39;} .website_blog .o_sharing_links > a.o_facebook_complete, .website_blog .o_sharing_links > a.o_facebook:hover{color: #3b5998;} .website_blog .o_sharing_links > a.o_linkedin_complete, .website_blog .o_sharing_links > a.o_linkedin:hover{color: #0E76A8;} .website_blog .o_sharing_links > a.unhover{color: #b3b3b3;} .website_blog .o_blog_post_complete.o_sharing_links{max-width: 700px; margin: 50px auto 50px auto; text-align: center;} .website_blog .o_blog_post_complete.o_sharing_links > p{font-size: 16px; font-weight: 600;} .website_blog .o_blog_post_complete.o_sharing_links > a{font: normal normal normal 40px/1 FontAwesome;} .website_blog div[name="blog_post_data"]{margin-top: 20px !important; font-size: 13px;} .website_blog div[name="blog_post"]{position: relative;} .website_blog div[name="blog_post"] hr{margin-top: 10px;} /* /website_komono_btb_store/static/src/css/komono_store.css defined in bundle 'web.assets_frontend' */ .tbl-header{background-color: #875A7B; color: #fff; width:100%;} .tbl-content{height:300px; overflow-x:auto; margin-top: 0px; border: 1px solid rgba(255,255,255,0.3);} .s_table_head{padding: 20px 15px; text-align: left; font-weight: 400; font-size: 12px; color: #fff;} .s_table_data{padding: 15px; text-align: left; vertical-align:middle; font-weight: 300; font-size: 12px; color: #000000; border-bottom: solid 1px rgba(255,255,255,0.1);} /* /komono_website_btb_portal/static/src/css/style.css defined in bundle 'web.assets_frontend' */ .btn_custom{box-sizing: border-box; font-size: 18px; padding: 1em 1.5em; min-width: 250px; border-color: #000; border: 1px solid #000; border-radius: 0px; font-weight: bold; text-transform: uppercase; color: #000;} label[for="agreeterms"]{padding-left:30px; cursor:default;} li[data-menu="shop"] .dropdown-menu{right:auto !important; left:0 !important;} .sidebar-nav__item > ul{margin-left:20px;} #checkbox_cgv{position: absolute; top: -5px; left: 20px; width: 20px; height: 20px; background: #e6e6e6;} .xx_out_of_stock{margin-top:-5px; text-transform:uppercase; font-weight:normal;} #checkbox_cgv:checked{color:#909090;} .btn_custom:hover{background-color: #000; color: #fff; border-color: #000;} .nav_drpup{left: 50%; margin-left: -150px; top: 50px; position: absolute;} .nav_drpup > li > a:hover, .nav_drpup > li > a:focus, .nav_drpup .open > a, .nav_drpup .open > a:hover, .nav_drpup .open > a:focus{background: #fff;} .dropdown_custom{background: #fff; border: 1px solid #ccc; border-radius: 4px; width: 300px;} .dropdown-menu > li > a{color: #428bca;} .dropdown_custom ul.dropdown-menu{border-radius: 4px; box-shadow: none; margin-top: 20px; width: 300px;} .dropdown_custom ul.dropdown-menu:before{content: ""; border-bottom: 10px solid #fff; border-right: 10px solid transparent; border-left: 10px solid transparent; position: absolute; top: -10px; right: 16px; z-index: 10;} .dropdown_custom ul.dropdown-menu:after{content: ""; border-bottom: 12px solid #ccc; border-right: 12px solid transparent; border-left: 12px solid transparent; position: absolute; top: -12px; right: 14px; z-index: 9;} .snip1571{background-color: #000; display: inline-block; font-family: 'Open Sans', sans-serif; font-size: 16px; margin: 10px 7px; max-width: 315px; min-width: 230px; overflow: hidden; position: relative; text-align: center; width: 100%;} .snip1571 *, .snip1571 *:before{-webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.35s ease; transition: all 0.35s ease;} .snip1571 img{backface-visibility: hidden; max-width: 100%; vertical-align: top;} .snip1571 figcaption{bottom: 30px; left: 0; position: absolute; z-index: 0;} .snip1571 figcaption:before{background-color: #ffffff; bottom: -5px; content: ''; left: 0; position: absolute; right: 100%; top: -5px; z-index: -1;} .snip1571 h3{background-color: #c73232; color: #ffffff; font-size: 0.9em; font-weight: 600; letter-spacing: 1px; margin: 0; padding: 5px 10px; text-transform: uppercase; z-index: 1;} .snip1571 a{position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1;} .snip1571:hover > img, .snip1571.hover > img{opacity: 0.1;} .snip1571:hover figcaption:before, .snip1571.hover figcaption:before{right: -5px;} .xx_account_show_more{cursor: pointer;} input[name='ac_required']{display: block; margin: 0 auto !important;} .xx_shop_comments input{display: block; margin: 0 auto !important;} .dataTables_filter input{margin-left: 10px;} .dataTables_filter{float: right} #odoo-google-map{min-height: 400px;} #xx_new_customer_alert{background-color:#e9e9e9;} .reset_partner{font-size:14px; font-weight:bold; cursor:pointer;} #shop_change_o_type{font-size:14px; cursor:pointer;} input[name='action_required']{display:block; width:20px; margin:10px auto !important;} .presentations-grid__item{cursor:pointer;} .xzoom{-webkit-box-shadow:none !important; box-shadow:none !important;} .thumbnail{cursor:pointer;} .css_quantity{max-width:100% !important;} .xx-agent-report-iframe{width: 100%; height:500px; border: none;} .xx-jasper-sales-report-title{display: inline-block; vertical-align: middle;} #xx-jasper-loader{display: inline-block; padding-top: 9px; vertical-align: middle;} .xx-agent-report-selection > div{margin-top: 10px;} .xx-agent-report-selection * h4{margin-top: 0px !important; margin-bottom: 0px !important;} .xx_b2b_qty_warning{width:800px !important;} .xx-agent-report-selection * select[multiple]{height: 11em;} .xx-download-jasper-report{margin-top: 5px;} /* /komono_website_warranty/static/src/css/style.css defined in bundle 'web.assets_frontend' */ .page-content__hero{background-color: #ececec; display: block; position: relative; margin: 0 0 60px; width: 100%;} .page-content__hero-background{bottom: 0; position: absolute; top: 0; width: 100%; z-index: 50;} .js-lazy, .jumbotron__content img{display: none;} .page-content__hero-title{font-size: 34px; font-weight: 300;} .page-content__hero-copy{position: absolute; top: 50%; left: 50%; text-align: center; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); width: 100%; z-index: 60;} .mod-page-content.has-xl-padding{padding: 0 120px;} .mod-page-content.has-xl-padding{padding: 0 60px;} .mod-page-content.has-xl-padding{box-sizing: border-box; padding: 0 20px;} .mod-page-content{margin-bottom: 50px;} .mod-page-content{color: #000; margin-bottom: 30px;} .mod-page-content p:first-child{margin-top: 0;} .mod-page-content p{font-size: 15px; line-height: 1.666; margin: 1em 0;} input[type="date"]::-webkit-calendar-picker-indicator{opacity:0;} input[type="date"]{position:relative;} input[type="date"]:before{content: "\f073"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position:absolute; right: 15px; top:50%; transform:translateY(-50%);} input[type="date"]::-webkit-datetime-edit-year-field:not([aria-valuenow]), input[type="date"]::-webkit-datetime-edit-month-field:not([aria-valuenow]), input[type="date"]::-webkit-datetime-edit-day-field:not([aria-valuenow]){color: transparent;} input[type=date]::-webkit-inner-spin-button, input[type=date]::-webkit-outer-spin-button{-webkit-appearance: none;} p{text-rendering: optimizeLegibility; font-feature-settings: "kern"; -webkit-font-feature-settings: "kern"; -moz-font-feature-settings: "kern"; -moz-font-feature-settings: "kern=1"; -webkit-font-kerning: normal; font-kerning: normal;} .mod-page-content ol, .mod-page-content ul{margin-bottom: 2em; width: 70%;} .mod-page-content a{transition: color .22s ease-in-out,border .22s ease-in-out; color: #666; border-bottom: 1px solid #7c7c7c; text-decoration: none;} .landing{color: #fff;} .l-service-center{background-image: url(/komono_website_warranty/static/src/css/../img/source-landing.jpg); background-size: cover; height: calc(100vh - 5rem - 5.5rem);} .wrapper{margin: 0 auto; max-width: 1340px; width: 90%;} .wrapper.is-centered{position: absolute; -ms-transform: translate(-50%, -50%);} .landing__title{text-align: center; font-size: 5rem;} .landing__intro{text-align: center; margin-bottom: 2.5rem; position: relative; z-index: 2; max-width: 550px; margin-left: auto; margin-right: auto; text-shadow: 0 0 3px rgba(0, 0, 0, 0.4);} .landing__sections{width: 768px; height: 20rem; overflow: hidden; margin-left: auto; margin-right: auto; border-top: 1px solid rgba(255, 255, 255, 0.5); border-bottom: 1px solid rgba(255, 255, 255, 0.5);} .landing__section:first-child{padding-right: 2rem; border-right: 1px solid rgba(255, 255, 255, 0.5);} .landing__section h3{margin-bottom: 2rem; text-align: center; font-size: 2rem; font-weight: 500; text-transform: uppercase;} .landing__section p{font-size: 1.5rem; max-width: 260px; margin-left: auto; margin-right: auto; margin-bottom: 1.5rem; text-align: center;} .landing__intro a{color: #fff; text-decoration: underline;} .btn_{-webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #ff535e; border: 0; border-radius: 3px; color: #fff; cursor: pointer; display: inline-block; font-family: "Larsseit", "Apercu", "Helvetica Neue", sans-serif; font-size: 1.5rem; font-weight: 400; line-height: 3.125rem; text-align: center; text-decoration: none; padding: 0 1.5rem; height: 3.125rem; vertical-align: middle; transition: border-color 90ms ease-in-out, background-color 90ms ease-in-out;} .landing__section .btn_.is-inline{margin-left: 1.5rem; margin-right: 1.5rem; height: 3.7rem; line-height: 3.7rem; padding-left: 2.2rem; padding-right: 2.2rem;} .landing__section:last-child{padding-left: 2rem;} .btn_:hover, .btn_:focus{color: #fff;} .btn_ a:hover{color: #fff;} .btn_:focus{outline: 0;} .btn_.is-red{background-color: #ff535e;} .btn_.is-blue{background-color: #66a0f7;} .btn_.is-red:hover, .btn.is-red:focus{background-color: #ff3f4b;} .btn_.is-blue:hover, .btn.is-blue:focus{background-color: #3682f4;} .text-page__title{padding: 0 0 1.125em; text-align: center; font-weight: 100;} .text-page__content > p:last-child{margin-top: 0;} .text-page__content > p:first-child{font-size: 1.75rem; margin-top: 0;} .text-page__content > p{margin: 1.80rem auto; max-width: 100rem;} .text-page__content a{color: #7b7b7b; text-decoration: none;} .pagination{display: inline-block; text-align: center; position: relative; margin-bottom: 3.25rem; margin-top: 1.25rem; width: 36em;} .form-input.ng-invalid.ng-touched:not(.hide-error){border-color: #ff535e;} .press-form__form{padding: 1.25rem 0;} .pagination__line{background-color: #e2e2e2; box-shadow: 0 1px 0 #fff; position: absolute; top: 50%; left: 20px; right: 0; height: 6px; margin-top: -4px; z-index: 1; width: 40rem;} .pagination__step.is-active{background-color: #ff535e; color: #fff;} .form-group:after{content: ''; clear: both; display: table;} .form-input{-webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #f5f5f5; box-shadow: 0; border: 1px solid #e2e2e2; border-radius: 3px; box-sizing: border-box; color: black; display: inline-block; font-size: 1.5rem; font-family: "Larsseit", "Apercu", "Helvetica Neue", sans-serif; font-weight: 200; line-height: 1.375; padding: .75rem .825rem; position: relative; outline: none; width: 70%; transition: color 128ms ease-in-out, border-color 128ms ease-in-out; height: 4.945rem; padding-left: 1.325rem;} .form-radio-group.is-horizontal .form-radio-group__radio{float: left; width: 31%;} .form-group.has-textarea .form-label + .form-input{height: 9rem;} .form-group .form-label + [mr-select]{width: 70%;} .form-group > label > span{color:red;} .form-label.has-help-toggle{position: relative; box-sizing: border-box; padding-right: 1.5rem;} div[mr-select]:last-of-type{margin-right: 0;} div[mr-select]{font-size: 0; display: inline-block; margin-right: 1rem; width: 13rem;} .select .select__label{padding-right: 2.75rem;} .select label{color: #7b7b7b; cursor: pointer; display: block; height: 3.125rem; font-weight: 400; line-height: 3.125rem; padding: 0 1.375rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;} .select__label{background-image: url(/komono_website_warranty/static/src/css/../img/arrow-down.svg); background-repeat: no-repeat; background-position: calc(100% - 1rem) center; background-size: 1rem; border-radius: 4px; border: 1px solid #e2e2e2; box-sizing: border-box; position: relative; z-index: 4;} .pagination__step{background-color: #e2e2e2; border: 3px solid #e2e2e2; border-top-width: 1px; border-radius: 50%; box-sizing: border-box; box-shadow: 0 -1px 0 rgba(28, 28, 26, 0.1), 0 1px 0 #fff; color: #ababab; display: inline-block; font-size: 1.50rem; font-weight: bold; height: calc(3rem - 2px); line-height: 2.25rem; margin-right: 4.88rem; position: relative; vertical-align: middle; width: 3rem; z-index: 2;} .pagination__step:last-child{background-image: url(/komono_website_warranty/static/src/css/../img/check-grey.svg); color: transparent; font-size: 0; background-size: 70% 70%; background-position: center; background-repeat: no-repeat;} .warranty-request-form{margin-bottom: 0;} h3:first-child{margin-top: 0;} .press-form{margin-left: auto; margin-right: auto; margin-bottom: 8rem; width: 65.5rem;} .press-form__title{border-bottom: 1px solid #e2e2e2; color: #cacaca; font-size: 1.5rem; margin-bottom: 1.25rem; padding-bottom: 2.5rem; position: relative; text-transform: uppercase;} .press-form__actions{border-top: 1px solid #e2e2e2; padding-top: 2.5rem; text-align: center; font-size: .875rem; color: #d4d4d4;} .form-label.has-help-toggle .form-group__help-toggle{top: 12px; right: 6px;} .form-upload{-webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; display: block; border-radius: 4px; border: 1px solid #e2e2e2; font-size: 1rem; text-align: left; font-family: "Larsseit", "Apercu", "Helvetica Neue", sans-serif;} .form-group .form-upload{width: 70%; margin-right: 0; height: 50px; display: inline-block;} .modal__content{background-color: #fff; border-radius: 3px; box-shadow: 0 0 20px rgba(28, 28, 26, 0.15); color: #1c1c1a; position: absolute; top: 50%; left: 50%; width: 420px; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);} .modal__title{border-bottom: 1px solid #f1f1f1; font-size: 2.5rem !important; font-weight: 100 !important; padding: 2.5rem 2rem 2.25rem; text-align: center;} .modal-footer{text-align: center;} .modal__body{margin: 20px; font-size: 1.25rem; padding: 1.5rem 2rem; max-width: 20em; text-align: center;} .modal__actions .btn_:first-child:last-child{width: 20rem; height: 5rem;} .modal__actions{background-color: #f5f5f5; padding: 1.875rem; text-align: center;} .modal__actions .btn_{background-color: #dadada; width:200px;} .modal__actions .btn_:hover{background-color: #ababab;} .form-upload .form-upload__files{cursor: default; list-style: none; margin: 0; padding: 0;} .form-upload .form-upload__label{color: #7b7b7b; height: 3.125rem; font-weight: 400; line-height: 3.125rem; padding: 0 1.375rem; display: block;} .form-group.has-prefix .form-prefix > span{background-color: #e2e2e2; color: #7b7b7b; white-space: nowrap; display: inline-block; height: 4.88rem; line-height: 3.125; margin: 0; padding: 0 1.375rem; border-top-left-radius: 3px; border-bottom-left-radius: 3px;} .text-page__section-title{padding: 1.75em 0 1.125em; text-align: center; font-weight: 100;} .warranty-request-information.is-fixed-width{margin: 0 auto; max-width: 768px; box-sizing: border-box; padding: 1.875rem; background-color: #fff;} .warranty-request-information{text-align: left;} .warranty-request-information tr.is-row.has-border-top, .warranty-request-information dt.is-row.has-border-top + dd{border-top: 1px solid #ececec; padding-top: .5rem; padding-bottom: .4rem;} .warranty-request-information td{padding-top: 1.2rem; padding-bottom: .3rem;} .warranty-request-information th{color: #ababab; display: inline-block; font-size: 1.6rem; line-height: 1.65; padding-top: 1.2rem; font-weight: 100; padding-bottom: .3rem; vertical-align: top; width: 13.75rem;} .form-input:focus{border: 1px solid gray;} .form-group.has-prefix .form-prefix__container{display: inline-block; width: 70%;} .form-group.has-prefix .form-prefix{display: -ms-flexbox; display: flex;} .form-group.has-prefix .form-prefix .form-input{display: inline-block; width: 100%; border-top-left-radius: 0; border-bottom-left-radius: 0;} .form-group__help-toggle{background-color: #e2e2e2; border: 1px solid #e2e2e2; color: #7b7b7b; font-size: 1.2rem; border-radius: 50%; display: block; height: 2rem; line-height: 1.5; text-align: center; font-weight: bold; width: 2rem; position: absolute; right: -2rem; top: 50%; margin-top: -0.5rem; cursor: pointer;} .press-form__options{font-size: 0;} .press-form__option{display: inline-block; border-right: 1px solid #e2e2e2; width: calc(33.33% - 1px); margin-bottom: 1.25rem;} .press-form__option input{display: none;} .press-form__option label:hover{color: #1c1c1a;} .press-form__option:nth-child(3n+3), .press-form__option:last-of-type{border-right: 0;} .press-form__option label{border-bottom: 2px solid transparent; color: #7b7b7b; cursor: pointer; display: inline-block; font-size: 2.5rem; text-transform: capitalize; font-weight:100; transition: color 128ms ease-in-out;} .form-group.has-date .form-label ~ .form-input{width: 17%; margin-right: 1rem;} .form-group.has-date .form-label ~ .form-input:last-of-type{width: 30%; margin-right: 0;} .press-form__option input:checked + label{border-bottom: 2px solid #ff535e; color: #ff535e;} .form-group_{margin-bottom: 1rem; transition: opacity 128ms ease-in-out; position: relative; z-index: 1;} .form-group .form-label{text-align: left; width:29%; vertical-align: top; height: 3rem; line-height: 3rem;} .form-label{color: #1c1c1a; display: inline-block; font-size: 1.5rem; line-height: 1; width: 100%; font-weight: 200;} .form-radio-group{display: inline-block; width:70%;} .form-radio-group input[type="radio"]{border: 1px solid #ababab; margin-top: 18px; height: 2rem; width: 2rem; position: absolute; -ms-transform: translateY(-50%); transform: translateY(-50%); transition: border-color 128ms ease-in-out;} .form-radio-group label{font-weight: 100; color: black; box-sizing: border-box; cursor: pointer; padding-left: 3rem; display: inline-block; font-size: 1.50rem; line-height: 2.375; position: relative; text-align: left; width: 100%;} .pagination__step.is-done{background-color: #76d6a8; color: #fff;} .press-form__actions .btn_{display: block; margin: 0 auto 1rem; background-position: center; background-repeat: no-repeat; transition: text-shadow 96ms ease-in-out, color 128ms ease-in-out, background-size 128ms cubic-bezier(0.82, 0.005, 0.635, 1.505) 192ms;} .btn_.is-fixed-width{min-height: 5rem; min-width: 25rem;} .form-radio-group :checked + label:after{background-color: #7b7b7b;} .form-radio-group label:hover:after{background-color: #ababab;} .has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label{color: red;} #quantity::-webkit-inner-spin-button, #quantity::-webkit-outer-spin-button{-webkit-appearance: none; margin: 0;} .list_product{border: 1px solid lightgray;} .list_product th, .list_product td{border: 1px solid lightgray;} .list_product th{text-align: center;} .list_product td > .form-group{margin-bottom: -8px; margin-top: -8px;} .list_product td > .form-group > .form-input{height: 2rem; padding: 0em;} .list_product td > .form-group.has-prefix .form-prefix > span{height: 34px; line-height: unset; padding: 8px;} .list_product td > .form-group > .form-prefix__container{width:100%;} .list_product td > #upload > a.form-upload{border: none; margin-left: 15px;} .list_product #proof{border: none; float: left; font-size: 11px; padding-left: 10px; padding-top: 6px;} .list_product #picture{border: none; float: left; font-size: 11px; padding-left: 10px; padding-top: 6px;} .list_product .template-upload a{width: 12px; height: 12px; border-radius: 9px;} .list_product .template-upload a:hover{width: 12px; height: 12px; border-radius: 9px; padding-left: 0px;} .req_fa_pro_image{padding-top: 15px;} .fa_pro_image{padding-top: 11px;} .fa_proof{padding-top : 11px;} .list_product td{text-align:center; vertical-align:middle;} .form-label > span{color:red;} /* /komono_website_warranty/static/src/css/file.css defined in bundle 'web.assets_frontend' */ ol.upload-files-list{margin: 0; padding: 0px 0px 10px 195px; border-left: none; border-right: none; overflow: hidden;} ol.upload-files-list .upload-file:last-child{border-bottom: 1px solid #ddd;} ol.upload-files-list .upload-file.template-download .error-col{float: right; ``} ol.upload-files-list .upload-file.template-upload .error-col{float: left;} ol.upload-files-list .upload-file.template-upload .filesize-col{float: left; padding-right: 5px; padding-left: 5px; width: 80px;} ol.upload-files-list .upload-file{list-style: none; position: relative; margin: 0; height: 35px; line-height: 35px; border-top: 1px solid #ddd; border-left: 1px solid #ddd; border-right: 1px solid #ddd; vertical-align: bottom;} ol.upload-files-list .upload-file .upload-file-info{vertical-align: baseline; border-collapse: collapse; height: 35px; position: absolute; top: 0; left: 10px; right: 10px;} ol.upload-files-list .upload-file .upload-progress-bar{height: 33px; padding: 0; margin: 0;} .upload-file.complete .upload-progress-bar{background-color: #ebffd9;} .upload-file.error .upload-progress-bar{background-color: #FD9F9F;} .upload-file .upload-progress-bar{border-radius: 0; background-color: #e9f4ff;} .upload-files-list .upload-file .upload-file-info .filename-col{float: left; text-align: left; width: 310px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .upload-files-list .upload-file .upload-file-info div{display: block;} .upload-files-list .upload-file .upload-file-info .status-col{float: right;} .upload-files-list .upload-file .upload-file-info .actions-col{float: right;} .field-validation-error{color: red;} .fileupload-buttonbar{padding: 10px;} .template-upload a{width: 24px; height: 24px; border-radius: 12px; background-color: #07ba15; border-color: unset;} .template-upload a:hover{font-weight: 500; font-size: 14px; width: 24px; height: 24px; border-radius: 12px; cursor: pointer; color: #7b7b7b; line-height: 3.125rem; padding-top: 8px; padding-left: 12px;} #upload a.form-upload{font-weight: 500; font-size: 14px; border-radius: 2px; cursor: pointer; color: #7b7b7b; line-height: 3.125rem; padding-top: 8px; padding-left: 12px;} #upload a.form-upload:hover{text-decoration: none;} #upload input{display:none;} /* /komono_website_quick_cart/static/src/css/style.css defined in bundle 'web.assets_frontend' */ .oe_product .product_price{padding: 5px 0; position: initial !important; bottom: 0;} /* /komono_website_term_condition/static/src/css/style.css defined in bundle 'web.assets_frontend' */ .mod_page{padding-left: 35px !important;} /* /website_mail/static/src/css/website_mail.css defined in bundle 'web.assets_frontend' */ .js_follow[data-follow='on'] .js_follow_btn , .js_follow[data-follow='off'] .js_unfollow_btn{display: none;} /* /website_payment/static/src/css/website_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: 34px; 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.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;} /* /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;} .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_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 (max-width: 992px){#modal_optional_products table:last-child td:last-child{overflow: hidden;}#modal_optional_products table:last-child td:nth-child(2){width: 50%;}#modal_optional_products table:last-child td:nth-child(3){width: 20%;}#modal_optional_products table:last-child td:last-child, #modal_optional_products table:last-child td:nth-last-child(2){width: 15%;}} @media (max-width: 500px){.oe_cart table, #modal_optional_products table{display: inline-block;}.oe_cart table thead, #modal_optional_products table thead{display: none;}.oe_cart table tbody, .oe_cart table tr, .oe_cart table td, #modal_optional_products table tbody, #modal_optional_products table tr, #modal_optional_products table td{float: left; width: 100% !important; display: inline-block;}.oe_cart table td:first-child, #modal_optional_products table td:first-child{display: none;}.oe_cart table td:nth-child(2), #modal_optional_products table td:nth-child(2){border-top-style: double; border-top-width: 6px;}.oe_cart table td:last-child, #modal_optional_products table td:last-child{margin-bottom: 16px;}.oe_cart table:last-child tr:last-child td:last-child, #modal_optional_products table:last-child tr:last-child td:last-child{margin-bottom: 0;}.oe_cart table td:last-child, .oe_cart table td:nth-last-child(2), #modal_optional_products table td:last-child, #modal_optional_products table td:nth-last-child(2){width: 50% !important; height: 46px; text-align: center;}#modal_optional_products table:last-child td:nth-child(3) > div{float: none !important;}.oe_cart a span.hidden-xs, #modal_optional_products a span.hidden-xs{display: none !important;}.oe_cart a span.visible-xs-inline, #modal_optional_products a span.visible-xs-inline{display: inline !important;}} @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.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;} .label-optional{font-weight: normal;} #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;} /* /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;} /* /komono_website_image_zoom/static/src/css/xzoom.css defined in bundle 'web.assets_frontend' */ .xzoom-source img, .xzoom-preview img, .xzoom-lens img{display: block; max-width: none; max-height: none;} .xzoom-container{display: inline-block;} .xzoom-thumbs{text-align: center; margin-bottom: 10px; z-index: 10;} .xzoom{-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5); margin-bottom: 15px; z-index: 10;} .xzoom2, .xzoom3, .xzoom4, .xzoom5{-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5); margin-bottom: 15px; z-index: 10;} .xzoom-gallery, .xzoom-gallery2, .xzoom-gallery3, .xzoom-gallery4, .xzoom-gallery5{border: 1px solid #cecece; margin-left: 5px; margin-bottom: 10px; z-index: 10;} .xzoom-source, .xzoom-hidden{display: block; position: static; float: none; clear: both; z-index: 10;} .xzoom-hidden{overflow: hidden; z-index: 10;} .xzoom-preview{border: 1px solid #888; background: #eeeeec; box-shadow: -0px -0px 10px rgba(0,0,0,0.50); margin-left: 25px !important; z-index: 10;} .xzoom-lens{border: 1px solid #555; box-shadow: 10px 10px 10px rgba(0,0,0,0.50); cursor: crosshair;} .xzoom-loading{background-position: center center; background-repeat: no-repeat; border-radius: 100%; opacity: .7; background: url(/komono_website_image_zoom/static/src/css/../img/xloading.gif); width: 48px; height: 48px;} .xactive{-webkit-box-shadow: 0px 0px 3px 0px rgba(74,169,210,1); -moz-box-shadow: 0px 0px 3px 0px rgba(74,169,210,1); box-shadow: 0px 0px 3px 0px rgba(74,169,210,1); border: 1px solid #4aaad2; z-index: 10;} .xzoom-caption{position: absolute; bottom: -43px; left: 0; background: #000; width: 100%; text-align: left; z-index: 10;} .xzoom-caption span{color: #fff; font-family: Arial, sans-serif; display: block; font-size: 0.75em; font-weight: bold; padding: 10px; z-index: 10;} /* /website_multi_image_zoom/static/src/lib/xzoom.css defined in bundle 'web.assets_frontend' */ .xzoom-source img, .xzoom-preview img, .xzoom-lens img{display: block; max-width: none; max-height: none;} .xzoom-container{display: inline-block;} .xzoom-thumbs{text-align: center; margin-bottom: 10px;} .xzoom{-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5); margin-bottom: 15px;} .xzoom2, .xzoom3, .xzoom4, .xzoom5{-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5); margin-bottom: 15px;} .xzoom-gallery, .xzoom-gallery2, .xzoom-gallery3, .xzoom-gallery4, .xzoom-gallery5{border: 1px solid #cecece; margin-left: 5px; margin-bottom: 10px;} .xzoom-source, .xzoom-hidden{display: block; position: static; float: none; clear: both;} .xzoom-hidden{overflow: hidden;} .xzoom-preview{border: 1px solid #888; background: #2f4f4f; box-shadow: -0px -0px 10px rgba(0,0,0,0.50); margin-left: 25px !important;} .xzoom-lens{border: 1px solid #555; box-shadow: 10px 10px 10px rgba(0,0,0,0.50); cursor: crosshair;} .xzoom-loading{background-position: center center; background-repeat: no-repeat; border-radius: 100%; opacity: .7; background: url(/website_multi_image_zoom/static/src/lib/../img/xloading.gif); width: 48px; height: 48px;} .xactive{-webkit-box-shadow: 0px 0px 3px 0px rgba(74,169,210,1); -moz-box-shadow: 0px 0px 3px 0px rgba(74,169,210,1); box-shadow: 0px 0px 3px 0px rgba(74,169,210,1); border: 1px solid #4aaad2;} .xzoom-caption{position: absolute; bottom: -43px; left: 0; background: #000; width: 100%; text-align: left;} .xzoom-caption span{color: #fff; font-family: Arial, sans-serif; display: block; font-size: 0.75em; font-weight: bold; padding: 10px;} /* /website_multi_image_zoom/static/src/css/pro_img.css defined in bundle 'web.assets_frontend' */ @media only screen and (max-width : 1280px){.img_set{margin-left: auto !important; margin-right: auto !important; display: block !important; max-height: 360px !important; max-width: 100% !important;}} @media only screen and (max-width : 979px){.img_set{margin-left: auto !important; margin-right: auto !important; display: block !important; max-height: 300px !important; max-width: 100% !important;}} @media only screen and (max-width : 767px){.img_set{margin-left: auto !important; margin-right: auto !important; display: block !important; max-height: 360px !important; max-width: 100% !important;}} @media only screen and (max-width : 480px){.img_set{margin-left: auto !important; margin-right: auto !important; display: block !important; max-height: 300px !important; max-width: 100% !important;}} @media only screen and (max-width : 320px){.img_set{margin-left: auto !important; margin-right: 25% !important; display: block !important; max-height: 180px !important; max-width: 100% !important;}} .image_thumb{height: 80px !important; width: auto;} .image_bigsize{padding: 2%; background-color: #eee; vertical-align: middle;} #carousel-custom .carousel-indicators{margin: 10px 0 0; overflow: auto; position: static; text-align: left; white-space: nowrap; width: auto;} #carousel-custom .carousel-indicators li{background-color: transparent; -webkit-border-radius: 0; border-radius: 0; display: inline-block; height: auto; margin: 1 !important; width: auto;} #carousel-custom .carousel-indicators li img{display: block; opacity: 0.5;} #carousel-custom .carousel-indicators li.active img{opacity: 1;} #carousel-custom .carousel-indicators li:hover img{opacity: 0.75;} #carousel-custom .carousel-outer{position: relative;} /* /website_slides/static/src/less/website_slides.less defined in bundle 'web.assets_frontend' */ .top_covered_image{object-fit: cover; object-position: top;} .oe_slides_panel_footer{background-color: #f8f8f8;} .oe_slides_panel_footer .fa, .oe_slide_js_embed_option_link{color: #337ab7; cursor: pointer;} .oe_slide_embed_option{position: absolute; padding: 30px 30px 30px 30px; top: 0px; left: 0px; right: 0px; bottom: 0px; background-color: #ffffff; opacity: 1; display: none; overflow-y: auto !important;} .oe_slide_embed_wrapper{position: relative;} section.oe_slides_promote_box{background-color: #f5f5f5; border-bottom: 1px solid #dddddd; border-top: 1px solid #dddddd;} img.oe_slides_channel_thumbnail{object-fit: cover; object-position: top; height: 250px; width: 100%;} img.oe_slides_opacity{opacity: .5;} img.oe_slides_promote_image{object-fit: cover; object-position: top; max-height: 300px; width: 100%; overflow: hidden; display: block;} .oe_slides_box_shadow{box-shadow: 0 0 5px #CCC;} .oe_slides_apart_small{object-fit: cover; object-position: top; height: 60px; width: 90px;} .oe_slides_statistics_title{border-bottom: 1px solid #dddddd; padding-bottom: 5px;} .oe_slides_transcript{overflow-y: auto; max-height: 500px;} .oe_slides_bottom_border{border-bottom: 1px solid #dddddd;} .oe_slide_js_like, .oe_slide_js_unlike{cursor: pointer; color: #337ab7;} textarea.o_slides_comment{resize: vertical;} .oe_slides_thumbnail_container{height: 300px;} .oe_slides_grid_thumbnail{object-fit: cover; object-position: top; height: 200px; width: 100%; overflow: hidden;} .oe_slides_ellipsis{white-space: nowrap; width: 100%; overflow: hidden; text-overflow: ellipsis;} .o_slide_preview{max-height: 160px; overflow: hidden;} .oe_slides_suggestion_caption{position: absolute; top: 0; right: 0; background: rgba(10, 10, 10, 0.75); width: 100%; height: 100%; display: none; text-align: center; color: #fff !important; z-index: 2;} .oe_slides_suggestion_media{margin-top: 10px; position: relative;} .oe_slides_suggestion_media img{height: 33%; width: 100%; overflow: hidden;} .oe_slides_loader{position: relative; width: 100%;} .oe_slides_loader h4{position: absolute; bottom: 20px; left: 0; width: 35%; color: white; background: #000000; background: rgba(0, 0, 0, 0.7); padding: 10px;} .oe_slides_panel{padding-bottom: 50px; height: 100%; margin-bottom: 0px;} .oe_slides_share_bar{padding: 10px 0;} .oe_slides_panel_footer #page_number{width: 45px;} .oe_show_footer{z-index: 2147483647;} @media screen and (max-width: 300px){.o_slide_navigation_buttons{margin-left: 15px; margin-right: -15px;}.o_slide_navigation_buttons .col-xs-4{display: none;}} /* /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%;} /* /web/static/lib/bootstrap-datetimepicker/css/bootstrap-datetimepicker.css defined in bundle 'web.assets_frontend' */ .bootstrap-datetimepicker-widget{top: 0; left: 0; width: 250px; padding: 4px; margin-top: 1px; z-index: 99999 !important; border-radius: 4px;} .bootstrap-datetimepicker-widget.timepicker-sbs{width: 600px;} .bootstrap-datetimepicker-widget.bottom:before{content: ''; display: inline-block; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-bottom-color: rgba(0, 0, 0, 0.2); position: absolute; top: -7px; left: 7px;} .bootstrap-datetimepicker-widget.bottom:after{content: ''; display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid white; position: absolute; top: -6px; left: 8px;} .bootstrap-datetimepicker-widget.top:before{content: ''; display: inline-block; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 7px solid #ccc; border-top-color: rgba(0, 0, 0, 0.2); position: absolute; bottom: -7px; left: 6px;} .bootstrap-datetimepicker-widget.top:after{content: ''; display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid white; position: absolute; bottom: -6px; left: 7px;} .bootstrap-datetimepicker-widget .dow{width: 14.2857%;} .bootstrap-datetimepicker-widget.pull-right:before{left: auto; right: 6px;} .bootstrap-datetimepicker-widget.pull-right:after{left: auto; right: 7px;} .bootstrap-datetimepicker-widget > ul{list-style-type: none; margin: 0;} .bootstrap-datetimepicker-widget a[data-action]{padding: 6px 0;} .bootstrap-datetimepicker-widget .timepicker-hour, .bootstrap-datetimepicker-widget .timepicker-minute, .bootstrap-datetimepicker-widget .timepicker-second{width: 54px; font-weight: bold; font-size: 1.2em; margin: 0;} .bootstrap-datetimepicker-widget button[data-action]{padding: 6px;} .bootstrap-datetimepicker-widget table[data-hour-format="12"] .separator{width: 4px; padding: 0; margin: 0;} .bootstrap-datetimepicker-widget .datepicker > div{display: none;} .bootstrap-datetimepicker-widget .picker-switch{text-align: center;} .bootstrap-datetimepicker-widget table{width: 100%; margin: 0;} .bootstrap-datetimepicker-widget td, .bootstrap-datetimepicker-widget th{text-align: center; border-radius: 4px;} .bootstrap-datetimepicker-widget td{height: 54px; line-height: 54px; width: 54px;} .bootstrap-datetimepicker-widget td.cw{font-size: 10px; height: 20px; line-height: 20px;} .bootstrap-datetimepicker-widget td.day{height: 20px; line-height: 20px; width: 20px;} .bootstrap-datetimepicker-widget td.day:hover, .bootstrap-datetimepicker-widget td.hour:hover, .bootstrap-datetimepicker-widget td.minute:hover, .bootstrap-datetimepicker-widget td.second:hover{background: #eeeeee; cursor: pointer;} .bootstrap-datetimepicker-widget td.old, .bootstrap-datetimepicker-widget td.new{color: #777777;} .bootstrap-datetimepicker-widget td.today{position: relative;} .bootstrap-datetimepicker-widget td.today:before{content: ''; display: inline-block; border-left: 7px solid transparent; border-bottom: 7px solid #428bca; border-top-color: rgba(0, 0, 0, 0.2); position: absolute; bottom: 4px; right: 4px;} .bootstrap-datetimepicker-widget td.active, .bootstrap-datetimepicker-widget td.active:hover{background-color: #428bca; color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);} .bootstrap-datetimepicker-widget td.active.today:before{border-bottom-color: #fff;} .bootstrap-datetimepicker-widget td.disabled, .bootstrap-datetimepicker-widget td.disabled:hover{background: none; color: #777777; cursor: not-allowed;} .bootstrap-datetimepicker-widget td span{display: inline-block; width: 54px; height: 54px; line-height: 54px; margin: 2px 1.5px; cursor: pointer; border-radius: 4px;} .bootstrap-datetimepicker-widget td span:hover{background: #eeeeee;} .bootstrap-datetimepicker-widget td span.active{background-color: #428bca; color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);} .bootstrap-datetimepicker-widget td span.old{color: #777777;} .bootstrap-datetimepicker-widget td span.disabled, .bootstrap-datetimepicker-widget td span.disabled:hover{background: none; color: #777777; cursor: not-allowed;} .bootstrap-datetimepicker-widget th{height: 20px; line-height: 20px; width: 20px;} .bootstrap-datetimepicker-widget th.picker-switch{width: 145px;} .bootstrap-datetimepicker-widget th.next, .bootstrap-datetimepicker-widget th.prev{font-size: 21px;} .bootstrap-datetimepicker-widget th.disabled, .bootstrap-datetimepicker-widget th.disabled:hover{background: none; color: #777777; cursor: not-allowed;} .bootstrap-datetimepicker-widget thead tr:first-child th{cursor: pointer;} .bootstrap-datetimepicker-widget thead tr:first-child th:hover{background: #eeeeee;} .input-group.date .input-group-addon span{display: block; cursor: pointer; width: 16px; height: 16px;} .bootstrap-datetimepicker-widget.left-oriented:before{left: auto; right: 6px;} .bootstrap-datetimepicker-widget.left-oriented:after{left: auto; right: 7px;} .bootstrap-datetimepicker-widget ul.list-unstyled li div.timepicker div.timepicker-picker table.table-condensed tbody > tr > td{padding: 0px !important;} @media screen and (max-width: 767px){.bootstrap-datetimepicker-widget.timepicker-sbs{width: 283px;}} /* /website_portal_sale/static/src/less/website_portal_sale.less defined in bundle 'web.assets_frontend' */ .orders_vertical_align{display: flex; align-items: center;} .orders_label_text_align{vertical-align: 15%;} .cell_overflow{overflow: hidden;} /* /website_quote/static/src/css/website_quotation.css defined in bundle 'web.assets_frontend' */ .o_website_quote .bs-sidebar{position: relative; width: 100%; z-index : 1; background-color: #f7f5fa; border-radius: 5px;} .o_website_quote .bs-sidenav{padding-top: 10px; padding-bottom: 10px;} .o_website_quote .bs-sidebar .nav > li > a{display: block; color: #716b7a; padding: 5px 20px;} .o_website_quote .bs-sidebar .nav > .active > a, .o_website_quote .bs-sidebar .nav > .active:hover > a, .o_website_quote .bs-sidebar .nav > .active:focus > a{font-weight: bold; color: #563d7c; background-color: transparent; border-right: 1px solid #563d7c;} .o_website_quote .bs-sidebar .nav .nav{display: none; margin-bottom: 8px;} .o_website_quote .bs-sidebar .nav .nav > li > a{padding-top: 3px; padding-bottom: 3px; padding-left: 30px; font-size: 90%;} .wq-table{table-layout: auto !important;} .wq-table th, .wq-table td{border-top: none !important;} .wq-table:not(:first-of-type) thead{display: none;} @media (min-width: 992px){.o_website_quote .bs-sidebar .nav > .active > ul{display: block;}} @media print{body{padding : 0 !important;}} /* /website_product_filter/static/src/css/website_product_filter.css defined in bundle 'web.assets_frontend' */ .mt-radio, .mt-checkbox{display: inline-block; position: relative; padding-left: 25px; margin-bottom: 15px; cursor: pointer; font-size: 14px; webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .mt-radio.mt-radio-disabled, .mt-radio.mt-checkbox-disabled, .mt-checkbox.mt-radio-disabled, .mt-checkbox.mt-checkbox-disabled{opacity: 0.8; filter: alpha(opacity=80); cursor: not-allowed;} .mt-radio > input, .mt-checkbox > input{position: absolute; z-index: -1; opacity: 0; filter: alpha(opacity=0);} .mt-radio > span, .mt-checkbox > span{border: 1px solid #27cfc9; position: absolute; top: 1px; left: 0; height: 18px; width: 18px; background: #E6E6E6;} .mt-radio > span:after, .mt-checkbox > span:after{content: ''; position: absolute; display: none;} .mt-radio:hover > input:not([disabled]) ~ span, .mt-radio > input:focus ~ span, .mt-checkbox:hover > input:not([disabled]) ~ span, .mt-checkbox > input:focus ~ span{background: #27cfc9; webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .mt-radio > input:checked ~ span, .mt-checkbox > input:checked ~ span{webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; background: #27cfc9; border-radius: 3px;} .mt-radio > input:checked ~ span:after, .mt-checkbox > input:checked ~ span:after{display: block;} .mt-radio:hover > input:not([disabled]):checked ~ span, .mt-radio > input:checked ~ span, .mt-checkbox:hover > input:not([disabled]):checked ~ span, .mt-checkbox > input:checked ~ span{webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; background: #27cfc9;} .mt-radio > input:disabled ~ span, .mt-checkbox > input:disabled ~ span{opacity: 0.6; filter: alpha(opacity=60); pointer-events: none;} .mt-radio > span{-webkit-border-radius: 50% !important; -moz-border-radius: 50% !important; -ms-border-radius: 50% !important; -o-border-radius: 50% !important; border-radius: 50% !important;} .mt-radio > span:after{left: 5px; top: 5px; height: 6px; width: 6px; border-radius: 100% !important; background: #888888;} .mt-radio > input:disabled ~ span:after{background: #888888;} .mt-checkbox > span:after{left: 6px; top: 2px; width: 5px; height: 10px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg);} .mt-checkbox > input:disabled ~ span:after{border-color: #fff;} .wpf-applied{width: 100%; float: left; margin-bottom: 30px;} .wpf-applied .wpf-h3{margin: 0; padding: 8px 15px; text-align: center; background: #a3498b; font-size: 16px; font-weight: 600; color: #fff;} .wpf-applied .js_attributes{padding: 0; margin: 0 !important;} .wpf-applied .wpf-title{width: auto; display: inline-block; vertical-align: top; font-size: 13px; font-weight: bold; margin: 0 8px 0px 0px; padding: 0;} .wpf-applied .mt-checkbox > span:after{left: 3px; top: 0; width: 6px; height: 11px; border: none; border-width: 0; content: "\f067"; font: normal normal normal 14px/1 FontAwesome; color: #fff;} .wpf-applied .wpf-row label.mt-checkbox{float: right; margin: 0 5px;} .wpf-applied .wpf-row label{margin: 0;} .wpf-applied .wpf-row{display: inline-block; vertical-align: middle;} .wpf-applied .wpf-aply-row{width: 100%; display: inline-block; vertical-align: top; padding: 3px} .wpf-groups{width: 100%; float: left;} .wpf-groups .wpf-head{margin: 0; padding: 2px 15px; text-align: center; background: black; font-size: 16px; font-weight: 600; color: #fff; border-radius:4px;} .wpf-groups .wpf-title{width: 100%; display: inline-block; vertical-align: top; border-bottom: 1px solid #eee; font-size: 13px; font-weight: 600; margin: 15px 0 10px 0; padding: 0 0 10px;} .wpf-groups .wpf-stacked{margin: 0; padding: 0; list-style-type: none;} .wpf-groups .wpf-stacked .wpf-filter{margin: 0; padding: 0 15px 15px; list-style-type: none;} .wpf-groups .wpf-stacked .wpf-filter .wpf-filter-inner{margin: 0; padding: 0; list-style-type: none;} #price-range .slider-selection{background: black;} #price-range-confirm{margin-left:20px;} .slider.slider-horizontal{width: 65% !important; margin-left:20px;} .price-range-header{font-size:14px; padding-left:10px; padding-right:10px;} .js_price_range{display: inline-block; float: right; max-width: 20%; margin-right:10px;} #price-range-submit{display: inline-block;} .oe_website_sale > .row{margin-left:0px !important; margin-right:0px !important;} .js_attributes .checkbox > label{padding-left:30px;} .js_attributes .checkbox > input:checked{color:#909090;} .js_attributes .checkbox > input{position: absolute; top: -5px; left: 20px; width: 20px; height: 20px; background: #e6e6e6;} /* /website_product_filter/static/src/less/rules.less defined in bundle 'web.assets_frontend' */ .slider{display: inline-block; vertical-align: middle; position: relative;} .slider.slider-horizontal{width: 210px; height: 20px;} .slider.slider-horizontal .slider-track{height: 10px; width: 100%; margin-top: -5px; top: 50%; left: 0;} .slider.slider-horizontal .slider-selection, .slider.slider-horizontal .slider-track-low, .slider.slider-horizontal .slider-track-high{height: 100%; top: 0; bottom: 0;} .slider.slider-horizontal .slider-tick, .slider.slider-horizontal .slider-handle{margin-left: -10px;} .slider.slider-horizontal .slider-tick.triangle, .slider.slider-horizontal .slider-handle.triangle{position: relative; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); border-width: 0 10px 10px 10px; width: 0; height: 0; border-bottom-color: #000000; margin-top: 0;} .slider.slider-horizontal .slider-tick-container{white-space: nowrap; position: absolute; top: 0; left: 0; width: 100%;} .slider.slider-horizontal .slider-tick-label-container{white-space: nowrap; margin-top: 20px;} .slider.slider-horizontal .slider-tick-label-container .slider-tick-label{padding-top: 4px; display: inline-block; text-align: center;} .slider.slider-horizontal .tooltip{-ms-transform: translateX(-50%); transform: translateX(-50%);} .slider.slider-horizontal.slider-rtl .slider-track{left: initial; right: 0;} .slider.slider-horizontal.slider-rtl .slider-tick, .slider.slider-horizontal.slider-rtl .slider-handle{margin-left: initial; margin-right: -10px;} .slider.slider-horizontal.slider-rtl .slider-tick-container{left: initial; right: 0;} .slider.slider-horizontal.slider-rtl .tooltip{-ms-transform: translateX(50%); transform: translateX(50%);} .slider.slider-vertical{height: 210px; width: 20px;} .slider.slider-vertical .slider-track{width: 10px; height: 100%; left: 25%; top: 0;} .slider.slider-vertical .slider-selection{width: 100%; left: 0; top: 0; bottom: 0;} .slider.slider-vertical .slider-track-low, .slider.slider-vertical .slider-track-high{width: 100%; left: 0; right: 0;} .slider.slider-vertical .slider-tick, .slider.slider-vertical .slider-handle{margin-top: -10px;} .slider.slider-vertical .slider-tick.triangle, .slider.slider-vertical .slider-handle.triangle{border-width: 10px 0 10px 10px; width: 1px; height: 1px; border-left-color: #000000; border-right-color: #000000; margin-left: 0; margin-right: 0;} .slider.slider-vertical .slider-tick-label-container{white-space: nowrap;} .slider.slider-vertical .slider-tick-label-container .slider-tick-label{padding-left: 4px;} .slider.slider-vertical .tooltip{-ms-transform: translateY(-50%); transform: translateY(-50%);} .slider.slider-vertical.slider-rtl .slider-track{left: initial; right: 25%;} .slider.slider-vertical.slider-rtl .slider-selection{left: initial; right: 0;} .slider.slider-vertical.slider-rtl .slider-tick.triangle, .slider.slider-vertical.slider-rtl .slider-handle.triangle{border-width: 10px 10px 10px 0;} .slider.slider-vertical.slider-rtl .slider-tick-label-container .slider-tick-label{padding-left: initial; padding-right: 4px;} .slider.slider-disabled .slider-handle{background-image: -webkit-linear-gradient(top, #dfdfdf 0%, #bebebe 100%); background-image: -o-linear-gradient(top, #dfdfdf 0%, #bebebe 100%); background-image: linear-gradient(to bottom, #dfdfdf 0%, #bebebe 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdfdfdf', endColorstr='#ffbebebe', GradientType=0);} .slider.slider-disabled .slider-track{background-image: -webkit-linear-gradient(top, #e5e5e5 0%, #e9e9e9 100%); background-image: -o-linear-gradient(top, #e5e5e5 0%, #e9e9e9 100%); background-image: linear-gradient(to bottom, #e5e5e5 0%, #e9e9e9 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe5e5e5', endColorstr='#ffe9e9e9', GradientType=0); cursor: not-allowed;} .slider .tooltip.top{margin-top: -36px;} .slider .tooltip-inner{white-space: nowrap; max-width: none;} .slider .hide{display: none;} .slider-track{position: absolute; cursor: pointer; background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #f9f9f9 100%); background-image: -o-linear-gradient(top, #f5f5f5 0%, #f9f9f9 100%); background-image: linear-gradient(to bottom, #f5f5f5 0%, #f9f9f9 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0); -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); border-radius: 4px;} .slider-selection{position: absolute; background-image: -webkit-linear-gradient(top, #f9f9f9 0%, #f5f5f5 100%); background-image: -o-linear-gradient(top, #f9f9f9 0%, #f5f5f5 100%); background-image: linear-gradient(to bottom, #f9f9f9 0%, #f5f5f5 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff9f9f9', endColorstr='#fff5f5f5', GradientType=0); -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 4px;} .slider-selection.tick-slider-selection{background-image: -webkit-linear-gradient(top, #000000 0%, #000000 100%); background-image: -o-linear-gradient(top, #000000 0%, #000000 100%); background-image: linear-gradient(to bottom, #000000 0%, #000000 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff000000', endColorstr='#ff000000', GradientType=0);} .slider-track-low, .slider-track-high{position: absolute; background: transparent; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 4px;} .slider-handle{position: absolute; top: 0; width: 20px; height: 20px; background-color: #000000; background-image: -webkit-linear-gradient(top, #000000 0%, #000000 100%); background-image: -o-linear-gradient(top, #000000 0%, #000000 100%); background-image: linear-gradient(to bottom, #000000 0%, #000000 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff000000', endColorstr='#ff000000', GradientType=0); filter: none; -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); border: 0px solid transparent;} .slider-handle.round{border-radius: 50%;} .slider-handle.triangle{background: transparent none;} .slider-handle.custom{background: transparent none;} .slider-handle.custom::before{line-height: 20px; font-size: 20px; content: '\2605'; color: #000000;} .slider-tick{position: absolute; width: 20px; height: 20px; background-image: -webkit-linear-gradient(top, #f9f9f9 0%, #f5f5f5 100%); background-image: -o-linear-gradient(top, #f9f9f9 0%, #f5f5f5 100%); background-image: linear-gradient(to bottom, #f9f9f9 0%, #f5f5f5 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff9f9f9', endColorstr='#fff5f5f5', GradientType=0); -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; filter: none; opacity: 0.8; border: 0px solid transparent;} .slider-tick.round{border-radius: 50%;} .slider-tick.triangle{background: transparent none;} .slider-tick.custom{background: transparent none;} .slider-tick.custom::before{line-height: 20px; font-size: 20px; content: '\2605'; color: #000000;} .slider-tick.in-selection{background-image: -webkit-linear-gradient(top, #000000 0%, #000000 100%); background-image: -o-linear-gradient(top, #000000 0%, #000000 100%); background-image: linear-gradient(to bottom, #000000 0%, #000000 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff000000', endColorstr='#ff000000', GradientType=0); opacity: 1;} width: $slider-horizontal-width; height: $slider-line-height; .slider-track{height: $slider-line-height/2; width: 100%; margin-top: -$slider-line-height/4; top: 50%; left: 0;} .slider-selection, .slider-track-low, .slider-track-high{height: 100%; top: 0; bottom: 0;} .slider-tick, .slider-handle{margin-left: -$slider-line-height/2; &.triangle{position: relative; top: 50%; transform: translateY(-50%); border-width: 0 $slider-line-height/2 $slider-line-height/2 $slider-line-height/2; width: 0; height: 0; border-bottom-color: $slider-primary-bottom; margin-top: 0;}} .slider-tick-container{white-space: nowrap; position: absolute; top: 0; left: 0; width: 100%;} .slider-tick-label-container{white-space: nowrap; margin-top: $slider-line-height; .slider-tick-label{display: inline-block; padding-top: $slider-line-height * 1.2; text-align: center;}} &.slider-rtl{.slider-track{left: initial; right: 0;}.slider-tick, .slider-handle{margin-left: initial; margin-right: -$slider-line-height/2;}.slider-tick-container{left: initial; right: 0;}} height: $slider-vertical-height; width: $slider-line-height; .slider-track{width: $slider-line-height/2; height: 100%; left: 25%; top: 0;} .slider-selection{width: 100%; left: 0; top: 0; bottom: 0;} .slider-track-low, .slider-track-high{width: 100%; left: 0; right: 0;} .slider-tick, .slider-handle{margin-top: -$slider-line-height/2; &.triangle{border-width: $slider-line-height/2 0 $slider-line-height/2 $slider-line-height/2; width: 1px; height: 1px; border-left-color: $slider-primary-bottom; margin-left: 0;}} .slider-tick-label-container{white-space: nowrap; .slider-tick-label{padding-left: $slider-line-height * .2;}} .slider-track{left: initial; right: 25%;} .slider-selection{left: initial; right: 0;} .slider-tick, .slider-handle{&.triangle{border-width: $slider-line-height/2 $slider-line-height/2 $slider-line-height/2 0;}} .slider-tick-label-container{.slider-tick-label{padding-left: initial; padding-right: $slider-line-height * .2;}} }}&.slider-disabled{.slider-handle{@include slider_background-image($slider-gray-2, $slider-gray-1, mix($slider-gray-2, $slider-gray-1));}.slider-track{@include slider_background-image($slider-gray-3, $slider-gray-4, mix($slider-gray-3, $slider-gray-4)); cursor: not-allowed;}} .tooltip-inner{white-space: nowrap; max-width: none;} .tooltip{&.top{margin-top: -36px;}} .tooltip-inner{white-space: nowrap; max-width: none;} .hide{display: none;} }.slider-track{@include slider_background-image($slider-gray-5, $slider-gray-6, mix($slider-gray-5, $slider-gray-6)); @include slider_box-shadow(inset 0 1px 2px rgba(0,0,0,0.1)); @include slider_border-radius($slider-border-radius); position: absolute; cursor: pointer;} .slider-selection{@include slider_background-image($slider-gray-6, $slider-gray-5, mix($slider-gray-6, $slider-gray-5)); @include slider_box-shadow(inset 0 -1px 0 rgba(0,0,0,0.15)); @include slider_box-sizing(border-box); @include slider_border-radius($slider-border-radius); position: absolute;} .slider-selection.tick-slider-selection{@include slider_background-image($slider-secondary-top, $slider-secondary-bottom, mix($slider-secondary-top, $slider-secondary-bottom));} .slider-track-low, .slider-track-high{@include slider_box-sizing(border-box); @include slider_border-radius($slider-border-radius); position: absolute; background: transparent;} @include slider_background-image($slider-primary-top, $slider-primary-bottom, mix($slider-primary-top, $slider-primary-bottom)); @include slider_box-shadow(inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05)); position: absolute; top: 0; width: $slider-line-height; height: $slider-line-height; background-color: $slider-primary; border: 0px solid transparent; &.round{@include slider_border-radius($slider-line-height);} &.triangle{background: transparent none;} &.custom{background: transparent none; &::before{line-height: $slider-line-height; font-size: 20px; content: '\2605'; //unicode star character color: $slider-unicode-color;}} @include slider_background-image($slider-gray-5, $slider-gray-6, mix($slider-gray-5, $slider-gray-6)); @include slider_box-shadow(inset 0 -1px 0 rgba(0,0,0,0.15)); @include slider_box-sizing(border-box); position: absolute; width: $slider-line-height; height: $slider-line-height; filter: none; opacity: 0.8; border: 0px solid transparent; &.round{border-radius: 50%;} &.triangle{background: transparent none;} &.custom{background: transparent none; &::before{line-height: $slider-line-height; font-size: 20px; content: '\2605'; //unicode star character color: $slider-unicode-color;}} &.in-selection{@include slider_background-image($slider-secondary-top, $slider-secondary-bottom, mix($slider-secondary-top, $slider-secondary-bottom)); opacity: 1;} } /* /website_product_filter/static/src/sass/_mixins.scss defined in bundle 'web.assets_frontend' */ @mixin slider_background-image ($colorstart:#F5F5F5, $colorend:#F9F9F9, $backcolor: #F7F7F7){background-color: $backcolor; background-image: -moz-linear-gradient(top, $colorstart, $colorend); background-image: -webkit-gradient(linear, 0 0, 0 100%, from($colorstart), to($colorend)); background-image: -webkit-linear-gradient(top, $colorstart, $colorend); background-image: -o-linear-gradient(top, $colorstart, $colorend); background-image: linear-gradient(to bottom, $colorstart, $colorend); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{$colorstart}', endColorstr='#{$colorend}',GradientType=0);} @mixin slider_box-sizing ($value){-webkit-box-sizing: $value; -moz-box-sizing: $value; box-sizing: $value;} @mixin slider_box-shadow ($value...){-webkit-box-shadow: $value; -moz-box-shadow: $value; box-shadow: $value;} @mixin slider_border-radius ($value){-webkit-border-radius: $value; -moz-border-radius: $value; border-radius: $value;} /* /website_product_filter/static/src/sass/_variables.scss defined in bundle 'web.assets_frontend' */ $slider-line-height: 20px !default; $slider-border-radius: 4px !default; $slider-horizontal-width: 210px !default; $slider-vertical-height: 210px !default; // Primary colors $slider-primary: null !default; @if variable-exists(brand-primary){$slider-primary: $brand-primary !default;} @else{$slider-primary: #0480BE !default;} $slider-primary-top: $slider-primary !default; $slider-primary-bottom: darken($slider-primary, 5%) !default; $slider-secondary-top: saturate(lighten($slider-primary, 28%), 20%) !default; $slider-secondary-bottom: saturate(lighten($slider-primary, 23%), 2%) !default; // grays for slider channel and disabled states $slider-gray-1: #BEBEBE !default; $slider-gray-2: #DFDFDF !default; $slider-gray-3: #E5E5E5 !default; $slider-gray-4: #E9E9E9 !default; $slider-gray-5: #F5F5F5 !default; $slider-gray-6: #F9F9F9 !default; // unicode color for demo page $slider-unicode-color: #726204 !default; /* /website_enterprise/static/src/less/website_enterprise.less defined in bundle 'web.assets_frontend' */ .o_menu_toggle{float: left; padding: 4px 0 0 16px; font-size: 1.3em; color: white;} .o_menu_toggle:hover, .o_menu_toggle:focus, .o_menu_toggle:active{color: white; outline: none;} /* /website_sign/static/src/less/website_sign_frontend.less defined in bundle 'web.assets_frontend' */ .o_sign_document{height: 100%;} .o_sign_document > header{-ms-flex: 0 0 auto; -moz-flex: 0 0 auto; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; height: 50px; background-color: #e2e2e0;} .o_sign_document > header > div{height: 100%; display: -ms-flexbox; display: -moz-box; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center;} .o_sign_document > header > div a{-ms-flex: 0 0 auto; -moz-flex: 0 0 auto; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto;} .o_sign_document > header > div a > img{height: 40px;} .o_sign_document > header > div .o_sign_header_instruction{font-size: 1.2em; -ms-flex: 1 1 auto; -moz-flex: 1 1 auto; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; flex: 1 1 auto;} .o_sign_document ~ .modal .modal-content{border-radius: 0; border: none;} .o_sign_document ~ .modal .modal-content .btn{border-radius: 0; border: none; color: #21b799;} .o_sign_document ~ .modal .modal-content .btn-primary{background-color: #21b799; color: white;} .o_sign_document ~ .modal .modal-content .modal-header{background-color: #875a7b; color: #fff;} .o_sign_document ~ .modal .modal-content .modal-header .modal-title{line-height: 1;} .o_sign_document ~ .modal .modal-content .modal-header .text-muted{color: #fff;} .o_sign_document ~ .modal .modal-content .modal-header .close{color: #fff; opacity: 1; text-shadow: none;} .o_sign_document ~ .modal .modal-content .modal-body .o_thankyou_message{margin-top: 25px;} .o_sign_document ~ .modal .modal-content .modal-body .o_promote_esign{background-color: #e2e2e0; margin-top: 40px; padding: 0 0 10px 0;} .o_sign_document ~ .modal .modal-content .modal-body .o_promote_esign h4{color: #875a7b;} .o_sign_document ~ .modal .modal-content .modal-body .o_promote_esign img{padding-top: 20px; width: 90px;} .o_sign_document ~ .modal .modal-content .modal-footer{border-top: none; padding-top: 0; text-align: left;} /* /komono_website_order_split/static/src/css/order_split_website.css defined in bundle 'web.assets_frontend' */ .xx_input_number{max-width: 40px; text-align: right; -moz-appearance: textfield;} .xx_input_number::-webkit-outer-spin-button, .xx_input_number::-webkit-inner-spin-button{-webkit-appearance: none; margin: 0;} .xx_draft_box{position: absolute; top:0; right:0;} .xx_draft_ribbon{position: absolute; right: -5px; top: -5px; z-index: 1; overflow: hidden; width: 75px; height: 75px; text-align: right;} .xx_draft_ribbon span{font-size: 10px; font-weight: bold; color: #FFF; text-transform: uppercase; text-align: center; line-height: 20px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); width: 100px; display: block; background: #79A70A; background: linear-gradient(#F79E05 0%, #8F5408 100%); box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1); position: absolute; top: 19px; right: -21px;} .xx_draft_ribbon span::before{content: ""; position: absolute; left: 0px; top: 100%; z-index: -1; border-left: 3px solid #8F5408; border-right: 3px solid transparent; border-bottom: 3px solid transparent; border-top: 3px solid #8F5408;} .xx_draft_ribbon span::after{content: ""; position: absolute; right: 0px; top: 100%; z-index: -1; border-left: 3px solid transparent; border-right: 3px solid #8F5408; border-bottom: 3px solid transparent; border-top: 3px solid #8F5408;} .xx_order_split_po_line .xx_input_number{background-color: transparent;} .xx-save-button > .fa{color: darkgreen; font-size: 20px;} .xx_order_split_save{text-align: right;} .komono_order_split_table{table-layout: fixed; overflow: hidden;} .xx_order_split_action_button{margin-left: 5px; background-color: #5bc0de; padding: .2em .6em .3em; line-height: 1; color: #fff; white-space: nowrap; vertical-align: baseline; border-radius: .25em;} .xx_order_split_po_line_split_total{font-weight: bold; color: red;} .xx_order_split_warehouse_total_split{text-align: right;} #ordersplitnotification .alert{text-align: right; padding: 10px; border-radius: 5px; position: absolute; right: 40px; top: 30px; background-color: rgba(0, 0, 0, 0.1); box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.2); z-index: 9999999;} #ordersplitnotification .alert-custom-success:after{content: "\2713"; margin-left: 10px; font-size: 15px;} #ordersplitnotification .alert-custom-success{color: darkgreen;} #ordersplitnotification .alert-custom-error{color: darkred;} #ordersplitnotification .alert-custom-warning{color: rgb(252, 141, 5);} #ordersplitnotification{display: none;} .xx_order_split_po_line{border-bottom: 1px solid #333; background-color: #c6c6c6; cursor: pointer;} .xx_order_split_warehouse_line td:nth-child(n+3){text-align: right;} .xx_order_split_po_line td:nth-child(n+3){text-align: right;} .xx_order_split_warehouse_split_line td:nth-child(n+3){text-align: right;} .xx_order_split_warehouse_header td:nth-child(n+2){background-color: #e6e6e6; font-weight: bold;} .xx_order_split_warehouse_split_header td:nth-child(n+2){background-color: #e6e6e6; font-weight: bold;} .xx_negative{color: red !important;} .xx_order_split_po_line:first-child{border-top: 3px solid #333;} .future{border-left: 2px solid #333;} .xx_order_split_table_dates > th:first-child{border-bottom: 0px; border-top: 0px;} .xx_order_split_table_header > th{border-top: 0px !important; transform: rotate(-60deg); -webkit-transform: rotate(-60deg); -moz-transform: rotate(-60deg); -ms-transform: rotate(-60deg); -o-transform: rotate(-60deg); white-space: nowrap; height: 100px;} .xx_order_split_table_dates th[colspan="5"]{text-align: center; background-color: #875A7B; border: 2px solid black; border-top: 2px solid black !important; color: white;} .xx_order_split_header h1{margin-top: 0px;} .xx_order_split_header span{font-size: 14px;} .xx_order_split_header{height: 160px; padding: 30px 10px 20px 20px; background-color: #c6c6c6; margin-bottom: 20px; -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.75); box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.75);}