.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: white;} .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: white; background-color: #517e8d; border-color: #2c444c;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:hover{color: white; 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: white; 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: white; 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: white;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning{color: white; 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: white; background-color: #ec971f; border-color: #985f0d;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:hover{color: white; 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: white; 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: white; 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: white;} .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: white; background-color: #ec971f; border-color: #985f0d;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:hover{color: white; 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: white; 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: white; 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: white;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger{color: white; 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: white; background-color: #df2c45; border-color: #901527;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:hover{color: white; 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: white; 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: white; 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: white;} .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: white; background-color: #df2c45; border-color: #901527;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:hover{color: white; 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: white; 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: white; 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: white;} .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: 44px; 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,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale");} .o_gallery.o_slideshow .carousel ul.carousel-indicators > *:first-child, .modal-body.o_slideshow .carousel ul.carousel-indicators > *:first-child{margin-left: 0;} .o_gallery.o_slideshow .carousel .carousel-control.right, .modal-body.o_slideshow .carousel .carousel-control.right, .o_gallery.o_slideshow .carousel .carousel-control.left, .modal-body.o_slideshow .carousel .carousel-control.left{background-image: none; background-color: transparent;} div.carousel .carousel-indicators li{box-shadow: 0 0 0 1px grey;} div.carousel .carousel-indicators li:hover:not(.active){background-color: rgba(255, 255, 255, 0.5);} div.carousel span.carousel-img img, div.carousel div.carousel-content{max-height: 95%; padding: 10px;} div.carousel .carousel-control{cursor: pointer;} .parallax{position: relative;} .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_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;} 

/* /theme_popvirus/static/src/css/pe-icon-7-stroke.css defined in bundle 'web.assets_frontend' */
@font-face{font-family: 'Pe-icon-7-stroke'; src:url('/theme_popvirus/static/src/css/../../fonts/Pe-icon-7-stroke.eot?d7yf1v'); src:url('/theme_popvirus/static/src/css/../../fonts/Pe-icon-7-stroke.eot?#iefixd7yf1v') format('embedded-opentype'), url('/theme_popvirus/static/src/css/../../fonts/Pe-icon-7-stroke.woff?d7yf1v') format('woff'), url('/theme_popvirus/static/src/css/../../fonts/Pe-icon-7-stroke.ttf?d7yf1v') format('truetype'), url('/theme_popvirus/static/src/css/../../fonts/Pe-icon-7-stroke.svg?d7yf1v#Pe-icon-7-stroke') format('svg'); font-weight: normal; font-style: normal;} [class^="pe-7s-"], [class*=" pe-7s-"]{display: inline-block; font-family: 'Pe-icon-7-stroke'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} .pe-7s-album:before{content: "\e6aa";} .pe-7s-arc:before{content: "\e6ab";} .pe-7s-back-2:before{content: "\e6ac";} .pe-7s-bandaid:before{content: "\e6ad";} .pe-7s-car:before{content: "\e6ae";} .pe-7s-diamond:before{content: "\e6af";} .pe-7s-door-lock:before{content: "\e6b0";} .pe-7s-eyedropper:before{content: "\e6b1";} .pe-7s-female:before{content: "\e6b2";} .pe-7s-gym:before{content: "\e6b3";} .pe-7s-hammer:before{content: "\e6b4";} .pe-7s-headphones:before{content: "\e6b5";} .pe-7s-helm:before{content: "\e6b6";} .pe-7s-hourglass:before{content: "\e6b7";} .pe-7s-leaf:before{content: "\e6b8";} .pe-7s-magic-wand:before{content: "\e6b9";} .pe-7s-male:before{content: "\e6ba";} .pe-7s-map-2:before{content: "\e6bb";} .pe-7s-next-2:before{content: "\e6bc";} .pe-7s-paint-bucket:before{content: "\e6bd";} .pe-7s-pendrive:before{content: "\e6be";} .pe-7s-photo:before{content: "\e6bf";} .pe-7s-piggy:before{content: "\e6c0";} .pe-7s-plugin:before{content: "\e6c1";} .pe-7s-refresh-2:before{content: "\e6c2";} .pe-7s-rocket:before{content: "\e6c3";} .pe-7s-settings:before{content: "\e6c4";} .pe-7s-shield:before{content: "\e6c5";} .pe-7s-smile:before{content: "\e6c6";} .pe-7s-usb:before{content: "\e6c7";} .pe-7s-vector:before{content: "\e6c8";} .pe-7s-wine:before{content: "\e6c9";} .pe-7s-cloud-upload:before{content: "\e68a";} .pe-7s-cash:before{content: "\e68c";} .pe-7s-close:before{content: "\e680";} .pe-7s-bluetooth:before{content: "\e68d";} .pe-7s-cloud-download:before{content: "\e68b";} .pe-7s-way:before{content: "\e68e";} .pe-7s-close-circle:before{content: "\e681";} .pe-7s-id:before{content: "\e68f";} .pe-7s-angle-up:before{content: "\e682";} .pe-7s-wristwatch:before{content: "\e690";} .pe-7s-angle-up-circle:before{content: "\e683";} .pe-7s-world:before{content: "\e691";} .pe-7s-angle-right:before{content: "\e684";} .pe-7s-volume:before{content: "\e692";} .pe-7s-angle-right-circle:before{content: "\e685";} .pe-7s-users:before{content: "\e693";} .pe-7s-angle-left:before{content: "\e686";} .pe-7s-user-female:before{content: "\e694";} .pe-7s-angle-left-circle:before{content: "\e687";} .pe-7s-up-arrow:before{content: "\e695";} .pe-7s-angle-down:before{content: "\e688";} .pe-7s-switch:before{content: "\e696";} .pe-7s-angle-down-circle:before{content: "\e689";} .pe-7s-scissors:before{content: "\e697";} .pe-7s-wallet:before{content: "\e600";} .pe-7s-safe:before{content: "\e698";} .pe-7s-volume2:before{content: "\e601";} .pe-7s-volume1:before{content: "\e602";} .pe-7s-voicemail:before{content: "\e603";} .pe-7s-video:before{content: "\e604";} .pe-7s-user:before{content: "\e605";} .pe-7s-upload:before{content: "\e606";} .pe-7s-unlock:before{content: "\e607";} .pe-7s-umbrella:before{content: "\e608";} .pe-7s-trash:before{content: "\e609";} .pe-7s-tools:before{content: "\e60a";} .pe-7s-timer:before{content: "\e60b";} .pe-7s-ticket:before{content: "\e60c";} .pe-7s-target:before{content: "\e60d";} .pe-7s-sun:before{content: "\e60e";} .pe-7s-study:before{content: "\e60f";} .pe-7s-stopwatch:before{content: "\e610";} .pe-7s-star:before{content: "\e611";} .pe-7s-speaker:before{content: "\e612";} .pe-7s-signal:before{content: "\e613";} .pe-7s-shuffle:before{content: "\e614";} .pe-7s-shopbag:before{content: "\e615";} .pe-7s-share:before{content: "\e616";} .pe-7s-server:before{content: "\e617";} .pe-7s-search:before{content: "\e618";} .pe-7s-film:before{content: "\e6a5";} .pe-7s-science:before{content: "\e619";} .pe-7s-disk:before{content: "\e6a6";} .pe-7s-ribbon:before{content: "\e61a";} .pe-7s-repeat:before{content: "\e61b";} .pe-7s-refresh:before{content: "\e61c";} .pe-7s-add-user:before{content: "\e6a9";} .pe-7s-refresh-cloud:before{content: "\e61d";} .pe-7s-paperclip:before{content: "\e69c";} .pe-7s-radio:before{content: "\e61e";} .pe-7s-note2:before{content: "\e69d";} .pe-7s-print:before{content: "\e61f";} .pe-7s-network:before{content: "\e69e";} .pe-7s-prev:before{content: "\e620";} .pe-7s-mute:before{content: "\e69f";} .pe-7s-power:before{content: "\e621";} .pe-7s-medal:before{content: "\e6a0";} .pe-7s-portfolio:before{content: "\e622";} .pe-7s-like2:before{content: "\e6a1";} .pe-7s-plus:before{content: "\e623";} .pe-7s-left-arrow:before{content: "\e6a2";} .pe-7s-play:before{content: "\e624";} .pe-7s-key:before{content: "\e6a3";} .pe-7s-plane:before{content: "\e625";} .pe-7s-joy:before{content: "\e6a4";} .pe-7s-photo-gallery:before{content: "\e626";} .pe-7s-pin:before{content: "\e69b";} .pe-7s-phone:before{content: "\e627";} .pe-7s-plug:before{content: "\e69a";} .pe-7s-pen:before{content: "\e628";} .pe-7s-right-arrow:before{content: "\e699";} .pe-7s-paper-plane:before{content: "\e629";} .pe-7s-delete-user:before{content: "\e6a7";} .pe-7s-paint:before{content: "\e62a";} .pe-7s-bottom-arrow:before{content: "\e6a8";} .pe-7s-notebook:before{content: "\e62b";} .pe-7s-note:before{content: "\e62c";} .pe-7s-next:before{content: "\e62d";} .pe-7s-news-paper:before{content: "\e62e";} .pe-7s-musiclist:before{content: "\e62f";} .pe-7s-music:before{content: "\e630";} .pe-7s-mouse:before{content: "\e631";} .pe-7s-more:before{content: "\e632";} .pe-7s-moon:before{content: "\e633";} .pe-7s-monitor:before{content: "\e634";} .pe-7s-micro:before{content: "\e635";} .pe-7s-menu:before{content: "\e636";} .pe-7s-map:before{content: "\e637";} .pe-7s-map-marker:before{content: "\e638";} .pe-7s-mail:before{content: "\e639";} .pe-7s-mail-open:before{content: "\e63a";} .pe-7s-mail-open-file:before{content: "\e63b";} .pe-7s-magnet:before{content: "\e63c";} .pe-7s-loop:before{content: "\e63d";} .pe-7s-look:before{content: "\e63e";} .pe-7s-lock:before{content: "\e63f";} .pe-7s-lintern:before{content: "\e640";} .pe-7s-link:before{content: "\e641";} .pe-7s-like:before{content: "\e642";} .pe-7s-light:before{content: "\e643";} .pe-7s-less:before{content: "\e644";} .pe-7s-keypad:before{content: "\e645";} .pe-7s-junk:before{content: "\e646";} .pe-7s-info:before{content: "\e647";} .pe-7s-home:before{content: "\e648";} .pe-7s-help2:before{content: "\e649";} .pe-7s-help1:before{content: "\e64a";} .pe-7s-graph3:before{content: "\e64b";} .pe-7s-graph2:before{content: "\e64c";} .pe-7s-graph1:before{content: "\e64d";} .pe-7s-graph:before{content: "\e64e";} .pe-7s-global:before{content: "\e64f";} .pe-7s-gleam:before{content: "\e650";} .pe-7s-glasses:before{content: "\e651";} .pe-7s-gift:before{content: "\e652";} .pe-7s-folder:before{content: "\e653";} .pe-7s-flag:before{content: "\e654";} .pe-7s-filter:before{content: "\e655";} .pe-7s-file:before{content: "\e656";} .pe-7s-expand1:before{content: "\e657";} .pe-7s-exapnd2:before{content: "\e658";} .pe-7s-edit:before{content: "\e659";} .pe-7s-drop:before{content: "\e65a";} .pe-7s-drawer:before{content: "\e65b";} .pe-7s-download:before{content: "\e65c";} .pe-7s-display2:before{content: "\e65d";} .pe-7s-display1:before{content: "\e65e";} .pe-7s-diskette:before{content: "\e65f";} .pe-7s-date:before{content: "\e660";} .pe-7s-cup:before{content: "\e661";} .pe-7s-culture:before{content: "\e662";} .pe-7s-crop:before{content: "\e663";} .pe-7s-credit:before{content: "\e664";} .pe-7s-copy-file:before{content: "\e665";} .pe-7s-config:before{content: "\e666";} .pe-7s-compass:before{content: "\e667";} .pe-7s-comment:before{content: "\e668";} .pe-7s-coffee:before{content: "\e669";} .pe-7s-cloud:before{content: "\e66a";} .pe-7s-clock:before{content: "\e66b";} .pe-7s-check:before{content: "\e66c";} .pe-7s-chat:before{content: "\e66d";} .pe-7s-cart:before{content: "\e66e";} .pe-7s-camera:before{content: "\e66f";} .pe-7s-call:before{content: "\e670";} .pe-7s-calculator:before{content: "\e671";} .pe-7s-browser:before{content: "\e672";} .pe-7s-box2:before{content: "\e673";} .pe-7s-box1:before{content: "\e674";} .pe-7s-bookmarks:before{content: "\e675";} .pe-7s-bicycle:before{content: "\e676";} .pe-7s-bell:before{content: "\e677";} .pe-7s-battery:before{content: "\e678";} .pe-7s-ball:before{content: "\e679";} .pe-7s-back:before{content: "\e67a";} .pe-7s-attention:before{content: "\e67b";} .pe-7s-anchor:before{content: "\e67c";} .pe-7s-albums:before{content: "\e67d";} .pe-7s-alarm:before{content: "\e67e";} .pe-7s-airplay:before{content: "\e67f";} .pe-va{text-align:center;} .pe-min{min-width:64px;} 

/* /theme_popvirus/static/src/css/helper.css defined in bundle 'web.assets_frontend' */
 .pe-lg{font-size: 1.3333333333333333em; line-height: 0.75em; vertical-align: -15%;} .pe-2x{font-size: 2em;} .pe-3x{font-size: 3em;} .pe-4x{font-size: 4em;} .pe-5x{font-size: 5em;} .pe-fw{width: 1.2857142857142858em; text-align: center;} .pe-ul{padding-left: 0; margin-left: 2.142857142857143em; list-style-type: none;} .pe-ul > li{position: relative;} .pe-li{position: absolute; left: -2.142857142857143em; width: 2.142857142857143em; top: 0.14285714285714285em; text-align: center;} .pe-li.pe-lg{left: -1.8571428571428572em;} .pe-border{padding: .2em .25em .15em; border: solid 0.08em #eeeeee; border-radius: .1em;} .pull-right{float: right;} .pull-left{float: left;} .pe.pull-left{margin-right: .3em;} .pe.pull-right{margin-left: .3em;} .pe-spin{-webkit-animation: spin 2s infinite linear; -moz-animation: spin 2s infinite linear; -o-animation: spin 2s infinite linear; animation: spin 2s infinite linear;} @-moz-keyframes spin{0%{-moz-transform: rotate(0deg);}100%{-moz-transform: rotate(359deg);}} @-webkit-keyframes spin{0%{-webkit-transform: rotate(0deg);}100%{-webkit-transform: rotate(359deg);}} @-o-keyframes spin{0%{-o-transform: rotate(0deg);}100%{-o-transform: rotate(359deg);}} @-ms-keyframes spin{0%{-ms-transform: rotate(0deg);}100%{-ms-transform: rotate(359deg);}} @keyframes spin{0%{transform: rotate(0deg);}100%{transform: rotate(359deg);}} .pe-rotate-90{filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg);} .pe-rotate-180{filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);} .pe-rotate-270{filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg);} .pe-flip-horizontal{filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1); -webkit-transform: scale(-1, 1); -moz-transform: scale(-1, 1); -ms-transform: scale(-1, 1); -o-transform: scale(-1, 1); transform: scale(-1, 1);} .pe-flip-vertical{filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1); -webkit-transform: scale(1, -1); -moz-transform: scale(1, -1); -ms-transform: scale(1, -1); -o-transform: scale(1, -1); transform: scale(1, -1);} .pe-stack{position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle;} .pe-stack-1x, .pe-stack-2x{position: absolute; left: 0; width: 100%; text-align: center;} .pe-stack-1x{line-height: inherit;} .pe-stack-2x{font-size: 2em;} .pe-inverse{color: #ffffff;} .pe-va{vertical-align: middle;} .pe-border{border: solid 0.08em #eaeaea;} [class^="pe-7s-"], [class*=" pe-7s-"]{display: inline-block;} 

/* /theme_popvirus/static/src/css/wavesurfer.css defined in bundle 'web.assets_frontend' */
wave{overflow-x: hidden!important;} wave canvas, timeline canvas{display: block!important; vertical-align: none!important;} wave, timeline{text-align:left!important;} .waveplayer-container{width: 100%; height: 100px; background-color: #ffa500; display: none; position: fixed; top: auto; z-index: 6; bottom: 0; padding: 5px 10px; -webkit-box-shadow: 0px -22px 34px -8px rgba(0,0,0,0.75); -moz-box-shadow: 0px -22px 34px -8px rgba(0,0,0,0.75); box-shadow: 0px -22px 34px -8px rgba(0,0,0,0.75);} .con-playpause{width: 45px; height: 45px; -webkit-tap-highlight-color: transparent; display: inline-block; left: 0; position: relative; margin-left: 0px; top: 30px; vertical-align: top; margin-right: 13px;} .playbtn{cursor: pointer; display:none; background-position: center center; background-repeat: no-repeat; width: 100%; height: 100%; border: solid transparent; border-color: rgba(136, 183, 213, 0); border-left-color: transparent; border-width: 0px; border-left-width: 0px; position: relative; background-color: #aaaaaa; border-radius: 50%; top: 0; left: 0; -webkit-box-shadow: 5px 5px 28px 0px rgba(0,0,0,0.75); -moz-box-shadow: 5px 5px 28px 0px rgba(0,0,0,0.75); box-shadow: 5px 5px 28px 0px rgba(0,0,0,0.75);} .playbtn:before{position: absolute; top: 50%; left: 50%; margin-top: -10px; margin-left: -5px; content: " "; width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 15px solid #fff;} .button-buy{border-radius: 50%; background-color: #ef7f00; font-size: 12px; padding: 4px 7px; display: inline-block; color: #ffffff; vertical-align: top; cursor: pointer; margin-bottom: 5px;} .pausebtn{cursor: pointer; background-position: center center; background-repeat: no-repeat; width: 100%; height: 100%; background-image: none; background-color: #aaaaaa; border-radius: 50%; position: absolute; top: 0; left: 0; -webkit-box-shadow: inset 0px 0px 21px 1px rgba(0,0,0,0.75); -moz-box-shadow: inset 0px 0px 21px 1px rgba(0,0,0,0.75); box-shadow: inset 0px 0px 21px 1px rgba(0,0,0,0.75);} .pausebtn:before, .pausebtn:after{position: absolute; top: 50%; left: 50%; margin-top: -9px; margin-left: -6px; content: " "; width: 4px; height: 18px; background-color: #fff;} .pausebtn:after{margin-left: 2px;} .controls-left{float: left; position: relative;} .controls-right{float: right; margin-right: 20px;} .controls-volume{display: inline-block; position: relative; left: 0; bottom: auto; top: 33px; margin-left: 15px; margin-right: 0px; right: 0px; width: 41px; height: 14px;} .volume-icon{background: #4f4949; position: absolute; top: 0px; left: 0px; width: 7px; height: 7px; cursor: pointer; transition-property: background; transition-duration: 0.3s; transition-timing-function: ease-out; -moz-transition-property: background; -moz-transition-duration: 0.3s; -moz-transition-timing-function: ease-out; -webkit-transition-property: background; -webkit-transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; -o-transition-property: background; -o-transition-duration: 0.3s; -o-transition-timing-function: ease-out; -ms-transition-property: background; -ms-transition-duration: 0.3s; -ms-transition-timing-function: ease-out;} .volume-icon:before{border-right-color: #4f4949; position: absolute; left: -4px; bottom: -3px; background: transparent; background-position: center center; background-repeat: no-repeat; width: 0px; height: 0px; content: " "; border: solid transparent; border-color: rgba(136, 183, 213, 0); border-right-color: #4f4949; border-width: 7px; margin-left: 0px; outline: 1px solid transparent; transition-property: background; transition-duration: 0.3s; transition-timing-function: ease-out; -moz-transition-property: background; -moz-transition-duration: 0.3s; -moz-transition-timing-function: ease-out; -webkit-transition-property: background; -webkit-transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; -o-transition-property: background; -o-transition-duration: 0.3s; -o-transition-timing-function: ease-out; -ms-transition-property: background; -ms-transition-duration: 0.3s; -ms-transition-timing-function: ease-out;} .volume-icon.muted:before{border-right-color: #aaaaaa;} .con-thumb{position: relative; float: left; margin-right: 20px; display: inline-block; vertical-align: top;} .thumb{position: relative; background-position: center center; background-repeat: no-repeat; border: #ef7f01 solid 1px; background-size: contain; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 5px 5px 28px 0px rgba(0,0,0,0.75); -moz-box-shadow: 5px 5px 28px 0px rgba(0,0,0,0.75); box-shadow: 5px 5px 28px 0px rgba(0,0,0,0.75);} .con-meta{top: 18px; left: 0; position: relative; display: inline-block; vertical-align: top; margin-left: 13px; margin-right: 13px; max-width: none; bottom: auto; max-width: 130px; overflow: visible; font-size: 14px; line-height: 1.1;} .meta{width: auto;} .artist{margin-bottom: 5px; font-size: 14px; color: #db4343; font-weight: bold;} .artist:after{content: ""; display: block; clear: both; height: 0px;} .name{width: auto; max-width: 100%; text-overflow: ellipsis; overflow: hidden; margin-top: 5px; color: #555555;} .name:after{content: ""; display: block; clear: both; height: 0px;} .time{width: auto; max-width: 100%; text-overflow: ellipsis; overflow: hidden; margin-top: 5px; color: #555555;} .volume-static{background: #4f4949; position: absolute; top: 2px; left: 16px; width: 26px; height: 4px; cursor: pointer;} .volume-active{background-color: #ea8c52; position: absolute; top: 2px; left: 16px; background: #ae1919; background-position: center center; background-repeat: repeat-x; width: 24px; height: 4px; pointer-events: none; transition-property: width; transition-duration: 0.1s; transition-timing-function: ease-out; -moz-transition-property: width; -moz-transition-duration: 0.1s; -moz-transition-timing-function: ease-out; -webkit-transition-property: width; -webkit-transition-duration: 0.1s; -webkit-transition-timing-function: ease-out; -o-transition-property: width; -o-transition-duration: 0.1s; -o-transition-timing-function: ease-out; -ms-transition-property: width; -ms-transition-duration: 0.1s; -ms-transition-timing-function: ease-out;} .volume-cut{display: none;} .playimg{width: 80px; height: 80px;} .float2{float: left; width: 10%; background-color: #fff; margin-top: 20px; font-size: 16px; color: #db4343} .waveplayer-section{width: auto; height: 180px; top: 0; left: 0; cursor: pointer; position: relative; overflow: hidden;} .float1{float: left; width: 12em; margin-bottom: 1em;} .position{float: left;} .duration{float: left;} .songs{height: 300px; width:500px; position: absolute;} .black{color:#000;} 

/* /theme_popvirus/static/src/less/new_style.less defined in bundle 'web.assets_frontend' */
 .new-album__inner{left: 53%; position: absolute; top: 0px; height: 8rem; width: 8rem; overflow: hidden;} .homepage .new-album__inner{left: 51%;} .new-album__ribbon{color: #fff; left: 0.5rem; position: absolute; top: 2.5rem; width: 12rem; transform: translate(-15px, -8px) rotate(45deg); background-color: #ff5722; text-align: center; font-weight: bold; font-size: 15px;} .new-song__inner{left: 0px; position: absolute; top: 0px; height: 8rem; width: 8rem; overflow: hidden;} .new-song__ribbon{color: #fff; left: 1.5rem; position: absolute; top: 1.5rem; width: 7.7rem; transform: translate(-38px, -8px) rotate(-45deg); background-color: #ff5722; text-align: center; font-weight: bold; font-size: 11px;} .ml-115{margin-left: 115px;} .user-playlist{background-color: #452401; padding: 10px;} .day .user-playlist{background-color: #f7cb9d;} .con-next{color: #555; top: 54px; left: 135px; float: left; position: relative; display: inline-block; vertical-align: top; margin-left: 13px; margin-right: 13px; max-width: none; bottom: auto; max-width: 130px; overflow: visible; font-size: 20px; line-height: 1.1;} .prev-btn{margin-right: 10px;} .day .playing{background-color: #f7cb9d;} .playing{background-color: #452401;} .down-container{position: absolute; margin: auto; top: 18%; right: 0; bottom: 0; left: 50%; width: 400px; height: 50px; margin-left: -200px;} .downloader{width: 450px;} .downloading-progress{position: relative; float: left; width: 300px; height: 20px; background-color: rgba(0, 0, 0, 0.4); padding: 5px; box-sizing: border-box; border-radius: 10px;} .downloading-progress-bar{position: relative; width: 0%; height: 10px; border-radius: 8px; background-color: white;} .percentage{background-color: #F04923; border-radius: 15px; height: 20px; box-sizing: border-box; width: 110px; font-family: Arial, Helvetica, sans-serif; color: white; font-size: 10px; text-align: center; float: left; line-height: 20px !important; margin: 0 0 0 10px;} @-webkit-keyframes bg-fade{from{opacity: 0;}to{opacity: 1;}} @keyframes bg-fade{from{opacity: 0;}to{opacity: 1;}} .song-loading-overlay, .loading-overlay{position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 10000; background-color: #fff; background-color: rgba(255, 255, 255, 0.8); -webkit-animation: bg-fade 0.2s linear 1; animation: bg-fade 0.2s linear 1;} #wrapwrap .song-loading-overlay, #wrapwrap .loading-overlay{display: none;} .song-loading-overlay .loading, .loading-overlay .loading{color: #F04923; position: absolute; left: 50%; top: 54%; font-weight: 700; font-size: 16px; width: 100px; height: 25px; text-align: center; margin-left: -50px;} .song-loading-overlay .loading{width: 180px; margin-left: -80px;} .loading p{position: relative;} .song-loading-overlay > .star-icon, .loading-overlay > .star-icon{height: 50px; width: 50px; position: absolute; top: 43%; left: 50%; color: #fff; text-align: center; margin-left: -25px;} .star-icon i{position: relative; font-size: 55px;} .loading-circles{position: absolute; left: 50%; top: 45%;} @-webkit-keyframes fade{from{opacity: 1; -webkit-transform: scale(1, 1) translate(-50%, -50%);}to{opacity: 0; -webkit-transform: scale(2, 2) translate(-50%, -50%);}} @keyframes fade{from{opacity: 1; transform: scale(1, 1) translate(-50%, -50%);}to{opacity: 0; transform: scale(2, 2) translate(-50%, -50%);}} .loading-circles > .circle{position: absolute; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scale(1, 1) translate(-50%, -50%); transform: scale(1, 1) translate(-50%, -50%); -webkit-animation: fade 1s linear infinite; animation: fade 1s linear infinite; display: inline-block; height: 100px; width: 100px; left: 50%; border-radius: 50%; background: #F04923; opacity: 1;} .circle.hold{-webkit-animation: none;} .circle.first + .circle{-webkit-animation-delay: .33s; animation-delay: .33s;} .circle.first + .circle + .circle{-webkit-animation-delay: .66s; animation-delay: .66s;} .cc-cookies{background-color: #f59100; padding: 10px; color: black;} .cc-cookies .btn.btn-primary{color: #f49000; background-color: #ffffff; border-color: #cccccc;} .modal.share i{margin-right: 10px; font-size: 20px;} .albums .dropdown-menu > li > a{color: black;} #wrapwrap > *{display: block;} a.user-btn{background-color: #f48e00; padding: 10px; border-radius: 5px; text-align: center; display: block; width: 150px;} .user-cp h3.user-title{color: #f48e00;} .container.fluid{width: 100%; margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px;} body{font-family: 'PT Sans', "Helvetica", "Arial", sans-serif; background: #101010; color: #9e9e9e; font-size: 13px; font-weight: 400; line-height: 1.5; word-wrap: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; font-synthesis: none; -moz-font-feature-settings: 'kern'; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; direction: ltr; text-align: left;} .song-name a img{margin-right: 10px;} .img-thumbnail{background-color: #f79200; border: 1px solid #a96201;} .page h1{font-size: 2em; font-weight: 600; margin-top: 60px; margin-bottom: 40px;} .day .breadcrumb{background-color: #f5f5f5;} .day{background-color: #fff!important; color: #000!important;} .breadcrumb{background: #616060; color: #9e9e9e;} .day .grid.worldwide li{background: #fff;} .day .modal-content{background-color: #fff;} .day .modal-content button.close{color: black;} .day .modal-backdrop{background-color: #d6d6d6;} .day a{color: #000;} .image-grid{font-size: 0; flex-flow: row wrap; display: flex; padding: .1vh;} .image-grid li{flex: auto; max-width: 180px; margin: .1vh; margin-right: 10px;} .image-grid li:hover{opacity: 0.8;} .image-grid li img{width: 100%; height: auto; border-radius: 5px;} .col-centered{display: inline-block; float: none; margin-right: -4px; text-align: center; vertical-align: top;} .border-bottom{border-bottom: 1px solid #e5e5e5;} .website_blog .blog_title h1{font-size: 80px; text-align: left;} h1.block-title{font-size: 24px; line-height: 1.25; font-weight: 700; letter-spacing: .018em; padding-top: .125em; margin-bottom: 0; margin-top: 10px;} *, *:after, *:before{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0;} .composer-cover{width: 100%; height: 250px; position: relative; display: block; background-size: contain; background-position: left; background-repeat: no-repeat;} section.composer{margin-top: 50px;} .composer-headline{font-size: 16px;} .composer h1.album-title{border-bottom: 1px #e6e6e6 solid; margin-bottom: 20px;} .share-bar li{min-width: 25px; min-height: 25px;} .share-bar .bottom{min-width: 400px;} .share-bar i{font-size: 25px;} .share-bar li{line-height: 105%; vertical-align: middle;} .share-bar{height: auto; width: auto; margin: auto 0;} .share-bar ul{width: inherit; height: inherit; margin: 0; padding: 0;} .share-bar li{list-style-type: none;} .share-bar.bottom a{width: inherit; height: inherit; display: inline-block;} .share-bar .right a{width: inherit; height: inherit; display: block;} .share-bar i{line-height: 100%; width: 100%; margin: 0; padding: 0; color: #616060; text-align: center;} .share-bar .fa{width: 100%; height: auto;} .share-bar li{display: block;} .share-bar.bottom li{float: left;} .share-bar li:hover i{color: #fff;} .share-bar .twitter:hover{background-color: #1da1f2;} .share-bar .facebook:hover{background-color: #3b5998;} .share-bar .xing:hover{background-color: #009090;} .share-bar .linkedin:hover{background-color: #0077b5;} .share-bar .youtube:hover{background-color: #ff0000;} .grid.worldwide{margin: 0 auto; padding: 0; width: 100%!important; background: #101010;} .grid.worldwide .wrapper{display: inline-block; overflow: hidden; position: relative; text-align: center; width: 240px; height: 100%;} .grid.worldwide .wrapper *{-webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.45s ease; transition: all 0.45s ease;} .grid.worldwide .wrapper:before, .grid.worldwide .wrapper:after{background-color: rgba(0, 0, 0, 0.5); border-top: 50px solid rgba(0, 0, 0, 0.5); border-bottom: 50px solid rgba(0, 0, 0, 0.5); position: absolute; top: 0; bottom: 0; left: 0; right: 0; content: ''; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; z-index: 1; opacity: 0;} .grid.worldwide .wrapper:before{-webkit-transform: scaleY(2); transform: scaleY(2);} .grid.worldwide .wrapper:after{-webkit-transform: scaleY(2); transform: scaleY(2);} .grid.worldwide .wrapper img{vertical-align: top; max-width: 100%; backface-visibility: hidden;} .grid.worldwide p{margin: 0;} .grid.worldwide li{width: 240px; float: left; position: relative; overflow: hidden;} .grid.worldwide .flag-img{float: left; width: 100%; height: 160px; position: relative; -webkit-transform-style: preserve-3d; -webkit-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); backface-visibility: hidden; background-size: cover; background-size: contain; background-repeat: no-repeat; background-position: center;} .grid.worldwide .info{position: absolute; top: 0; bottom: 0; left: 0; right: 0; align-items: center; z-index: 1; display: flex; flex-direction: column; justify-content: center; line-height: 1.1em; opacity: 0; z-index: 2; -webkit-transition-delay: 0s; transition-delay: 0s;} .grid.worldwide h1{font-weight: 600; font-size: 24px; letter-spacing: 1px; margin: 0; text-transform: uppercase; color: #fff;} .grid.worldwide .wrapper:hover > img{opacity: 0.7;} .grid.worldwide .wrapper:hover:before, .grid.worldwide .wrapper:hover:after{-webkit-transform: scale(1); transform: scale(1); opacity: 1;} .grid.worldwide .wrapper:hover .info{opacity: 1; -webkit-transition-delay: 0.1s; transition-delay: 0.1s;} .waveplayer-container{box-shadow: 0px -3px 20px 0px rgba(140, 140, 140, 0.75);} .js_language_selector img{height: 25px; width: 25px;} h5.album{text-align: center;} .modal-content{background-color: #383838;} .modal-content button.close{color: white;} .modal-backdrop{background-color: #d6d6d6;} .song-icons .fa-info-circle{color: #2196F3;} .form-horizontal .form-group{margin-left: 0px; margin-right: 0px;} .btn.btn-primary{color: #fff; background-color: #ED7B05; border-color: #F04923;} .btn-primary:hover{color: #fff; background-color: #6B3D10; border-color: #F04923;} .playbtn{box-shadow: 2px 2px 7px 0px rgba(2, 2, 2, 0.75);} .song-search{margin-top: 30px; display: flex; align-items: center; justify-content: center;} .song-search .icon{position: absolute; display: block; margin-left: 12px; margin-top: 8px; z-index: 1; color: #ED7B05;} .song-search form{width: 400px;} .container-fluid{width: 100%;} .equal-height{display: flex; display: -webkit-flex; flex-wrap: wrap;} .day a{color: #111; text-decoration: none;} a{color: #fff; text-decoration: none;} a:hover, a:focus{text-decoration: none; color: #ED7B05;} h1, h2, h3, h4, h5{font-size: 1em; font-weight: 400;} h1, h2, h3, h4, h5, h6{color: #9e9e9e;} .day h1, .day h2, .day h3, .day h4, .day h5, .day h6{color: #000;} .day .blog_title h1{color: #000;} h2{font-size: 2em;} .day .f-slider{background-color: #fff;} .f-slider{padding: 10px 20px 15px 20px; background-color: #101010;} .day .f-slider{background-color: #fff;} .f-slider img{} .f-slider h4{font-size: 17px; font-weight: 600;} .pt-30{padding-top: 30px;} .pb-30{padding-bottom: 30px;} .mt-30{margin-top: 30px;} .mb-30{margin-bottom: 30px;} .pt-50{padding-top: 50px;} .pb-50{padding-bottom: 50px;} .mt-50{margin-top: 50px;} .mt-100{margin-top: 100px;} .mb-50{margin-bottom: 50px;} .mb-100{margin-bottom: 100px;} .album-songs div.modal{float: none;} .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{z-index: 2; color: #fff; background-color: #ED7B05; border: none; cursor: default; border-radius: 5px;} .pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus{color: #fff; background-color: #616060; cursor: not-allowed;} .day .pagination > li > a, .day .pagination > li > span{color: #000; background-color: #E3E3E3;} .pagination > li > a, .pagination > li > span{position: relative; float: left; padding: 6px 12px; line-height: 1.42857143; text-decoration: none; color: #fff; background-color: #616060; border: none; margin-left: -1px; border-radius: 5px;} .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus{z-index: 3; color: #212425; background-color: #eeeeee; border: none; border-radius: 5px;} .sort .btn-default{color: #fff; background-color: #616060; border: none;} .day .sort .btn-default{color: #000; background-color: #f5f5f5;} .album-search input{border-radius: 5px; border: none; background-color: #f5f5f5; height: 35px; width: 346px; padding: 10px 38px;} .day .album-search input{background-color: #f5f5f5;} .day .album-search input::placeholder{color: #000;} .album-search .icon{top: 10%; position: absolute; margin-left: 17px; z-index: 1; color: #f07b09;} .cover-overlay .btn-playpause{color: #fff; font-size: 0; border-radius: 100%; background: 0 0; border-width: 0; width: 40px; height: 40px; overflow: hidden; padding: 0; position: relative; vertical-align: middle; top: 40%; left: 40%;} .cover-overlay .btn-playpause.active:before, .cover-overlay .btn-playpause:hover:before{color: #f07b09;} .album-cover{width: 170px; height: 170px; display: block; border-radius: 6px; background-repeat: no-repeat; background-size: cover;} section.album .album-cover{width: 250px; height: 250px;} .item.album{width: 170px; height: 170px; z-index: 1; position: relative; display: block; padding: 0; border-radius: 5px; overflow: hidden; margin: 0 auto;} @media (max-width: 1670px){.cover-list .col-lg-3{width: 33%;}} @media (max-width: 1300px){.cover-list .col-lg-3{width: 50%;}} @media (max-width: 1300px){.cover-list .col-lg-3{width: 50%;}} @media (max-width: 980px){.cover-list .col-lg-3 .col-lg-6{width: 60%;}} .item.album a.cover{position: absolute; top: 0; bottom: 0; left: 0; right: 0; border: 0; border-radius: 5px; background-size: cover; background-repeat: none; background-position: 50% 50%; background-color: rgba(120, 120, 120, 0.2);} .album-info{width: 120px; position: relative; border-radius: inherit;} .album-cover{position: relative; display: block; transition: all .2s;} .album-cover a{transition: all .2s;} .album-cover:after{content: ''; display: block;} .album-cover:before{content: ''; display: block;} .album-title{font-size: 20px; display: block; overflow: hidden; font-weight: 400; font-family: "PT Sans Narrow"; padding: 10px 0 0;} .item:hover .album-title{color: #f07b09;} .info-overlay{bottom: 100%; border-radius: 5px; border-top-left-radius: 0; border-top-right-radius: 0; position: absolute; left: 0; background-repeat: repeat-x; right: 0; line-height: 1; color: #fff; padding: 8px; opacity: 0; -webkit-transition: all .2s; transition: all .2s;} .info-overlay i{font-size: 22px;} .info-overlay a{color: #fff;} .cover-overlay{position: absolute; padding: 0 !important; line-height: 1; color: #fff; opacity: 0; -webkit-transition: all .2s; transition: all .2s; border-radius: 5px; background-color: rgba(240, 124, 1, 0.66); width: 100%; height: 100%;} .cover-overlay a{display: block; height: 100%; cursor: pointer;} .item:hover .cover-overlay, .item:hover .info-overlay{opacity: 1; display: block;} .item:hover .album-cover a{transform: scale(1.1) rotate(2deg);} h1{text-align: center; display: block;} .website_blog .o_blog_cover_container.cover_full{height: 53vh;} .label-primary{background-color: #f48f00;} .site__wrapper{max-width: 1000px; margin-left: auto; margin-right: auto; padding-top: 1.5em; padding-bottom: 1.5em;} .blog_title h1{color: #fff; font-size: 100px;} .blog_title h2{color: #fff; font-size: 30px; font-weight: 600; text-transform: uppercase;} img{height: auto; max-width: 100%;} .grid{float: none; width: 100%; padding-left: 0.5em; padding-right: 0.5em; padding-bottom: 1em;} @media screen and (min-width: 40.063em){.grid{float: left; width: 33.333%;}} .card__image{-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; display: block; min-height: 160px; overflow: hidden; position: relative;} .card__image > img{display: block; margin-bottom: 0; width: 100%; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out;} .card__image:hover > img{-webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2);} .card__title{color: white; display: inline-block; font-size: 1.5em; font-weight: 700; line-height: 1.2; margin-bottom: 0.75em; text-decoration: none; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out;} .card__title:hover{color: rgba(255, 255, 255, 0.7); text-decoration: none;} .card__overlay{content: ""; bottom: 0; display: block; height: 100%; left: 0; position: absolute; right: 0; top: 0; width: 100%; z-index: 1;} .card__overlay--indigo{background-image: linear-gradient(to bottom, rgba(92, 107, 192, 0.1), #c05c5c); z-index: 2;} .card__overlay--blue{background-image: linear-gradient(to bottom, rgba(41, 182, 246, 0.1), #f67e29); z-index: 2;} .card__overlay-content{position: absolute; bottom: 0; padding: 1.5em; z-index: 3;} .card__meta{margin: 0; margin-right: -1em; margin-bottom: 0.75em;} .card__meta.card__meta--last{margin-bottom: 0;} .card__meta li{color: #f8f8f8; display: inline; list-style-type: none; margin-bottom: 0; padding-right: 1em; font-size: 0.85em; font-variant: small-caps; letter-spacing: 1px;} .card__meta li:not(:last-child):after{content: "\25cf"; font-style: normal; position: relative; color: rgba(255, 255, 255, 0.25); right: -0.6em;} .card__meta li > a{color: #f8f8f8;} a.tag-search{background-color: #f48e00; padding: 10px; border-radius: 5px; text-align: center; display: block;} #wrap{display: flex; align-items: stretch; perspective: 1500px;} input.search-query{border-color: #f49000; padding-left: 35px;} #sidebar{min-width: 250px; max-width: 250px; background: #101010; padding: 20px; color: #888; transition: all 0.6s cubic-bezier(0.945, 0.02, 0.27, 0.665); transform-origin: bottom left;} .day #sidebar{background: #fff; color: #000;} #sidebar.no-trans{transition: none;} #sidebar.active{margin-left: -250px; transform: rotateY(100deg);} #sidebar .sidebar-header{padding: 20px 10px 0 10px;} #sidebar ul.components{padding: 20px 0; border-bottom: 1px solid #e5e5e5;} #sidebar ul p{color: #888; padding: 10px;} #sidebar ul li a{padding: 10px; font-size: 1.1em; display: block;} #sidebar ul li a:hover{color: #888;} #sidebar ul li.active > a, a[aria-expanded="true"]{color: #888;} a[data-toggle="collapse"]{position: relative;} #sidebar ul ul a{font-size: 0.9em !important; padding-left: 30px !important;} #sidebar ul ul.js_usermenu a{font-size: 0.9em !important; padding-left: 30px !important; background: #f04925;} ul.CTAs{padding: 20px 0px;} ul.CTAs a{font-size: 0.9em !important; display: block; border-radius: 5px; margin-bottom: 5px;} a.download{background: #fff; color: #f49000;} a.article, a.article:hover{background: #fff !important; color: #f49000 !important;} .button-login{background-color: #f49000; color: #fff;} #sidebar .icon{position: absolute; margin-left: 8px; margin-top: 8px; z-index: 1; color: #f07b09;} #sidebar input#hide-submit{height: 1px; width: 1px; padding: 0px; visibility: hidden;} .navbar-default{background-image: -webkit-linear-gradient(top, #FF9800 0, #f49000 100%); background-image: -o-linear-gradient(top, #FF9800 0, #f49000 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#FF9800), to(#f49000)); background-image: linear-gradient(to bottom, #FF9800 0, #f49000 100%);} .navbar-default .navbar-nav > li > a{color: #fbfafa; font-size: 14px; line-height: 2.0; letter-spacing: .05em; text-shadow: none;} .song-icons .dropdown-menu{background-color: #FF9800; color: #fff; left: -65px;} .dropdown-menu li a{color: #fff;} .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus{background-color: #F04923; color: #fff;} ul ul a, .navbar ul.dropdown-menu{background: #f04924;} .dropdown-menu > li > a{color: #fff;} .navbar{border: none;} .carousel-inner .item div{padding: 5px;} .carousel-control{width: 5%;} .day section.f-slider{border-top: 1px solid #e5e5e5;} section.f-slider{border-top: 1px solid #5a5a5a;} .multi-item-carousel .carousel-inner > .item{-webkit-transition: 500ms ease-in-out left; transition: 500ms ease-in-out left;} .multi-item-carousel .carousel-inner .active.left{left: -33%;} .multi-item-carousel .carousel-inner .active.right{left: 33%;} .multi-item-carousel .carousel-inner .next{left: 33%;} .multi-item-carousel .carousel-inner .prev{left: -33%;} @media all and (transform-3d), (-webkit-transform-3d){.multi-item-carousel .carousel-inner > .item{-webkit-transition: 500ms ease-in-out left; transition: 500ms ease-in-out left; -webkit-transition: 500ms ease-in-out all; transition: 500ms ease-in-out all; -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-transform: none !important; transform: none !important;}} .multi-item-carousel .carouse-control.left, .multi-item-carousel .carouse-control.right{background-image: none;} .carousel-showmanymoveone .cloneditem-1, .carousel-showmanymoveone .cloneditem-2, .carousel-showmanymoveone .cloneditem-3{display: none;} @media all and (min-width: 768px){.carousel-showmanymoveone .carousel-inner > .active.left, .carousel-showmanymoveone .carousel-inner > .prev{left: -50%;}.carousel-showmanymoveone .carousel-inner > .active.right, .carousel-showmanymoveone .carousel-inner > .next{left: 50%;}.carousel-showmanymoveone .carousel-inner > .left, .carousel-showmanymoveone .carousel-inner > .prev.right, .carousel-showmanymoveone .carousel-inner > .active{left: 0;}.carousel-showmanymoveone .carousel-inner .cloneditem-1{display: block;}} @media all and (min-width: 768px) and (transform-3d), all and (min-width: 768px) and (-webkit-transform-3d){.carousel-showmanymoveone .carousel-inner > .item.active.right, .carousel-showmanymoveone .carousel-inner > .item.next{-webkit-transform: translate3d(50%, 0, 0); transform: translate3d(50%, 0, 0); left: 0;}.carousel-showmanymoveone .carousel-inner > .item.active.left, .carousel-showmanymoveone .carousel-inner > .item.prev{-webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); left: 0;}.carousel-showmanymoveone .carousel-inner > .item.left, .carousel-showmanymoveone .carousel-inner > .item.prev.right, .carousel-showmanymoveone .carousel-inner > .item.active{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); left: 0;}} @media all and (min-width: 992px){.carousel-showmanymoveone .carousel-inner > .active.left, .carousel-showmanymoveone .carousel-inner > .prev{left: -25%;}.carousel-showmanymoveone .carousel-inner > .active.right, .carousel-showmanymoveone .carousel-inner > .next{left: 25%;}.carousel-showmanymoveone .carousel-inner > .left, .carousel-showmanymoveone .carousel-inner > .prev.right, .carousel-showmanymoveone .carousel-inner > .active{left: 0;}.carousel-showmanymoveone .carousel-inner .cloneditem-2, .carousel-showmanymoveone .carousel-inner .cloneditem-3{display: block;}} @media all and (min-width: 992px) and (transform-3d), all and (min-width: 992px) and (-webkit-transform-3d){.carousel-showmanymoveone .carousel-inner > .item.active.right, .carousel-showmanymoveone .carousel-inner > .item.next{-webkit-transform: translate3d(25%, 0, 0); transform: translate3d(25%, 0, 0); left: 0;}.carousel-showmanymoveone .carousel-inner > .item.active.left, .carousel-showmanymoveone .carousel-inner > .item.prev{-webkit-transform: translate3d(-25%, 0, 0); transform: translate3d(-25%, 0, 0); left: 0;}.carousel-showmanymoveone .carousel-inner > .item.left, .carousel-showmanymoveone .carousel-inner > .item.prev.right, .carousel-showmanymoveone .carousel-inner > .item.active{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); left: 0;}} footer{font-size: 11px; line-height: 1.45455; font-weight: 400; letter-spacing: .005em; background-color: #1c1c1c; min-width: 1024px; overflow: hidden; position: relative; z-index: 1; color: #888; padding: 17px 0 21px;} #wrapwrap > footer{display: table-row;} #wrapwrap > footer .row{padding: 20px 20px;} .day footer{background-color: #f2f2f2;} .footer-legal-links a{border-right: 1px solid #888; margin-right: 10px; padding-right: 12px; display: inline-block; margin-top: 3px; white-space: nowrap;} .day .footer-legal-links a{border-right: 1px solid #d6d6d6;} footer a{color: #555; text-decoration: none;} footer a:hover{color: #ED7B05; text-decoration: underline;} #sidebarCollapse{border: none;} .main-container{padding: 20px; min-height: 100vh; transition: all 0.3s;} #sidebarCollapse{width: 40px; height: 40px; background: #ffbe60; border-radius: 5px;} #sidebarCollapse span{width: 80%; height: 2px; margin: 0 auto; display: block; background: #fff; transition: all 0.8s cubic-bezier(0.81, -0.33, 0.345, 1.375); transition-delay: 0.2s;} #sidebarCollapse span:first-of-type{transform: rotate(45deg) translate(2px, 2px);} #sidebarCollapse span:nth-of-type(2){opacity: 0;} #sidebarCollapse span:last-of-type{transform: rotate(-45deg) translate(1px, -1px);} #sidebarCollapse.active span{transform: none; opacity: 1; margin: 5px auto;} .ProfileCanopy-avatar{bottom: -87px; left: 10px; transition: bottom .3s; z-index: 3;} .ProfileAvatar{background: #fff; border: 5px solid #616060; border-radius: 50%; height: 200px; position: relative; width: 200px; margin: 0 auto;} .day .ProfileAvatar{border: 5px solid #9e9e9e;} .ProfileAvatar-image, .ProfileAvatar-placeholderImage{-moz-force-broken-image-icon: 1; border-radius: 50%; height: 100%; left: 0; position: absolute; top: 0; width: 100%;} .navbar.navbar-default{position: sticky; top: 0px; left: 0px; right: 0px; z-index: 1000; margin-bottom: 0; margin-top: 30px;} .navbar{margin-bottom: 0px;} h5.specials{text-align: center;} ul.album-subtext, ul.album-cats{margin-bottom: 0; padding: 0; list-style-type: none;} ul.album-subtext{padding-bottom: 10px; border-bottom: 1px solid #616060;} span.second-text{color: #788188;} .album-headline{margin-top: 20px; border-bottom: 1px #616060 solid; padding-bottom: 10px;} .day .album-headline, .day ul.album-subtext{border-bottom: 1px #e6e6e6 solid;} .btn-playpause{color: #f49000; font-size: 0; border-radius: 100%; background: 0 0; border-width: 0; width: 40px; height: 40px; overflow: hidden; padding: 0; position: relative; vertical-align: middle; top: 40%;} .btn-playpause:before{-webkit-transition: color .1s linear .1s; transition: color .1s linear .1s; position: absolute !important; z-index: 2; top: 50%; left: 50%; margin-top: -7px; margin-left: -7px;} .btn-playpause:before{background-color: transparent; display: inline-block; font-family: FontAwesome; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 400; line-height: 1; speak: none; text-decoration: inherit; text-transform: none; vertical-align: middle; min-width: 14px; text-align: center;} .btn-playpause:before{position: relative; padding-left: 2px;} .btn-playpause:before{-webkit-transition: color .1s linear .1s; transition: color .1s linear .1s; position: absolute !important; z-index: 2; top: 50%; left: 50%; margin-top: -7px; margin-left: -7px;} .btn-playpause.active:before, .btn-playpause:hover:before{color: #fff;} .btn-playpause.active:after, .btn-playpause:hover:after{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); box-shadow: inset 0 0 0 30px;} .btn-playpause:after{content: ''; border-radius: 100%; box-shadow: inset 0 0 0 2px; position: absolute; z-index: 1; width: 100%; height: 100%; left: 0; top: 0; -webkit-transform: scale3d(0.9, 0.9, 1); transform: scale3d(0.9, 0.9, 1); -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} section.album{margin-top: 50px;} h1.album-title{font-size: 24px; line-height: 1.25; font-weight: 700; letter-spacing: .018em; text-align: left; padding-top: .125em; margin-bottom: 0; margin-top: 10px;} header.album{margin-bottom: 30px;} h2.album-composer{font-size: 18px; line-height: 1.2223; font-weight: 400; letter-spacing: .02em; margin-top: 0;} .album-songs{border-radius: 15px; padding-bottom: 15px;} .songs-header{border-bottom: 1px solid #616060; font-weight: 600; padding-right: 0; display: flex; align-items: center;} .day .songs-header{border-bottom: 1px solid #e5e5e5;} .album-songs .songs-header .song-desc{font-size: 14px; font-weight: 600; padding: 0px; overflow: hidden; width: 400px;} .album-songs .song{display: flex; align-items: center; border-bottom: 1px solid #616060; transition: all 0.4s ease-in-out; padding: 5px;} .day .album-songs .song{border-bottom: 1px solid #e5e5e5;} .song-tags{margin-left: auto; margin-right: 0; width: 150px;} .song-tags ul{margin-bottom: 0; list-style-type: none;} .song-tags ul li{float: left; padding: 0.4em 0.4em 0.4em 0.4em; border-radius: 10px; margin-right: 5px; margin-bottom: 5px; background-color: #e6e6e6; transition: all 0.4s ease-in-out; cursor: pointer; line-height: 10px;} .album-songs .song .song-tags ul li:hover{background-color: #9e9e9e;} .day .album-songs .song .song-tags ul li:hover{background-color: #fff;} .album-songs .song .song-tags ul li:hover a{color: #000;} .song-tags ul li a{color: #1f1d1f; font-size: 12px; transition: all 0.4s ease-in-out;} .album-songs .song:hover .song-tags li{background-color: #788188;} .album-songs .song:hover .song-tags li a{color: #fff;} .album-songs .song-nr{width: 25px;} .row.album-songs div{float: left;} .play-nr, .song-tags, .song-length, .song-name, .song-desc{display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;} .album-songs .play-nr{width: 90px; text-align: center; transition: all 0.4s ease-in-out;} .album-songs .song .btn-playpause{transition: all 0.4s ease-in-out; margin-left: 10px;} .album-songs .song:hover, .album-songs .song.hovered{background-color: #9e9e9e; color: #000;} .day .album-songs .song:hover, .day .album-songs .song.hovered{background-color: #e4e4e4; color: #41555f;} .composer{font-size: 12px;} .album-songs .song-icons a, .album-buttons a{color: #9e9e9e; font-size: 18px; transition: all 0.4s ease-in-out; cursor: pointer;} .album-songs .song:hover .song-icons a{color: #313131;} .album-songs .song-icons{width: 70px;} .album-songs .song .song-icons a:hover{color: #fff;} .song-name .album-name{color: #9e9e9e;} .song-name .album-name:hover{color: #ED7B05;} .song:hover .album-name{color: #313131;} .album-songs .song-length{font-size: 14px; min-width: 70px; float: right;} .album-songs .song-name{font-size: 14px; width: 350px;} @media (max-width: 767px){.album-songs .song-name{width: 225px;}} .album-songs .song-desc{font-size: 12px; overflow: hidden; padding: 10px; width: 400px;} .song-icons .tooltip > .tooltip-inner{color: #313131; text-align: center; background-color: #9e9e9e; border-radius: 4px;} input:required{background-image: radial-gradient(#F00 15%, transparent 16%), radial-gradient(#F00 15%, transparent 16%); background-size: 1.5em 1.5em; background-position: right top; background-repeat: no-repeat;} .oe_login_buttons{max-width: 300px; margin: 0 auto; padding-top: 30px;} .oe_signup_form .oe_login_buttons{max-width: 265px;} .oe_signup_form, .oe_reset_password_form{max-width: 900px;} .oe_login_form, .oe_login_form .oe_login_buttons{max-width: 400px;} legend{color: #788188; border-bottom: 1px solid #ef7f00;} .login li a{text-align: center; background-color: #f48f00; color: #fff;} .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control{background-color: #bdbbbb; opacity: 0.4;} .tagadelic a.tagadelic{display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; background: #E3E3E3; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; margin-top: 3px; margin-bottom: 3px; margin-right: 3px; padding: 0 0.2em; text-transform: uppercase;} .wrapper.tagadelic{border-bottom: 1px solid #e5e5e5; margin-top: 40px;} .tagadelic{font-family: "PT Sans Narrow", sans-serif;} .tagadelic .selected{color: #fff; font-weight: bold; background-color: #ED7B05 !important;} .tagadelic a.tagadelic:before{content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #ED7B05; -webkit-transform: scale(0); transform: scale(0); -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;} .tagadelic a.tagadelic:hover, .tagadelic a.tagadelic:focus, .tagadelic a.tagadelic:active{color: white;} .tagadelic a.tagadelic:hover:before, .tagadelic a.tagadelic:focus:before, .tagadelic a.tagadelic:active:before{-webkit-transform: scale(1); transform: scale(1);} .tagadelic.allsongs{color: #030303;} .tagadelic.level0{font-size: 1.1em; color: #030303;} .tagadelic.level1{font-size: 1.25em; color: #0e0d0b;} .tagadelic.level2{font-size: 1.4em; color: #1f1b14;} .tagadelic.level3{font-size: 1.55em; color: #32291b;} .tagadelic.level4{font-size: 1.7em; color: #47371f;} .tagadelic.level5{font-size: 1.85em; color: #604620;} .tagadelic.level6{font-size: 2em; color: #7a561f;} .tagadelic.level7{font-size: 2.15em; color: #98661b;} .tagadelic.level8{font-size: 2.3em; color: #b87614;} .tagadelic.level9{font-size: 2.45em; color: #da870b;} .tagadelic.level10{font-size: 2.6em; color: #fa9600;} #switch{margin: 0 auto; width: 75px; height: 40px;} .toggle{position: relative; border: 2px solid #444249; border-radius: 20px; -webkit-transition: border-color 0.6s ease-out; transition: border-color 0.6s ease-out; box-sizing: border-box;} .toggle.toggle-on{border-color: rgba(137, 194, 217, 0.4); -webkit-transition: all 0.5s 0.15s ease-out; transition: all 0.5s 0.15s ease-out;} .toggle-button{position: absolute; top: 4px; width: 28px; bottom: 4px; right: 39px; background-color: #444249; border-radius: 19px; cursor: pointer; -webkit-transition: all .3s .1s, width .1s, top .1s, bottom .1s; transition: all .3s .1s, width .1s, top .1s, bottom .1s;} .toggle-on .toggle-button{top: 3px; width: 65px; bottom: 3px; right: 3px; border-radius: 23px; background-color: #89c2da; box-shadow: 0 0 16px #4b7a8d; -webkit-transition: all .2s .1s, right .1s; transition: all .2s .1s, right .1s;} .toggle-text-on{position: absolute; top: 0; bottom: 0; left: 0; right: 0; line-height: 36px; text-align: center; font-family: 'Quicksand', sans-serif; font-size: 18px; font-weight: normal; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; color: rgba(0, 0, 0, 0);} .toggle-on .toggle-text-on{color: #3b6a7d; -webkit-transition: color .3s .15s ; transition: color .3s .15s ;} .toggle-text-off{position: absolute; top: 0; bottom: 0; right: 6px; line-height: 36px; text-align: center; font-family: 'Quicksand', sans-serif; font-size: 14px; font-weight: bold; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; cursor: pointer; color: #444249;} .toggle-on .toggle-text-off{color: rgba(0, 0, 0, 0);} .glow-comp{position: absolute; opacity: 0; top: 10px; bottom: 10px; left: 10px; right: 10px; border-radius: 6px; background-color: rgba(75, 122, 141, 0.1); box-shadow: 0 0 12px rgba(75, 122, 141, 0.2); -webkit-transition: opacity 4.5s 1s; transition: opacity 4.5s 1s;} .toggle-on .glow-comp{opacity: 1; -webkit-transition: opacity 1s; transition: opacity 1s;} .alt-song-btn{width: 95px;} .alt-song-btn button{float: right; height: 20px; padding: 0px 7px;} .alt-song{background-color: #452401; display: flex; align-items: center; border-bottom: 1px solid #616060; transition: all 0.4s ease-in-out; padding: 5px; width: 100%;} .day .alt-song{background-color: #fae4ce;} @media (max-width: 768px){#sidebar{margin-left: -250px; transform: rotateY(90deg); padding: 20px;}#sidebar.active{margin-left: 0; transform: none;}#sidebarCollapse span:first-of-type, #sidebarCollapse span:nth-of-type(2), #sidebarCollapse span:last-of-type{transform: none; opacity: 1; margin: 5px auto;}#sidebarCollapse.active span{margin: 0 auto;}#sidebarCollapse.active span:first-of-type{transform: rotate(45deg) translate(2px, 2px);}#sidebarCollapse.active span:nth-of-type(2){opacity: 0;}#sidebarCollapse.active span:last-of-type{transform: rotate(-45deg) translate(1px, -1px);}} 

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

/* /mass_mailing/static/src/css/mass_mailing_popup.css defined in bundle 'web.assets_frontend' */
 .editor_enable [data-oe-placeholder]:empty:not(:focus):before{content: " \00a0 " attr(data-oe-placeholder); opacity: 0.4;} .o_popup_animated{-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;} @-webkit-keyframes o_popup_bounce_small{0%, 20%, 53%, 80%, 100%{-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}40%, 43%{-webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -14px, 0); transform: translate3d(0, -14px, 0);}70%{-webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -8px, 0); transform: translate3d(0, -8px, 0);}90%{-webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0);}} @keyframes o_popup_bounce_small{0%, 20%, 53%, 80%, 100%{-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}40%, 43%{-webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -14px, 0); transform: translate3d(0, -14px, 0);}70%{-webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -8px, 0); transform: translate3d(0, -8px, 0);}90%{-webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0);}} .o_popup_bounce_small{-webkit-animation-name: o_popup_bounce_small; animation-name: o_popup_bounce_small; -webkit-transform-origin: center bottom; -ms-transform-origin: center bottom; transform-origin: center bottom;} .o_popup_bounce_del500ms{-webkit-animation-delay: 500ms; animation-delay: 500ms;} #o_newsletter_popup .btn.btn-success{color: #ffffff; background-color: #21b799; border-color: #1da187;} #o_newsletter_popup .btn.btn-success:hover, #o_newsletter_popup .btn.btn-success:focus, #o_newsletter_popup .btn.btn-success.focus, #o_newsletter_popup .btn.btn-success:active, #o_newsletter_popup .btn.btn-success.active, .open > .dropdown-toggle#o_newsletter_popup .btn.btn-success{color: #ffffff; background-color: #198c75; border-color: #146e5c;} #o_newsletter_popup .btn.btn-success:active, #o_newsletter_popup .btn.btn-success.active, .open > .dropdown-toggle#o_newsletter_popup .btn.btn-success{background-image: none;} #o_newsletter_popup .btn.btn-success.disabled, #o_newsletter_popup .btn.btn-success[disabled], fieldset[disabled] #o_newsletter_popup .btn.btn-success, #o_newsletter_popup .btn.btn-success.disabled:hover, #o_newsletter_popup .btn.btn-success[disabled]:hover, fieldset[disabled] #o_newsletter_popup .btn.btn-success:hover, #o_newsletter_popup .btn.btn-success.disabled:focus, #o_newsletter_popup .btn.btn-success[disabled]:focus, fieldset[disabled] #o_newsletter_popup .btn.btn-success:focus, #o_newsletter_popup .btn.btn-success.disabled.focus, #o_newsletter_popup .btn.btn-success[disabled].focus, fieldset[disabled] #o_newsletter_popup .btn.btn-success.focus, #o_newsletter_popup .btn.btn-success.disabled:active, #o_newsletter_popup .btn.btn-success[disabled]:active, fieldset[disabled] #o_newsletter_popup .btn.btn-success:active, #o_newsletter_popup .btn.btn-success.disabled.active, #o_newsletter_popup .btn.btn-success[disabled].active, fieldset[disabled] #o_newsletter_popup .btn.btn-success.active{background-color: #21b799; border-color: #1da187;} #o_newsletter_popup h1, #o_newsletter_popup h2, #o_newsletter_popup h3, #o_newsletter_popup h4, #o_newsletter_popup h5, #o_newsletter_popup h6, #o_newsletter_popup .h1, #o_newsletter_popup .h2, #o_newsletter_popup .h3, #o_newsletter_popup .h4, #o_newsletter_popup .h5, #o_newsletter_popup .h6{font-weight: 300; color: #666; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} #o_newsletter_popup h1:first-child, #o_newsletter_popup h2:first-child, #o_newsletter_popup h3:first-child, #o_newsletter_popup h4:first-child, #o_newsletter_popup h5:first-child, #o_newsletter_popup h6:first-child, #o_newsletter_popup .h1:first-child, #o_newsletter_popup .h2:first-child, #o_newsletter_popup .h3:first-child, #o_newsletter_popup .h4:first-child, #o_newsletter_popup .h5:first-child, #o_newsletter_popup .h6:first-child{margin-top: 0;} #o_newsletter_popup .o_popup_modal_content{border-radius: 2px; margin: 20px; box-shadow: 0 0 20px rgba(255, 255, 255, 0.11); -webkit-box-shadow: 0 0 20px rgba(255, 255, 255, 0.11); border: 1px solid #767676; background: #f2f2f2;} #o_newsletter_popup .o_popup_modal_content:before{content: ""; position: absolute; width: 100%; height: 100%; z-index: 0; background: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 42%, rgba(255, 255, 255, 0) 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(255, 255, 255, 0.3)), color-stop(42%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 42%, rgba(255, 255, 255, 0) 100%); background: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 42%, rgba(255, 255, 255, 0) 100%); background: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 42%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(135deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 42%, rgba(255, 255, 255, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=1);} #web_editor_inside_iframe #o_newsletter_popup .o_popup_modal_content:before{content: none;} #o_newsletter_popup .o_popup_modal_content .o_popup_modal_header{background: #6c1153; padding: 5px;} #o_newsletter_popup .o_popup_modal_content .o_popup_modal_header .o_popup_modal_title{color: #ffffff;} #o_newsletter_popup .o_popup_modal_content .o_popup_modal_header *{position: relative; z-index: 1;} #o_newsletter_popup .o_popup_modal_content a.o_popup_btn_close{position: absolute; z-index: 99; right: 5px; top: 6px; width: 23px; height: 23px; display: block; text-align: center; border-radius: 100em; background: #6c1153; color: #daa3cb; text-decoration: none; -webkit-transition: all ease 200ms; -moz-transition: all ease 200ms; -ms-transition: all ease 200ms; -o-transition: all ease 200ms;} #o_newsletter_popup .o_popup_modal_content a.o_popup_btn_close:hover{background: #89296e; color: #ffffff;} #o_newsletter_popup .o_popup_modal_content .o_popup_modal_body{padding: 0px 0px 30px; color: #666666;} #o_newsletter_popup .o_popup_modal_content .o_popup_modal_body .o_popup_content_dev{padding-bottom: 15px;} #o_newsletter_popup .o_popup_modal_content .o_popup_modal_body .o_popup_content_dev .o_popup_message{font-size: 3em; position: relative; text-align: left; padding-left: 2em; line-height: 1; margin: .5em; font-weight: 100;} #o_newsletter_popup .o_popup_modal_content .o_popup_modal_body .o_popup_content_dev .o_popup_message font{font-weight: 600; color: #875A7B; font-size: 2.5em; font-style: italic; position: absolute; top: -0.1em; margin-left: -0.65em;} #o_newsletter_popup .o_popup_modal_content .o_popup_modal_body .o_popup_content_dev .o_popup_message strong{color: #875A7B;} #o_newsletter_popup .o_popup_modal_content .o_popup_modal_body .o_popup_content_dev .o_message_paragraph{position: relative;} #o_newsletter_popup .o_popup_modal_content .o_popup_modal_body .input-group{margin-left: auto; margin-right: auto; max-width: 350px;} #o_newsletter_popup .o_popup_modal_content .o_popup_modal_body .input-group input{border-radius: 2px 0 0 2px; border: none; outline: 0; box-shadow: inset 0 -1px #cccccc;} #o_newsletter_popup .o_popup_modal_content .o_popup_modal_body .input-group .btn{border-radius: 0 2px 2px 0; border-width: 0 0 1px; padding-top: 7px; margin-left: -1px; -webkit-transition: all ease 200ms; -moz-transition: all ease 200ms; -ms-transition: all ease 200ms; -o-transition: all ease 200ms;} 

/* /website_links/static/src/css/website_links.css defined in bundle 'web.assets_frontend' */
.no-link-style{color: black; text-decoration: none;} .required-form-control{background-color: #CECDFF;} #filters li a, #filters li.active a, #filters li.active a.active, #filters li.active a:hover, #filters li.active a:focus, #filters li a:hover{padding: 0px 5px; border-radius: 0px; border: 0px; border-color: transparent; border-right: 1px solid #999; padding-bottom: 0; background-color: #FFFFFF;} #filters li.active a{color: #999;} #filters li:last-child a, #filters li:last-child a:hover, #filters li:last-child a:focus{border-right: 0px;} .nav-tabs-inline{float: left; display: inline; font-size: 14px; border-color: transparent;} #o_website_links_recent_links{min-height:30em;} .o_website_links_code_error{display:none; color:red; font-weight:bold;} .truncate_text{white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 500px;} 

/* /music_library/static/src/css/music_library.css defined in bundle 'web.assets_frontend' */
.o_form_view .o_form_sheet_bg .o_form_sheet{max-width: 1400px!important;}