/* /web/static/lib/bootstrap/less/variables.less defined in bundle 'web_editor.assets_editor' */
 

/* /web/static/lib/bootstrap/less/mixins/vendor-prefixes.less defined in bundle 'web_editor.assets_editor' */
 

/* /web/static/lib/bootstrap/less/mixins/buttons.less defined in bundle 'web_editor.assets_editor' */
 

/* /web/static/lib/bootstrap/less/mixins/clearfix.less defined in bundle 'web_editor.assets_editor' */
 

/* /web/static/lib/bootstrap/less/mixins/size.less defined in bundle 'web_editor.assets_editor' */
 

/* /web/static/src/less/variables.less defined in bundle 'web_editor.assets_editor' */
 

/* /web/static/src/less/utils.less defined in bundle 'web_editor.assets_editor' */
 

/* /web_editor/static/src/less/web_editor.variables.less defined in bundle 'web_editor.assets_editor' */
 @-webkit-keyframes fadeInDownSmall{0%{opacity: 0; -webkit-transform: translate(0, -5px); -ms-transform: translate(0, -5px); -o-transform: translate(0, -5px); transform: translate(0, -5px);}100%{opacity: 1; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0);}} @keyframes fadeInDownSmall{0%{opacity: 0; -webkit-transform: translate(0, -5px); -ms-transform: translate(0, -5px); -o-transform: translate(0, -5px); transform: translate(0, -5px);}100%{opacity: 1; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0);}} @-webkit-keyframes fadeInOut{0%{opacity: 0;}25%{opacity: 1;}75%{opacity: 1;}100%{opacity: 0;}} @keyframes fadeInOut{0%{opacity: 0;}25%{opacity: 1;}75%{opacity: 1;}100%{opacity: 0;}} @-webkit-keyframes inputHighlighter{from{background: #7c7bad;}to{width: 0; background: transparent;}} @keyframes inputHighlighter{from{background: #7c7bad;}to{width: 0; background: transparent;}} 

/* /web_editor/static/src/less/web_editor.ui.less defined in bundle 'web_editor.assets_editor' */
 #web_editor-top-edit{position: absolute; top: 0; left: 0; bottom: auto; right: 0; position: fixed; height: 34px; z-index: 1003; background-color: rgba(0, 0, 0, 0); -webkit-transition: background-color 400ms cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: background-color 400ms cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: background-color 400ms cubic-bezier(0.19, 1, 0.22, 1) 0s; transition: background-color 400ms cubic-bezier(0.19, 1, 0.22, 1) 0s; font-family: Roboto, 'Montserrat', "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;} #web_editor-top-edit form.navbar-form{height: 100%; z-index: 1060; margin: 0; padding: 0; position: absolute; top: auto; left: auto; bottom: auto; right: -210px; -webkit-transition: right 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: right 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: right 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; transition: right 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; border-left: 1px solid #33363e; background-color: inherit;} #web_editor-top-edit form.navbar-form .btn-group{height: 100%;} #web_editor-top-edit form.navbar-form .btn{height: 100%; margin: 0; padding: 10px; line-height: 1.2; font-size: 13px; font-family: Roboto, 'Montserrat', "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; border: none; border-radius: 0;} #web_editor-top-edit form.navbar-form .btn .fa{margin-right: 7.5px;} #web_editor-top-edit form.navbar-form .btn .fa.fa-times{color: #e6586c;} #web_editor-top-edit form.navbar-form .btn.btn-primary{color: #ffffff; background-color: #7c7bad; border-color: #7c7bad;} #web_editor-top-edit form.navbar-form .btn.btn-primary:focus, #web_editor-top-edit form.navbar-form .btn.btn-primary.focus{color: #ffffff; background-color: #5f5e97; border-color: #414168;} #web_editor-top-edit form.navbar-form .btn.btn-primary:hover{color: #ffffff; background-color: #5f5e97; border-color: #5b5a91;} #web_editor-top-edit form.navbar-form .btn.btn-primary:active, #web_editor-top-edit form.navbar-form .btn.btn-primary.active, .open > .dropdown-toggle#web_editor-top-edit form.navbar-form .btn.btn-primary{color: #ffffff; background-color: #5f5e97; border-color: #5b5a91;} #web_editor-top-edit form.navbar-form .btn.btn-primary:active:hover, #web_editor-top-edit form.navbar-form .btn.btn-primary.active:hover, .open > .dropdown-toggle#web_editor-top-edit form.navbar-form .btn.btn-primary:hover, #web_editor-top-edit form.navbar-form .btn.btn-primary:active:focus, #web_editor-top-edit form.navbar-form .btn.btn-primary.active:focus, .open > .dropdown-toggle#web_editor-top-edit form.navbar-form .btn.btn-primary:focus, #web_editor-top-edit form.navbar-form .btn.btn-primary:active.focus, #web_editor-top-edit form.navbar-form .btn.btn-primary.active.focus, .open > .dropdown-toggle#web_editor-top-edit form.navbar-form .btn.btn-primary.focus{color: #ffffff; background-color: #515081; border-color: #414168;} #web_editor-top-edit form.navbar-form .btn.btn-primary:active, #web_editor-top-edit form.navbar-form .btn.btn-primary.active, .open > .dropdown-toggle#web_editor-top-edit form.navbar-form .btn.btn-primary{background-image: none;} #web_editor-top-edit form.navbar-form .btn.btn-primary.disabled, #web_editor-top-edit form.navbar-form .btn.btn-primary[disabled], fieldset[disabled] #web_editor-top-edit form.navbar-form .btn.btn-primary, #web_editor-top-edit form.navbar-form .btn.btn-primary.disabled:hover, #web_editor-top-edit form.navbar-form .btn.btn-primary[disabled]:hover, fieldset[disabled] #web_editor-top-edit form.navbar-form .btn.btn-primary:hover, #web_editor-top-edit form.navbar-form .btn.btn-primary.disabled:focus, #web_editor-top-edit form.navbar-form .btn.btn-primary[disabled]:focus, fieldset[disabled] #web_editor-top-edit form.navbar-form .btn.btn-primary:focus, #web_editor-top-edit form.navbar-form .btn.btn-primary.disabled.focus, #web_editor-top-edit form.navbar-form .btn.btn-primary[disabled].focus, fieldset[disabled] #web_editor-top-edit form.navbar-form .btn.btn-primary.focus, #web_editor-top-edit form.navbar-form .btn.btn-primary.disabled:active, #web_editor-top-edit form.navbar-form .btn.btn-primary[disabled]:active, fieldset[disabled] #web_editor-top-edit form.navbar-form .btn.btn-primary:active, #web_editor-top-edit form.navbar-form .btn.btn-primary.disabled.active, #web_editor-top-edit form.navbar-form .btn.btn-primary[disabled].active, fieldset[disabled] #web_editor-top-edit form.navbar-form .btn.btn-primary.active{background-color: #7c7bad; border-color: #7c7bad;} #web_editor-top-edit form.navbar-form .btn.btn-primary .badge{color: #7c7bad; background-color: #ffffff;} #web_editor-top-edit form.navbar-form .btn.btn-default{color: #ffffff; background-color: rgba(0, 0, 0, 0); border-color: rgba(0, 0, 0, 0);} #web_editor-top-edit form.navbar-form .btn.btn-default:focus, #web_editor-top-edit form.navbar-form .btn.btn-default.focus{color: #ffffff; background-color: rgba(0, 0, 0, 0); border-color: rgba(0, 0, 0, 0);} #web_editor-top-edit form.navbar-form .btn.btn-default:hover{color: #ffffff; background-color: rgba(0, 0, 0, 0); border-color: rgba(0, 0, 0, 0);} #web_editor-top-edit form.navbar-form .btn.btn-default:active, #web_editor-top-edit form.navbar-form .btn.btn-default.active, .open > .dropdown-toggle#web_editor-top-edit form.navbar-form .btn.btn-default{color: #ffffff; background-color: rgba(0, 0, 0, 0); border-color: rgba(0, 0, 0, 0);} #web_editor-top-edit form.navbar-form .btn.btn-default:active:hover, #web_editor-top-edit form.navbar-form .btn.btn-default.active:hover, .open > .dropdown-toggle#web_editor-top-edit form.navbar-form .btn.btn-default:hover, #web_editor-top-edit form.navbar-form .btn.btn-default:active:focus, #web_editor-top-edit form.navbar-form .btn.btn-default.active:focus, .open > .dropdown-toggle#web_editor-top-edit form.navbar-form .btn.btn-default:focus, #web_editor-top-edit form.navbar-form .btn.btn-default:active.focus, #web_editor-top-edit form.navbar-form .btn.btn-default.active.focus, .open > .dropdown-toggle#web_editor-top-edit form.navbar-form .btn.btn-default.focus{color: #ffffff; background-color: rgba(0, 0, 0, 0); border-color: rgba(0, 0, 0, 0);} #web_editor-top-edit form.navbar-form .btn.btn-default:active, #web_editor-top-edit form.navbar-form .btn.btn-default.active, .open > .dropdown-toggle#web_editor-top-edit form.navbar-form .btn.btn-default{background-image: none;} #web_editor-top-edit form.navbar-form .btn.btn-default.disabled, #web_editor-top-edit form.navbar-form .btn.btn-default[disabled], fieldset[disabled] #web_editor-top-edit form.navbar-form .btn.btn-default, #web_editor-top-edit form.navbar-form .btn.btn-default.disabled:hover, #web_editor-top-edit form.navbar-form .btn.btn-default[disabled]:hover, fieldset[disabled] #web_editor-top-edit form.navbar-form .btn.btn-default:hover, #web_editor-top-edit form.navbar-form .btn.btn-default.disabled:focus, #web_editor-top-edit form.navbar-form .btn.btn-default[disabled]:focus, fieldset[disabled] #web_editor-top-edit form.navbar-form .btn.btn-default:focus, #web_editor-top-edit form.navbar-form .btn.btn-default.disabled.focus, #web_editor-top-edit form.navbar-form .btn.btn-default[disabled].focus, fieldset[disabled] #web_editor-top-edit form.navbar-form .btn.btn-default.focus, #web_editor-top-edit form.navbar-form .btn.btn-default.disabled:active, #web_editor-top-edit form.navbar-form .btn.btn-default[disabled]:active, fieldset[disabled] #web_editor-top-edit form.navbar-form .btn.btn-default:active, #web_editor-top-edit form.navbar-form .btn.btn-default.disabled.active, #web_editor-top-edit form.navbar-form .btn.btn-default[disabled].active, fieldset[disabled] #web_editor-top-edit form.navbar-form .btn.btn-default.active{background-color: rgba(0, 0, 0, 0); border-color: rgba(0, 0, 0, 0);} #web_editor-top-edit form.navbar-form .btn.btn-default .badge{color: rgba(0, 0, 0, 0); background-color: #ffffff;} #web_editor-top-edit form.navbar-form .btn.btn-default:hover{background: rgba(0, 0, 0, 0.5);} #web_editor-top-edit form.navbar-form .btn:focus, #web_editor-top-edit form.navbar-form .btn:active, #web_editor-top-edit form.navbar-form .btn:focus:active{outline: none;} #web_editor-top-edit form.navbar-form .dropdown-menu{left: auto; right: 0;} .oe_translate_examples li{margin: 10px; padding: 4px;} html[lang] > body.editor_enable [data-oe-translation-state]{background: rgba(255, 255, 90, 0.5) !important;} html[lang] > body.editor_enable [data-oe-translation-state][data-oe-translation-state="translated"]{background: rgba(120, 215, 110, 0.5) !important;} html[lang] > body.editor_enable [data-oe-translation-state].o_dirty{background: rgba(120, 215, 110, 0.25) !important;} #oe_snippets{display: -ms-flexbox; display: -moz-box; display: -webkit-box; display: -webkit-flex; display: flex; -ms-flex-flow: column nowrap; -moz-flex-flow: column nowrap; -webkit-flex-flow: column nowrap; flex-flow: column nowrap; position: absolute; top: 0; left: -210px; bottom: 0; right: auto; position: fixed; width: 210px; z-index: 1003; font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif; border-right: 1px solid #33363e; -webkit-transition: left 400ms cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: left 400ms cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: left 400ms cubic-bezier(0.19, 1, 0.22, 1) 0s; transition: left 400ms cubic-bezier(0.19, 1, 0.22, 1) 0s; background-repeat: repeat-x; background-image: -webkit-linear-gradient(45deg, #50545d, #383b42); background-image: -o-linear-gradient(45deg, #50545d, #383b42); background-image: linear-gradient(45deg, #50545d, #383b42); box-shadow: 0px 10px 10px -10px #000000 inset;} #oe_snippets .btn:not(.o_btn_preview){border-width: 1px; font-weight: normal; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; border-radius: 0;} #oe_snippets .btn:not(.o_btn_preview).btn-primary{color: #ffffff; background-color: #7c7bad; border-color: #6c6ba3;} #oe_snippets .btn:not(.o_btn_preview).btn-primary:focus, #oe_snippets .btn:not(.o_btn_preview).btn-primary.focus{color: #ffffff; background-color: #5f5e97; border-color: #373758;} #oe_snippets .btn:not(.o_btn_preview).btn-primary:hover{color: #ffffff; background-color: #5f5e97; border-color: #515081;} #oe_snippets .btn:not(.o_btn_preview).btn-primary:active, #oe_snippets .btn:not(.o_btn_preview).btn-primary.active, .open > .dropdown-toggle#oe_snippets .btn:not(.o_btn_preview).btn-primary{color: #ffffff; background-color: #5f5e97; border-color: #515081;} #oe_snippets .btn:not(.o_btn_preview).btn-primary:active:hover, #oe_snippets .btn:not(.o_btn_preview).btn-primary.active:hover, .open > .dropdown-toggle#oe_snippets .btn:not(.o_btn_preview).btn-primary:hover, #oe_snippets .btn:not(.o_btn_preview).btn-primary:active:focus, #oe_snippets .btn:not(.o_btn_preview).btn-primary.active:focus, .open > .dropdown-toggle#oe_snippets .btn:not(.o_btn_preview).btn-primary:focus, #oe_snippets .btn:not(.o_btn_preview).btn-primary:active.focus, #oe_snippets .btn:not(.o_btn_preview).btn-primary.active.focus, .open > .dropdown-toggle#oe_snippets .btn:not(.o_btn_preview).btn-primary.focus{color: #ffffff; background-color: #515081; border-color: #373758;} #oe_snippets .btn:not(.o_btn_preview).btn-primary:active, #oe_snippets .btn:not(.o_btn_preview).btn-primary.active, .open > .dropdown-toggle#oe_snippets .btn:not(.o_btn_preview).btn-primary{background-image: none;} #oe_snippets .btn:not(.o_btn_preview).btn-primary.disabled, #oe_snippets .btn:not(.o_btn_preview).btn-primary[disabled], fieldset[disabled] #oe_snippets .btn:not(.o_btn_preview).btn-primary, #oe_snippets .btn:not(.o_btn_preview).btn-primary.disabled:hover, #oe_snippets .btn:not(.o_btn_preview).btn-primary[disabled]:hover, fieldset[disabled] #oe_snippets .btn:not(.o_btn_preview).btn-primary:hover, #oe_snippets .btn:not(.o_btn_preview).btn-primary.disabled:focus, #oe_snippets .btn:not(.o_btn_preview).btn-primary[disabled]:focus, fieldset[disabled] #oe_snippets .btn:not(.o_btn_preview).btn-primary:focus, #oe_snippets .btn:not(.o_btn_preview).btn-primary.disabled.focus, #oe_snippets .btn:not(.o_btn_preview).btn-primary[disabled].focus, fieldset[disabled] #oe_snippets .btn:not(.o_btn_preview).btn-primary.focus, #oe_snippets .btn:not(.o_btn_preview).btn-primary.disabled:active, #oe_snippets .btn:not(.o_btn_preview).btn-primary[disabled]:active, fieldset[disabled] #oe_snippets .btn:not(.o_btn_preview).btn-primary:active, #oe_snippets .btn:not(.o_btn_preview).btn-primary.disabled.active, #oe_snippets .btn:not(.o_btn_preview).btn-primary[disabled].active, fieldset[disabled] #oe_snippets .btn:not(.o_btn_preview).btn-primary.active{background-color: #7c7bad; border-color: #6c6ba3;} #oe_snippets .btn:not(.o_btn_preview).btn-primary .badge{color: #7c7bad; background-color: #ffffff;} #oe_snippets .btn:not(.o_btn_preview).btn-default{color: #50545d; background-color: #ffffff; border-color: #d4d5d7;} #oe_snippets .btn:not(.o_btn_preview).btn-default:focus, #oe_snippets .btn:not(.o_btn_preview).btn-default.focus{color: #50545d; background-color: #e6e6e6; border-color: #92949a;} #oe_snippets .btn:not(.o_btn_preview).btn-default:hover{color: #50545d; background-color: #e6e6e6; border-color: #b4b6ba;} #oe_snippets .btn:not(.o_btn_preview).btn-default:active, #oe_snippets .btn:not(.o_btn_preview).btn-default.active, .open > .dropdown-toggle#oe_snippets .btn:not(.o_btn_preview).btn-default{color: #50545d; background-color: #e6e6e6; border-color: #b4b6ba;} #oe_snippets .btn:not(.o_btn_preview).btn-default:active:hover, #oe_snippets .btn:not(.o_btn_preview).btn-default.active:hover, .open > .dropdown-toggle#oe_snippets .btn:not(.o_btn_preview).btn-default:hover, #oe_snippets .btn:not(.o_btn_preview).btn-default:active:focus, #oe_snippets .btn:not(.o_btn_preview).btn-default.active:focus, .open > .dropdown-toggle#oe_snippets .btn:not(.o_btn_preview).btn-default:focus, #oe_snippets .btn:not(.o_btn_preview).btn-default:active.focus, #oe_snippets .btn:not(.o_btn_preview).btn-default.active.focus, .open > .dropdown-toggle#oe_snippets .btn:not(.o_btn_preview).btn-default.focus{color: #50545d; background-color: #d4d4d4; border-color: #92949a;} #oe_snippets .btn:not(.o_btn_preview).btn-default:active, #oe_snippets .btn:not(.o_btn_preview).btn-default.active, .open > .dropdown-toggle#oe_snippets .btn:not(.o_btn_preview).btn-default{background-image: none;} #oe_snippets .btn:not(.o_btn_preview).btn-default.disabled, #oe_snippets .btn:not(.o_btn_preview).btn-default[disabled], fieldset[disabled] #oe_snippets .btn:not(.o_btn_preview).btn-default, #oe_snippets .btn:not(.o_btn_preview).btn-default.disabled:hover, #oe_snippets .btn:not(.o_btn_preview).btn-default[disabled]:hover, fieldset[disabled] #oe_snippets .btn:not(.o_btn_preview).btn-default:hover, #oe_snippets .btn:not(.o_btn_preview).btn-default.disabled:focus, #oe_snippets .btn:not(.o_btn_preview).btn-default[disabled]:focus, fieldset[disabled] #oe_snippets .btn:not(.o_btn_preview).btn-default:focus, #oe_snippets .btn:not(.o_btn_preview).btn-default.disabled.focus, #oe_snippets .btn:not(.o_btn_preview).btn-default[disabled].focus, fieldset[disabled] #oe_snippets .btn:not(.o_btn_preview).btn-default.focus, #oe_snippets .btn:not(.o_btn_preview).btn-default.disabled:active, #oe_snippets .btn:not(.o_btn_preview).btn-default[disabled]:active, fieldset[disabled] #oe_snippets .btn:not(.o_btn_preview).btn-default:active, #oe_snippets .btn:not(.o_btn_preview).btn-default.disabled.active, #oe_snippets .btn:not(.o_btn_preview).btn-default[disabled].active, fieldset[disabled] #oe_snippets .btn:not(.o_btn_preview).btn-default.active{background-color: #ffffff; border-color: #d4d5d7;} #oe_snippets .btn:not(.o_btn_preview).btn-default .badge{color: #ffffff; background-color: #50545d;} #oe_snippets .btn:not(.o_btn_preview).btn-link{color: #7c7bad; background-color: rgba(0, 0, 0, 0); border-color: rgba(0, 0, 0, 0);} #oe_snippets .btn:not(.o_btn_preview).btn-link:focus, #oe_snippets .btn:not(.o_btn_preview).btn-link.focus{color: #7c7bad; background-color: rgba(0, 0, 0, 0); border-color: rgba(0, 0, 0, 0);} #oe_snippets .btn:not(.o_btn_preview).btn-link:hover{color: #7c7bad; background-color: rgba(0, 0, 0, 0); border-color: rgba(0, 0, 0, 0);} #oe_snippets .btn:not(.o_btn_preview).btn-link:active, #oe_snippets .btn:not(.o_btn_preview).btn-link.active, .open > .dropdown-toggle#oe_snippets .btn:not(.o_btn_preview).btn-link{color: #7c7bad; background-color: rgba(0, 0, 0, 0); border-color: rgba(0, 0, 0, 0);} #oe_snippets .btn:not(.o_btn_preview).btn-link:active:hover, #oe_snippets .btn:not(.o_btn_preview).btn-link.active:hover, .open > .dropdown-toggle#oe_snippets .btn:not(.o_btn_preview).btn-link:hover, #oe_snippets .btn:not(.o_btn_preview).btn-link:active:focus, #oe_snippets .btn:not(.o_btn_preview).btn-link.active:focus, .open > .dropdown-toggle#oe_snippets .btn:not(.o_btn_preview).btn-link:focus, #oe_snippets .btn:not(.o_btn_preview).btn-link:active.focus, #oe_snippets .btn:not(.o_btn_preview).btn-link.active.focus, .open > .dropdown-toggle#oe_snippets .btn:not(.o_btn_preview).btn-link.focus{color: #7c7bad; background-color: rgba(0, 0, 0, 0); border-color: rgba(0, 0, 0, 0);} #oe_snippets .btn:not(.o_btn_preview).btn-link:active, #oe_snippets .btn:not(.o_btn_preview).btn-link.active, .open > .dropdown-toggle#oe_snippets .btn:not(.o_btn_preview).btn-link{background-image: none;} #oe_snippets .btn:not(.o_btn_preview).btn-link.disabled, #oe_snippets .btn:not(.o_btn_preview).btn-link[disabled], fieldset[disabled] #oe_snippets .btn:not(.o_btn_preview).btn-link, #oe_snippets .btn:not(.o_btn_preview).btn-link.disabled:hover, #oe_snippets .btn:not(.o_btn_preview).btn-link[disabled]:hover, fieldset[disabled] #oe_snippets .btn:not(.o_btn_preview).btn-link:hover, #oe_snippets .btn:not(.o_btn_preview).btn-link.disabled:focus, #oe_snippets .btn:not(.o_btn_preview).btn-link[disabled]:focus, fieldset[disabled] #oe_snippets .btn:not(.o_btn_preview).btn-link:focus, #oe_snippets .btn:not(.o_btn_preview).btn-link.disabled.focus, #oe_snippets .btn:not(.o_btn_preview).btn-link[disabled].focus, fieldset[disabled] #oe_snippets .btn:not(.o_btn_preview).btn-link.focus, #oe_snippets .btn:not(.o_btn_preview).btn-link.disabled:active, #oe_snippets .btn:not(.o_btn_preview).btn-link[disabled]:active, fieldset[disabled] #oe_snippets .btn:not(.o_btn_preview).btn-link:active, #oe_snippets .btn:not(.o_btn_preview).btn-link.disabled.active, #oe_snippets .btn:not(.o_btn_preview).btn-link[disabled].active, fieldset[disabled] #oe_snippets .btn:not(.o_btn_preview).btn-link.active{background-color: rgba(0, 0, 0, 0); border-color: rgba(0, 0, 0, 0);} #oe_snippets .btn:not(.o_btn_preview).btn-link .badge{color: rgba(0, 0, 0, 0); background-color: #7c7bad;} #oe_snippets .btn:not(.o_btn_preview).btn-success{color: #ffffff; background-color: #40ad67; border-color: #399a5c;} #oe_snippets .btn:not(.o_btn_preview).btn-success:focus, #oe_snippets .btn:not(.o_btn_preview).btn-success.focus{color: #ffffff; background-color: #328851; border-color: #173d25;} #oe_snippets .btn:not(.o_btn_preview).btn-success:hover{color: #ffffff; background-color: #328851; border-color: #296e41;} #oe_snippets .btn:not(.o_btn_preview).btn-success:active, #oe_snippets .btn:not(.o_btn_preview).btn-success.active, .open > .dropdown-toggle#oe_snippets .btn:not(.o_btn_preview).btn-success{color: #ffffff; background-color: #328851; border-color: #296e41;} #oe_snippets .btn:not(.o_btn_preview).btn-success:active:hover, #oe_snippets .btn:not(.o_btn_preview).btn-success.active:hover, .open > .dropdown-toggle#oe_snippets .btn:not(.o_btn_preview).btn-success:hover, #oe_snippets .btn:not(.o_btn_preview).btn-success:active:focus, #oe_snippets .btn:not(.o_btn_preview).btn-success.active:focus, .open > .dropdown-toggle#oe_snippets .btn:not(.o_btn_preview).btn-success:focus, #oe_snippets .btn:not(.o_btn_preview).btn-success:active.focus, #oe_snippets .btn:not(.o_btn_preview).btn-success.active.focus, .open > .dropdown-toggle#oe_snippets .btn:not(.o_btn_preview).btn-success.focus{color: #ffffff; background-color: #296e41; border-color: #173d25;} #oe_snippets .btn:not(.o_btn_preview).btn-success:active, #oe_snippets .btn:not(.o_btn_preview).btn-success.active, .open > .dropdown-toggle#oe_snippets .btn:not(.o_btn_preview).btn-success{background-image: none;} #oe_snippets .btn:not(.o_btn_preview).btn-success.disabled, #oe_snippets .btn:not(.o_btn_preview).btn-success[disabled], fieldset[disabled] #oe_snippets .btn:not(.o_btn_preview).btn-success, #oe_snippets .btn:not(.o_btn_preview).btn-success.disabled:hover, #oe_snippets .btn:not(.o_btn_preview).btn-success[disabled]:hover, fieldset[disabled] #oe_snippets .btn:not(.o_btn_preview).btn-success:hover, #oe_snippets .btn:not(.o_btn_preview).btn-success.disabled:focus, #oe_snippets .btn:not(.o_btn_preview).btn-success[disabled]:focus, fieldset[disabled] #oe_snippets .btn:not(.o_btn_preview).btn-success:focus, #oe_snippets .btn:not(.o_btn_preview).btn-success.disabled.focus, #oe_snippets .btn:not(.o_btn_preview).btn-success[disabled].focus, fieldset[disabled] #oe_snippets .btn:not(.o_btn_preview).btn-success.focus, #oe_snippets .btn:not(.o_btn_preview).btn-success.disabled:active, #oe_snippets .btn:not(.o_btn_preview).btn-success[disabled]:active, fieldset[disabled] #oe_snippets .btn:not(.o_btn_preview).btn-success:active, #oe_snippets .btn:not(.o_btn_preview).btn-success.disabled.active, #oe_snippets .btn:not(.o_btn_preview).btn-success[disabled].active, fieldset[disabled] #oe_snippets .btn:not(.o_btn_preview).btn-success.active{background-color: #40ad67; border-color: #399a5c;} #oe_snippets .btn:not(.o_btn_preview).btn-success .badge{color: #40ad67; background-color: #ffffff;} #oe_snippets .btn:not(.o_btn_preview).btn-info{color: #ffffff; background-color: #6999a8; border-color: #5b8d9d;} #oe_snippets .btn:not(.o_btn_preview).btn-info:focus, #oe_snippets .btn:not(.o_btn_preview).btn-info.focus{color: #ffffff; background-color: #517e8d; border-color: #2c444c;} #oe_snippets .btn:not(.o_btn_preview).btn-info:hover{color: #ffffff; background-color: #517e8d; border-color: #446a76;} #oe_snippets .btn:not(.o_btn_preview).btn-info:active, #oe_snippets .btn:not(.o_btn_preview).btn-info.active, .open > .dropdown-toggle#oe_snippets .btn:not(.o_btn_preview).btn-info{color: #ffffff; background-color: #517e8d; border-color: #446a76;} #oe_snippets .btn:not(.o_btn_preview).btn-info:active:hover, #oe_snippets .btn:not(.o_btn_preview).btn-info.active:hover, .open > .dropdown-toggle#oe_snippets .btn:not(.o_btn_preview).btn-info:hover, #oe_snippets .btn:not(.o_btn_preview).btn-info:active:focus, #oe_snippets .btn:not(.o_btn_preview).btn-info.active:focus, .open > .dropdown-toggle#oe_snippets .btn:not(.o_btn_preview).btn-info:focus, #oe_snippets .btn:not(.o_btn_preview).btn-info:active.focus, #oe_snippets .btn:not(.o_btn_preview).btn-info.active.focus, .open > .dropdown-toggle#oe_snippets .btn:not(.o_btn_preview).btn-info.focus{color: #ffffff; background-color: #446a76; border-color: #2c444c;} #oe_snippets .btn:not(.o_btn_preview).btn-info:active, #oe_snippets .btn:not(.o_btn_preview).btn-info.active, .open > .dropdown-toggle#oe_snippets .btn:not(.o_btn_preview).btn-info{background-image: none;} #oe_snippets .btn:not(.o_btn_preview).btn-info.disabled, #oe_snippets .btn:not(.o_btn_preview).btn-info[disabled], fieldset[disabled] #oe_snippets .btn:not(.o_btn_preview).btn-info, #oe_snippets .btn:not(.o_btn_preview).btn-info.disabled:hover, #oe_snippets .btn:not(.o_btn_preview).btn-info[disabled]:hover, fieldset[disabled] #oe_snippets .btn:not(.o_btn_preview).btn-info:hover, #oe_snippets .btn:not(.o_btn_preview).btn-info.disabled:focus, #oe_snippets .btn:not(.o_btn_preview).btn-info[disabled]:focus, fieldset[disabled] #oe_snippets .btn:not(.o_btn_preview).btn-info:focus, #oe_snippets .btn:not(.o_btn_preview).btn-info.disabled.focus, #oe_snippets .btn:not(.o_btn_preview).btn-info[disabled].focus, fieldset[disabled] #oe_snippets .btn:not(.o_btn_preview).btn-info.focus, #oe_snippets .btn:not(.o_btn_preview).btn-info.disabled:active, #oe_snippets .btn:not(.o_btn_preview).btn-info[disabled]:active, fieldset[disabled] #oe_snippets .btn:not(.o_btn_preview).btn-info:active, #oe_snippets .btn:not(.o_btn_preview).btn-info.disabled.active, #oe_snippets .btn:not(.o_btn_preview).btn-info[disabled].active, fieldset[disabled] #oe_snippets .btn:not(.o_btn_preview).btn-info.active{background-color: #6999a8; border-color: #5b8d9d;} #oe_snippets .btn:not(.o_btn_preview).btn-info .badge{color: #6999a8; background-color: #ffffff;} #oe_snippets .btn:not(.o_btn_preview).btn-warning{color: #ffffff; background-color: #f0ad4e; border-color: #eea236;} #oe_snippets .btn:not(.o_btn_preview).btn-warning:focus, #oe_snippets .btn:not(.o_btn_preview).btn-warning.focus{color: #ffffff; background-color: #ec971f; border-color: #985f0d;} #oe_snippets .btn:not(.o_btn_preview).btn-warning:hover{color: #ffffff; background-color: #ec971f; border-color: #d58512;} #oe_snippets .btn:not(.o_btn_preview).btn-warning:active, #oe_snippets .btn:not(.o_btn_preview).btn-warning.active, .open > .dropdown-toggle#oe_snippets .btn:not(.o_btn_preview).btn-warning{color: #ffffff; background-color: #ec971f; border-color: #d58512;} #oe_snippets .btn:not(.o_btn_preview).btn-warning:active:hover, #oe_snippets .btn:not(.o_btn_preview).btn-warning.active:hover, .open > .dropdown-toggle#oe_snippets .btn:not(.o_btn_preview).btn-warning:hover, #oe_snippets .btn:not(.o_btn_preview).btn-warning:active:focus, #oe_snippets .btn:not(.o_btn_preview).btn-warning.active:focus, .open > .dropdown-toggle#oe_snippets .btn:not(.o_btn_preview).btn-warning:focus, #oe_snippets .btn:not(.o_btn_preview).btn-warning:active.focus, #oe_snippets .btn:not(.o_btn_preview).btn-warning.active.focus, .open > .dropdown-toggle#oe_snippets .btn:not(.o_btn_preview).btn-warning.focus{color: #ffffff; background-color: #d58512; border-color: #985f0d;} #oe_snippets .btn:not(.o_btn_preview).btn-warning:active, #oe_snippets .btn:not(.o_btn_preview).btn-warning.active, .open > .dropdown-toggle#oe_snippets .btn:not(.o_btn_preview).btn-warning{background-image: none;} #oe_snippets .btn:not(.o_btn_preview).btn-warning.disabled, #oe_snippets .btn:not(.o_btn_preview).btn-warning[disabled], fieldset[disabled] #oe_snippets .btn:not(.o_btn_preview).btn-warning, #oe_snippets .btn:not(.o_btn_preview).btn-warning.disabled:hover, #oe_snippets .btn:not(.o_btn_preview).btn-warning[disabled]:hover, fieldset[disabled] #oe_snippets .btn:not(.o_btn_preview).btn-warning:hover, #oe_snippets .btn:not(.o_btn_preview).btn-warning.disabled:focus, #oe_snippets .btn:not(.o_btn_preview).btn-warning[disabled]:focus, fieldset[disabled] #oe_snippets .btn:not(.o_btn_preview).btn-warning:focus, #oe_snippets .btn:not(.o_btn_preview).btn-warning.disabled.focus, #oe_snippets .btn:not(.o_btn_preview).btn-warning[disabled].focus, fieldset[disabled] #oe_snippets .btn:not(.o_btn_preview).btn-warning.focus, #oe_snippets .btn:not(.o_btn_preview).btn-warning.disabled:active, #oe_snippets .btn:not(.o_btn_preview).btn-warning[disabled]:active, fieldset[disabled] #oe_snippets .btn:not(.o_btn_preview).btn-warning:active, #oe_snippets .btn:not(.o_btn_preview).btn-warning.disabled.active, #oe_snippets .btn:not(.o_btn_preview).btn-warning[disabled].active, fieldset[disabled] #oe_snippets .btn:not(.o_btn_preview).btn-warning.active{background-color: #f0ad4e; border-color: #eea236;} #oe_snippets .btn:not(.o_btn_preview).btn-warning .badge{color: #f0ad4e; background-color: #ffffff;} #oe_snippets .btn:not(.o_btn_preview).btn-danger{color: #ffffff; background-color: #e6586c; border-color: #e34258;} #oe_snippets .btn:not(.o_btn_preview).btn-danger:focus, #oe_snippets .btn:not(.o_btn_preview).btn-danger.focus{color: #ffffff; background-color: #df2c45; border-color: #901527;} #oe_snippets .btn:not(.o_btn_preview).btn-danger:hover{color: #ffffff; background-color: #df2c45; border-color: #c91e36;} #oe_snippets .btn:not(.o_btn_preview).btn-danger:active, #oe_snippets .btn:not(.o_btn_preview).btn-danger.active, .open > .dropdown-toggle#oe_snippets .btn:not(.o_btn_preview).btn-danger{color: #ffffff; background-color: #df2c45; border-color: #c91e36;} #oe_snippets .btn:not(.o_btn_preview).btn-danger:active:hover, #oe_snippets .btn:not(.o_btn_preview).btn-danger.active:hover, .open > .dropdown-toggle#oe_snippets .btn:not(.o_btn_preview).btn-danger:hover, #oe_snippets .btn:not(.o_btn_preview).btn-danger:active:focus, #oe_snippets .btn:not(.o_btn_preview).btn-danger.active:focus, .open > .dropdown-toggle#oe_snippets .btn:not(.o_btn_preview).btn-danger:focus, #oe_snippets .btn:not(.o_btn_preview).btn-danger:active.focus, #oe_snippets .btn:not(.o_btn_preview).btn-danger.active.focus, .open > .dropdown-toggle#oe_snippets .btn:not(.o_btn_preview).btn-danger.focus{color: #ffffff; background-color: #c91e36; border-color: #901527;} #oe_snippets .btn:not(.o_btn_preview).btn-danger:active, #oe_snippets .btn:not(.o_btn_preview).btn-danger.active, .open > .dropdown-toggle#oe_snippets .btn:not(.o_btn_preview).btn-danger{background-image: none;} #oe_snippets .btn:not(.o_btn_preview).btn-danger.disabled, #oe_snippets .btn:not(.o_btn_preview).btn-danger[disabled], fieldset[disabled] #oe_snippets .btn:not(.o_btn_preview).btn-danger, #oe_snippets .btn:not(.o_btn_preview).btn-danger.disabled:hover, #oe_snippets .btn:not(.o_btn_preview).btn-danger[disabled]:hover, fieldset[disabled] #oe_snippets .btn:not(.o_btn_preview).btn-danger:hover, #oe_snippets .btn:not(.o_btn_preview).btn-danger.disabled:focus, #oe_snippets .btn:not(.o_btn_preview).btn-danger[disabled]:focus, fieldset[disabled] #oe_snippets .btn:not(.o_btn_preview).btn-danger:focus, #oe_snippets .btn:not(.o_btn_preview).btn-danger.disabled.focus, #oe_snippets .btn:not(.o_btn_preview).btn-danger[disabled].focus, fieldset[disabled] #oe_snippets .btn:not(.o_btn_preview).btn-danger.focus, #oe_snippets .btn:not(.o_btn_preview).btn-danger.disabled:active, #oe_snippets .btn:not(.o_btn_preview).btn-danger[disabled]:active, fieldset[disabled] #oe_snippets .btn:not(.o_btn_preview).btn-danger:active, #oe_snippets .btn:not(.o_btn_preview).btn-danger.disabled.active, #oe_snippets .btn:not(.o_btn_preview).btn-danger[disabled].active, fieldset[disabled] #oe_snippets .btn:not(.o_btn_preview).btn-danger.active{background-color: #e6586c; border-color: #e34258;} #oe_snippets .btn:not(.o_btn_preview).btn-danger .badge{color: #e6586c; background-color: #ffffff;} #oe_snippets .btn:not(.o_btn_preview).btn-lg{padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 0;} #oe_snippets .btn:not(.o_btn_preview).btn-sm{padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 0;} #oe_snippets .btn:not(.o_btn_preview).btn-xs{padding: 1px 5px; font-size: 12px; line-height: 1.5; border-radius: 0;} #oe_snippets #snippets_menu{-ms-flex: 0 0 auto; -moz-flex: 0 0 auto; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; height: 34px; line-height: 34px; margin: 0; padding: 0; background: #2c2c36; text-align: center; font-weight: normal; font-size: 17px; color: white; font-family: Roboto, 'Montserrat', "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;} #oe_snippets #o_scroll{height: 100%; overflow: auto;} #oe_snippets #o_scroll .o_panel_header{color: #999999; display: -ms-flexbox; display: -moz-box; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -moz-justify-content: center; -webkit-justify-content: center; justify-content: center; padding: 3%; color: white; margin-bottom: 3%;} #oe_snippets #o_scroll .o_panel_header i{margin-right: 5px;} #oe_snippets #o_scroll .o_panel_body:after{content: " "; display: table; clear: both;} #oe_snippets #o_scroll .o_panel_body .oe_snippet{float: left; width: 45.5%; margin: 0 0 6% 3%; box-shadow: none; background-color: transparent; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; cursor: copy; cursor: grab;} #oe_snippets #o_scroll .o_panel_body .oe_snippet .oe_snippet_thumbnail .oe_snippet_thumbnail_img{border: none;} #oe_snippets #o_scroll .o_panel_body .oe_snippet .oe_snippet_thumbnail .oe_snippet_thumbnail_title{border: none; padding: 0px;} #oe_snippets #o_scroll .o_panel_body .oe_snippet .oe_snippet_thumbnail:hover .oe_snippet_thumbnail_img{-webkit-transition: transform 200ms ease 0s; -moz-transition: transform 200ms ease 0s; -o-transition: transform 200ms ease 0s; transition: transform 200ms ease 0s; -webkit-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05);} #oe_snippets #o_scroll .o_panel_body .oe_snippet.o_disabled .oe_snippet_thumbnail{background-color: rgba(255, 0, 0, 0.75);} #oe_snippets #o_scroll .o_panel_body .oe_snippet.o_disabled .oe_snippet_thumbnail_img{opacity: 0.8;} #oe_snippets #o_scroll .o_panel_body .oe_snippet.o_snippet_install .oe_snippet_thumbnail_img{opacity: 0.5;} #oe_snippets #o_scroll .o_panel_body .oe_snippet.o_snippet_install .btn.o_install_btn{display: none; position: absolute; top: 16px; left: 4px; bottom: auto; right: 4px;} #oe_snippets #o_scroll .o_panel_body .oe_snippet.o_snippet_install:hover .btn.o_install_btn{display: block;} #oe_snippets #o_scroll .o_panel_body .oe_snippet:nth-child(2n+1){clear: left;} .oe_snippet{position: relative; width: 100px; background-color: #50545d;} .oe_snippet > :not(.oe_snippet_thumbnail){display: none!important;} .oe_snippet .oe_snippet_thumbnail{width: 100%;} .oe_snippet .oe_snippet_thumbnail .oe_snippet_thumbnail_img{width: 100%; height: 0; border: 1px solid #50545d; padding-bottom: 75%; background-size: cover; background-position: center center; text-align: center; overflow: hidden;} .oe_snippet .oe_snippet_thumbnail img.oe_snippet_thumbnail_img{height: auto; padding-bottom: 0;} .oe_snippet .oe_snippet_thumbnail .oe_snippet_thumbnail_title{display: block; border: 1px solid #2c2c36; padding: 5px; font-size: 12px; font-weight: 300; text-shadow: none; color: #d4d5d7;} .oe_snippet .oe_snippet_thumbnail:hover .oe_snippet_thumbnail_title{color: white;} @-webkit-keyframes dropZoneInsert{to{background-color: rgba(124, 123, 173, 0.2);}} @keyframes dropZoneInsert{to{background-color: rgba(124, 123, 173, 0.2);}} #wrapwrap .oe_drop_zone{background-color: rgba(124, 123, 173, 0.05); -webkit-animation: dropZoneInsert 1s linear 0s infinite alternate none running; -moz-animation: dropZoneInsert 1s linear 0s infinite alternate none running; -o-animation: dropZoneInsert 1s linear 0s infinite alternate none running; animation: dropZoneInsert 1s linear 0s infinite alternate none running;} #wrapwrap .oe_drop_zone.oe_insert{z-index: 999; border: 2px dashed #7c7bad; border-top: none; border-bottom: none; position: relative; width: 100%; height: 40px; margin: -20px 0; -webkit-transition: margin 400ms linear 0s; -moz-transition: margin 400ms linear 0s; -o-transition: margin 400ms linear 0s; transition: margin 400ms linear 0s;} #wrapwrap .oe_drop_zone.oe_insert:after{content: ""; display: block; width: 100%; height: 50%; border-bottom: 2px dashed #7c7bad; box-sizing: content-box;} #wrapwrap .oe_drop_zone.oe_insert.oe_vertical{border: 2px dashed #7c7bad; border-left: none; border-right: none; width: 40px; height: 100%; margin: 0 -20px;} #wrapwrap .oe_drop_zone.oe_insert.oe_vertical:after{width: 50%; height: 100%; border-bottom: none; border-right: 2px dashed #7c7bad;} #oe_manipulators{position: relative;} #oe_manipulators .oe_overlay{position: absolute; top: auto; left: auto; bottom: auto; right: auto; z-index: 1002; display: none; height: 0; background: transparent; text-align: center; -webkit-transition: opacity 400ms linear 0s; -moz-transition: opacity 400ms linear 0s; -o-transition: opacity 400ms linear 0s; transition: opacity 400ms linear 0s;} #oe_manipulators .oe_overlay.o_keypress{opacity: 0;} #oe_manipulators .oe_overlay.oe_active{display: block;} #oe_manipulators .oe_overlay > .oe_overlay_options{font-family: Roboto, 'Montserrat', "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif; position: absolute; top: auto; left: 0; bottom: 0; right: auto; width: 250px; text-align: left;} #oe_manipulators .oe_overlay > .oe_overlay_options > .btn-group{white-space: nowrap;} #oe_manipulators .oe_overlay > .oe_overlay_options > .btn-group .btn{display: inline-block; width: 25px; height: 25px; padding: 0; border: 1px solid #2c2c36; line-height: 25px; font-size: 11px; border-radius: 0; font-weight: normal; -webkit-transition: all 400ms ease 0s; -moz-transition: all 400ms ease 0s; -o-transition: all 400ms ease 0s; transition: all 400ms ease 0s; color: #d4d5d7; background-color: #4e525b;} #oe_manipulators .oe_overlay > .oe_overlay_options > .btn-group .btn:hover{color: white; background-color: #434352;} #oe_manipulators .oe_overlay > .oe_overlay_options > .btn-group .btn:hover > .fa{color: white;} #oe_manipulators .oe_overlay > .oe_overlay_options > .btn-group .btn.oe_snippet_remove{color: white; background-color: #e6586c; border-color: #bc1c33;} #oe_manipulators .oe_overlay > .oe_overlay_options > .btn-group .btn.oe_snippet_remove > .fa{color: white;} #oe_manipulators .oe_overlay > .oe_overlay_options > .btn-group .btn.oe_snippet_remove:hover{background-color: #bc1c33;} #oe_manipulators .oe_overlay > .oe_overlay_options > .btn-group .btn.oe_snippet_parent > i{-webkit-transform: scaleX(-1); -ms-transform: scaleX(-1); -o-transform: scaleX(-1); transform: scaleX(-1); font-size: 12px;} #oe_manipulators .oe_overlay > .oe_overlay_options > .btn-group .btn > .fa{color: #d4d5d7;} #oe_manipulators .oe_overlay > .oe_overlay_options > .btn-group > .oe_options .btn{width: auto; padding: 0 25px 0 5px; background-color: #2c2c36; text-transform: uppercase;} #oe_manipulators .oe_overlay > .oe_overlay_options > .btn-group > .oe_options .btn:hover, #oe_manipulators .oe_overlay > .oe_overlay_options > .btn-group > .oe_options .btn:active, #oe_manipulators .oe_overlay > .oe_overlay_options > .btn-group > .oe_options .btn:focus{background-color: #373744; border-color: #434352; color: white;} #oe_manipulators .oe_overlay > .oe_overlay_options > .btn-group > .oe_options .btn:active, #oe_manipulators .oe_overlay > .oe_overlay_options > .btn-group > .oe_options .btn:focus, #oe_manipulators .oe_overlay > .oe_overlay_options > .btn-group > .oe_options .btn:active:focus{outline: none;} #oe_manipulators .oe_overlay > .oe_overlay_options > .btn-group > .oe_options .btn:before, #oe_manipulators .oe_overlay > .oe_overlay_options > .btn-group > .oe_options .btn:after{content: ""; width: 7px; height: 2px; background-color: #d4d5d7; position: absolute; top: 46%; left: auto; bottom: auto; right: auto; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;} #oe_manipulators .oe_overlay > .oe_overlay_options > .btn-group > .oe_options .btn:before{right: 9px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);} #oe_manipulators .oe_overlay > .oe_overlay_options > .btn-group > .oe_options .btn:after{right: 5px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);} #oe_manipulators .oe_overlay > .oe_overlay_options > .btn-group > .oe_options.open .btn{background-color: #4e525b;} #oe_manipulators .oe_overlay > .oe_overlay_options > .btn-group > .oe_options.open .btn:before, #oe_manipulators .oe_overlay > .oe_overlay_options > .btn-group > .oe_options.open .btn:after{width: 9px;} #oe_manipulators .oe_overlay > .oe_overlay_options > .btn-group > .oe_options.open .btn:before{right: 10px; transform: translateX(5px) rotate(-45deg);} #oe_manipulators .oe_overlay > .oe_overlay_options > .btn-group > .oe_options.open .btn:after{-webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);} #oe_manipulators .oe_overlay > .oe_overlay_options > .btn-group > .oe_options .dropdown-menu{margin: -1px 0 0 0; padding: 0; border: 1px solid #2c2c36; border-radius: 0; background-color: #4e525b;} #oe_manipulators .oe_overlay > .oe_overlay_options > .btn-group > .oe_options .dropdown-menu a{color: #d4d5d7; font-weight: normal; font-size: 12px; padding: 5px 35px 5px 20px;} #oe_manipulators .oe_overlay > .oe_overlay_options > .btn-group > .oe_options .dropdown-menu > li{position: relative;} #oe_manipulators .oe_overlay > .oe_overlay_options > .btn-group > .oe_options .dropdown-menu > li:hover{background-color: rgba(44, 44, 54, 0.5);} #oe_manipulators .oe_overlay > .oe_overlay_options > .btn-group > .oe_options .dropdown-menu > li:hover > a{color: white; background: transparent; cursor: pointer;} #oe_manipulators .oe_overlay > .oe_overlay_options > .btn-group > .oe_options .dropdown-menu > li:hover > .dropdown-menu{display: block; left: 100%; top: 0;} #oe_manipulators .oe_overlay > .oe_overlay_options > .btn-group > .oe_options .dropdown-menu > li:hover > .dropdown-menu.o_open_to_left{left: auto; right: 100%;} #oe_manipulators .oe_overlay > .oe_overlay_options > .btn-group > .oe_options .dropdown-menu > li.dropdown-submenu:before{position: absolute; top: 10px; left: auto; bottom: auto; right: 10px; content: ""; display: inline-block; width: 0; height: 0; vertical-align: middle; border-bottom: 3px solid transparent; border-left: 3px solid; border-right: 0; border-top: 3px solid transparent; -moz-transform: scale(0.9999); border-left-color: #d4d5d7;} #oe_manipulators .oe_overlay > .oe_overlay_options > .btn-group > .oe_options .dropdown-menu > li.divider{background-color: #33363e; margin: 0 8px;} #oe_manipulators .oe_overlay > .oe_overlay_options > .btn-group > .oe_options .dropdown-menu > li.active > a{color: white; background-color: rgba(44, 44, 54, 0.5);} #oe_manipulators .oe_overlay > .oe_overlay_options > .btn-group > .oe_options .dropdown-menu > li.active > a:before{position: absolute; top: 5px; left: 5px; bottom: auto; right: auto; content: "\f00c"; font-family: "FontAwesome"; color: #7c7bad;} #oe_manipulators .oe_overlay > .oe_overlay_options > .btn-group > .oe_options .dropdown-menu > li.dropdown-header{color: white; font-weight: bold; font-size: 12px; margin-top: 2px;} #oe_manipulators .oe_overlay > .oe_overlay_options > .btn-group > .oe_options .dropdown-menu > li.dropdown-header:hover{background-color: initial;} #oe_manipulators .oe_overlay > .oe_overlay_options > .btn-group > .oe_options .dropdown-menu > li.dropdown-header.o_main_header{padding-left: 8px;} #oe_manipulators .oe_overlay > .oe_overlay_options > .btn-group > .oe_options .dropdown-menu > li.dropdown-header.o_parent_editor_header{color: wheat; font-weight: 400; font-size: 10px; margin: 7px 0 4px 4px;} #oe_manipulators .oe_overlay > .oe_overlay_options > .btn-group > .oe_options .dropdown-menu > li.dropdown-header.o_parent_editor_header::before{content: "\f148"; position: absolute; top: 2px; left: 8px; bottom: auto; right: auto; font-family: FontAwesome; -webkit-transform: scaleX(-1); -ms-transform: scaleX(-1); -o-transform: scaleX(-1); transform: scaleX(-1);} #oe_manipulators .oe_overlay > .oe_overlay_options > .btn-group > .oe_options .dropdown-menu > li.dropdown-header.o_parent_editor_header ~ li:not(.dropdown-header) a{font-size: 11px; padding: 4px 35px 4px 20px; opacity: 0.8;} #oe_manipulators .oe_overlay > .oe_overlay_options > .btn-group > .oe_options .dropdown-menu > li.dropdown-header.o_parent_editor_header ~ li:not(.dropdown-header) a:hover{opacity: 1;} #oe_manipulators .oe_overlay > .oe_overlay_options > .btn-group > .oe_options .dropdown-menu > li.separator{display: block; margin: 4px 35px 4px 20px; height: 1px; background: rgba(212, 213, 215, 0.1);} #oe_manipulators .oe_overlay > .oe_overlay_options > .btn-group > .oe_options .dropdown-menu > li > a > i{width: 16px; margin-right: 8px;} #oe_manipulators .oe_overlay.o_top_cover > .oe_overlay_options{bottom: auto; top: 1px; right: 1px;} #oe_manipulators .oe_overlay > .oe_handles{position: absolute; top: -10000px; left: 0; bottom: auto; right: 0;} #oe_manipulators .oe_overlay > .oe_handles:hover > .oe_handle{background-color: rgba(0, 226, 255, 0.05);} #oe_manipulators .oe_overlay > .oe_handles > .oe_handle{opacity: 0.5; -webkit-transition: opacity 400ms ease 0s; -moz-transition: opacity 400ms ease 0s; -o-transition: opacity 400ms ease 0s; transition: opacity 400ms ease 0s; border: 0 solid #00e2ff;} #oe_manipulators .oe_overlay > .oe_handles > .oe_handle.n, #oe_manipulators .oe_overlay > .oe_handles > .oe_handle.s, #oe_manipulators .oe_overlay > .oe_handles > .oe_handle.w{position: relative; -webkit-transition: background 0.3s ease 0s; -moz-transition: background 0.3s ease 0s; -o-transition: background 0.3s ease 0s; transition: background 0.3s ease 0s;} #oe_manipulators .oe_overlay > .oe_handles > .oe_handle.n.oe_handle_change, #oe_manipulators .oe_overlay > .oe_handles > .oe_handle.s.oe_handle_change, #oe_manipulators .oe_overlay > .oe_handles > .oe_handle.w.oe_handle_change, #oe_manipulators .oe_overlay > .oe_handles > .oe_handle.n.oe_handle_active, #oe_manipulators .oe_overlay > .oe_handles > .oe_handle.s.oe_handle_active, #oe_manipulators .oe_overlay > .oe_handles > .oe_handle.w.oe_handle_active, #oe_manipulators .oe_overlay > .oe_handles > .oe_handle.n:hover, #oe_manipulators .oe_overlay > .oe_handles > .oe_handle.s:hover, #oe_manipulators .oe_overlay > .oe_handles > .oe_handle.w:hover{background-color: rgba(0, 226, 255, 0.2);} #oe_manipulators .oe_overlay > .oe_handles > .oe_handle.n.o_handle_edited, #oe_manipulators .oe_overlay > .oe_handles > .oe_handle.s.o_handle_edited, #oe_manipulators .oe_overlay > .oe_handles > .oe_handle.w.o_handle_edited{opacity: 0.9;} #oe_manipulators .oe_overlay > .oe_handles > .oe_handle.n.o_handle_edited:after, #oe_manipulators .oe_overlay > .oe_handles > .oe_handle.s.o_handle_edited:after, #oe_manipulators .oe_overlay > .oe_handles > .oe_handle.w.o_handle_edited:after{color: white; border-color: #00b5cc; background-color: #008899;} #oe_manipulators .oe_overlay > .oe_handles > .oe_handle.n.oe_handle_change, #oe_manipulators .oe_overlay > .oe_handles > .oe_handle.s.oe_handle_change, #oe_manipulators .oe_overlay > .oe_handles > .oe_handle.w.oe_handle_change, #oe_manipulators .oe_overlay > .oe_handles > .oe_handle.n:hover, #oe_manipulators .oe_overlay > .oe_handles > .oe_handle.s:hover, #oe_manipulators .oe_overlay > .oe_handles > .oe_handle.w:hover{opacity: 1;} #oe_manipulators .oe_overlay > .oe_handles > .oe_handle.n.oe_handle_change:before, #oe_manipulators .oe_overlay > .oe_handles > .oe_handle.s.oe_handle_change:before, #oe_manipulators .oe_overlay > .oe_handles > .oe_handle.w.oe_handle_change:before, #oe_manipulators .oe_overlay > .oe_handles > .oe_handle.n:hover:before, #oe_manipulators .oe_overlay > .oe_handles > .oe_handle.s:hover:before, #oe_manipulators .oe_overlay > .oe_handles > .oe_handle.w:hover:before{position: absolute; top: 0; left: 50%; bottom: auto; right: auto; width: 1px; height: 100%; margin-left: -1px; background-color: rgba(0, 226, 255, 0.5); content: '';} #oe_manipulators .oe_overlay > .oe_handles > .oe_handle.n.oe_handle_change.w:before, #oe_manipulators .oe_overlay > .oe_handles > .oe_handle.s.oe_handle_change.w:before, #oe_manipulators .oe_overlay > .oe_handles > .oe_handle.w.oe_handle_change.w:before, #oe_manipulators .oe_overlay > .oe_handles > .oe_handle.n:hover.w:before, #oe_manipulators .oe_overlay > .oe_handles > .oe_handle.s:hover.w:before, #oe_manipulators .oe_overlay > .oe_handles > .oe_handle.w:hover.w:before{position: absolute; top: 50%; left: 0; bottom: auto; right: auto; width: 100%; height: 1px;} #oe_manipulators .oe_overlay > .oe_handles > .oe_handle.n.oe_handle_change:after, #oe_manipulators .oe_overlay > .oe_handles > .oe_handle.s.oe_handle_change:after, #oe_manipulators .oe_overlay > .oe_handles > .oe_handle.w.oe_handle_change:after, #oe_manipulators .oe_overlay > .oe_handles > .oe_handle.n:hover:after, #oe_manipulators .oe_overlay > .oe_handles > .oe_handle.s:hover:after, #oe_manipulators .oe_overlay > .oe_handles > .oe_handle.w:hover:after{border-color: #00b5cc; background-color: #008899;} #oe_manipulators .oe_overlay > .oe_handles > .oe_handle:after{display: block; width: 18px; height: 18px; border: solid 1px rgba(0, 0, 0, 0.2); line-height: 16px; font-size: 14px; font-family: FontAwesome; background-color: #4e525b; color: #d4d5d7;} #oe_manipulators .oe_overlay > .oe_handles > .oe_handle:hover{opacity: 0.9;} #oe_manipulators .oe_overlay > .oe_handles > .oe_handle.w:after, #oe_manipulators .oe_overlay > .oe_handles > .oe_handle.e:after{content: "\f07e";} #oe_manipulators .oe_overlay > .oe_handles > .oe_handle.s:after, #oe_manipulators .oe_overlay > .oe_handles > .oe_handle.n:after{content: "\f07d";} #oe_manipulators .oe_overlay > .oe_handles > .oe_handle.w{border-width: 1px; border-right-width: 0; cursor: e-resize; width: 1px; position: absolute; top: 10000px; left: 0; bottom: -10000px; right: auto;} #oe_manipulators .oe_overlay > .oe_handles > .oe_handle.w:after{position: absolute; top: 50%; left: 50%; bottom: auto; right: auto; margin-top: -9px;} #oe_manipulators .oe_overlay > .oe_handles > .oe_handle.w.oe_handle_centered:after{margin-left: -9px;} #oe_manipulators .oe_overlay > .oe_handles > .oe_handle.e{border-right-width: 1px; cursor: w-resize; width: 1px; position: absolute; top: 10000px; left: auto; bottom: -10000px; right: 0;} #oe_manipulators .oe_overlay > .oe_handles > .oe_handle.e:after{position: absolute; top: 50%; left: auto; bottom: auto; right: -1px; margin-top: -9px;} #oe_manipulators .oe_overlay > .oe_handles > .oe_handle.n{border-top-width: 1px; position: absolute; top: 10000px; left: 0; bottom: auto; right: 0;} #oe_manipulators .oe_overlay > .oe_handles > .oe_handle.n:after{position: absolute; top: 50%; left: 50%; bottom: auto; right: auto; margin-left: -9px;} #oe_manipulators .oe_overlay > .oe_handles > .oe_handle.s{border-bottom-width: 1px; position: absolute; top: auto; left: 0; bottom: -10000px; right: 0;} #oe_manipulators .oe_overlay > .oe_handles > .oe_handle.s:after{position: absolute; top: auto; left: 50%; bottom: 50%; right: auto; margin-left: -9px;} #oe_manipulators .oe_overlay > .oe_handles > .oe_handle.n, #oe_manipulators .oe_overlay > .oe_handles > .oe_handle.s{cursor: ns-resize;} #oe_manipulators .oe_overlay > .oe_handles > .oe_handle.n.oe_handle_centered:after, #oe_manipulators .oe_overlay > .oe_handles > .oe_handle.s.oe_handle_centered:after{position: absolute; top: 50%; left: 50%; bottom: auto; right: auto; margin-top: -9px;} #oe_manipulators .oe_overlay > .oe_handles > .oe_handle.size{height: 0; background: transparent; position: absolute; top: auto; left: 50%; bottom: -9985px; right: auto; width: 250px; margin-left: -125px;} #oe_manipulators .oe_overlay > .oe_handles > .oe_handle.size > .oe_handle_button{position: relative; display: block; width: 100px; height: 15px; padding-top: 2px; font-weight: 600; font-size: 9px; text-transform: uppercase; background-color: #4e525b; color: #d4d5d7;} #oe_manipulators .oe_overlay > .oe_handles > .oe_handle.size > .oe_handle_button:hover{background-color: #2c2c36; color: white;} #oe_manipulators .oe_overlay > .oe_handles > .oe_handle.size > .oe_handle_button.auto_size{cursor: pointer; float: left;} #oe_manipulators .oe_overlay > .oe_handles > .oe_handle.size > .oe_handle_button.size{cursor: row-resize; float: right;} #oe_manipulators .oe_overlay > .oe_handles > .oe_handle.size > .oe_handle_button.active:before{content: "\f00c"; font-family: "FontAwesome"; color: #7c7bad; position: absolute; top: 0; left: 3px; bottom: auto; right: auto; font-size: 11px;} #oe_manipulators .oe_overlay > .oe_handles > .oe_handle.readonly{cursor: auto !important;} #oe_manipulators .oe_overlay > .oe_handles > .oe_handle.readonly:after, #oe_manipulators .oe_overlay > .oe_handles > .oe_handle.readonly.size{display: none !important;} #oe_manipulators .oe_overlay > .oe_handles > .oe_handle.readonly:hover{opacity: 0.5;} #oe_manipulators .oe_overlay.block-w-left .w:after{content: "" !important;} #oe_manipulators .oe_overlay.block-w-right .w:after{content: "" !important;} #oe_manipulators .oe_overlay.block-w-left.block-w-right .w:after{display: none !important;} #oe_manipulators .oe_overlay.block-e-left .e:after{content: "" !important;} #oe_manipulators .oe_overlay.block-e-right .e:after{content: "" !important;} #oe_manipulators .oe_overlay.block-e-left.block-e-right .e:after{display: none !important;} #oe_manipulators .oe_overlay.block-s-bottom .s, #oe_manipulators .oe_overlay.block-n-top .n{cursor: n-resize !important;} #oe_manipulators .oe_overlay.block-s-bottom .s:after, #oe_manipulators .oe_overlay.block-n-top .n:after{content: "\f062" !important;} #oe_manipulators .oe_overlay.block-s-top .s, #oe_manipulators .oe_overlay.block-n-bottom .n{cursor: s-resize !important;} #oe_manipulators .oe_overlay.block-s-top .s:after, #oe_manipulators .oe_overlay.block-n-bottom .n:after{content: "\f063" !important;} .s-resize-important *{cursor: s-resize !important;} .n-resize-important *{cursor: n-resize !important;} .e-resize-important *{cursor: e-resize !important;} .w-resize-important *{cursor: w-resize !important;} .move-important *{cursor: move !important;} .block-s-top .s:before, .block-s-bottom .s:before, .block-n-top .n:before, .block-n-bottom .n:before, .block-w-left .w:before, .block-e-right .e:before{font-size: 10px;} .note-popover .popover{height: 34px; top: 0 !important; left: 0 !important; padding: 0; margin: 0 0 0 210px; background-color: #2c2c36; border-radius: 0; border-width: 0 1px; width: auto; text-align: center; box-shadow: none;} .note-popover .popover .popover-content{height: 34px; white-space: nowrap; font-family: Roboto, 'Montserrat', "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;} .note-popover .popover .popover-content h1, .note-popover .popover .popover-content h2, .note-popover .popover .popover-content h3, .note-popover .popover .popover-content h4, .note-popover .popover .popover-content h5, .note-popover .popover .popover-content h6, .note-popover .popover .popover-content .h1, .note-popover .popover .popover-content .h2, .note-popover .popover .popover-content .h3, .note-popover .popover .popover-content .h4, .note-popover .popover .popover-content .h5, .note-popover .popover .popover-content .h6{font-family: Roboto, 'Montserrat', "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;} .note-popover .popover .popover-content .btn{height: 34px; border: none; border-radius: 0; padding: 6px 12px; background-color: #2c2c36; color: #999999; border-top: 2px solid transparent; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;} .note-popover .popover .popover-content .btn > .fa{color: #999999;} .note-popover .popover .popover-content .btn:hover{border-top: 2px solid #999999; color: #d4d5d7;} .note-popover .popover .popover-content .btn:hover > .fa{color: #d4d5d7;} .note-popover .popover .popover-content .btn .o_image_alt{display: inline-block; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: top; max-width: 100px;} .note-popover .popover .popover-content .btn.active{border-top: 2px solid white; background-color: #2c2c36; color: #d4d5d7; box-shadow: inset 0 3px 10px rgba(0, 0, 0, 0.5);} .note-popover .popover .popover-content .btn.active > .fa{color: #d4d5d7;} .note-popover .popover .popover-content > .btn-group{margin-top: -2px;} .note-popover .popover .popover-content > .btn-group.open .dropdown-toggle, .note-popover .popover .popover-content > .btn-group .btn-group.open .dropdown-toggle{border-top: 2px solid white; background-color: #272730; color: white; box-shadow: none;} .note-popover .popover .popover-content > .btn-group.open .dropdown-toggle > .fa, .note-popover .popover .popover-content > .btn-group .btn-group.open .dropdown-toggle > .fa, .note-popover .popover .popover-content > .btn-group.open .dropdown-toggle > span, .note-popover .popover .popover-content > .btn-group .btn-group.open .dropdown-toggle > span{color: white;} .note-popover .popover .popover-content .dropdown-menu{margin: 0; border-radius: 0; background-color: #272730; color: #999999;} .note-popover .popover .popover-content .dropdown-menu > li > a{width: 100%; color: #d4d5d7;} .note-popover .popover .popover-content .dropdown-menu > li > a > .fa{color: #d4d5d7;} .note-popover .popover .popover-content .dropdown-menu > li > a:hover{background-color: #3d4048; color: white;} .note-popover .popover .popover-content .dropdown-menu > li > a:hover > .fa{color: white;} .note-popover .popover .popover-content .note-para .dropdown-menu{min-width: 228px;} .note-popover .popover .popover-content #colors_preview{padding: 4px; border-radius: 2px; border: 1px solid #989898; border-color: rgba(153, 153, 153, 0.995);} .note-popover .popover .popover-content .note-color-palette .note-color-row{height: auto!important;} .note-popover .popover .popover-content .note-color-palette .note-color-row::after{content: ""; display: table; clear: both;} .note-popover .popover .popover-content .note-color-palette .note-color-row .note-color-btn{float: left; margin: 1px 1px 0 0; border-color: black; position: relative; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAIAAAACUFjqAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAClJREFUeNpivHnzJgMSUFNTQ+YyMeAFNJVm/P//PzL/1q1bg8VpAAEGAMiICJs4Ce8uAAAAAElFTkSuQmCC'); background-size: 10px auto; z-index: 1;} .note-popover .popover .popover-content .note-color-palette .note-color-row .note-color-btn::before{content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: -1; background-color: inherit;} .note-popover .popover .popover-content .note-color-palette .note-color-row .note-color-btn.o_small{width: 16px; height: 16px; margin: 3px 3px 2px 2px; border-radius: 50%;} .note-popover .popover .popover-content .note-color-palette .note-color-row .note-color-btn.o_clear{clear: both;} .note-popover .popover .popover-content .note-color-palette .note-color-row .note-color-btn.o_btn_transparent{display: none;} .note-popover .popover .dropdown-menu > li > a > i, .note-editor .dropdown-menu > li > a > i{visibility: hidden;} .note-popover .popover .dropdown-menu > li > a.checked > i, .note-editor .dropdown-menu > li > a.checked > i{visibility: visible;} .note-popover .popover .note-color .dropdown-toggle, .note-editor .note-color .dropdown-toggle{width: auto;} .note-popover .popover .note-color .o_foreground_toggle > button:before, .note-editor .note-color .o_foreground_toggle > button:before{font-family: FontAwesome; content: '\f1fc';} .note-popover .popover .note-color .o_background_toggle > button:before, .note-editor .note-color .o_background_toggle > button:before{font-family: FontAwesome; content: '\f0c3';} .note-popover .popover .note-color .dropdown-menu, .note-editor .note-color .dropdown-menu{min-width: 353px!important;} table.colorpicker{width: 100%;} table.colorpicker td{padding: 0 2px 2px 0;} table.colorpicker td > button{width: 100%; border: 1px solid black; padding: 0;} table.colorpicker td > button::after{content: "A"; font-weight: bold; vertical-align: sub;} .colorpicker{background-color: #2c2c36 !important;} .colorpicker .o_colorpicker_sections{border: 1px solid #111114; border-width: 1px 0 0; font-size: 14px;} .colorpicker .o_colorpicker_sections .o_colorpicker_section_menu{width: 50px; height: 100%; float: left; margin: 0; padding: 0; list-style: none; text-align: center;} .colorpicker .o_colorpicker_sections .o_colorpicker_section_menu > li{display: block; float: none; margin: 0; background-color: transparent;} .colorpicker .o_colorpicker_sections .o_colorpicker_section_menu > li > a{display: block; padding: 5px 10px!important; border-radius: 0; background-color: transparent; color: #babbbe;} .colorpicker .o_colorpicker_sections .o_colorpicker_section_menu > li > a > i.fa{font-size: 20px;} .colorpicker .o_colorpicker_sections .o_colorpicker_section_menu > li > a:focus, .colorpicker .o_colorpicker_sections .o_colorpicker_section_menu > li > a:active, .colorpicker .o_colorpicker_sections .o_colorpicker_section_menu > li > a:focus:active{outline: none;} .colorpicker .o_colorpicker_sections .o_colorpicker_section_menu > li:hover > a, .colorpicker .o_colorpicker_sections .o_colorpicker_section_menu > li.active > a{color: white;} .colorpicker .o_colorpicker_sections .o_colorpicker_section_menu > li.active > a{background-color: #3d4048 !important;} .colorpicker .o_colorpicker_sections .o_colorpicker_section_tabs{width: 200px; height: 100%; margin-left: 50px;} .colorpicker .o_colorpicker_sections .o_colorpicker_section_tabs .tab-pane{padding: 5px 10px; background-color: #3d4048;} .colorpicker .o_colorpicker_sections .o_colorpicker_section_tabs.o_unique_palette{margin-left: 0;} .colorpicker .o_colorpicker_section:after{content: ""; display: table; clear: both;} .colorpicker .o_colorpicker_section > button{display: block; width: 100%; height: 30px; border: 1px solid #2c2c36; border-radius: 3px; margin: 0 0 5px; padding: 0 20px; line-height: 28px; font-size: 12px; font-weight: bold; text-align: left; position: relative; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAIAAAACUFjqAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAClJREFUeNpivHnzJgMSUFNTQ+YyMeAFNJVm/P//PzL/1q1bg8VpAAEGAMiICJs4Ce8uAAAAAElFTkSuQmCC'); background-size: 10px auto; z-index: 1;} .colorpicker .o_colorpicker_section > button::before{content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: -1; background-color: inherit;} .colorpicker .o_colorpicker_section > button:hover, .colorpicker .o_colorpicker_section > button.selected{box-shadow: 0px 0px 2px 2px #4e525b;} .colorpicker .o_colorpicker_section > button:after{content: "A"; position: absolute; top: 0; left: auto; bottom: auto; right: 0; width: 25px; text-align: center; font-size: 13px; line-height: 28px; font-weight: normal;} .colorpicker .o_colorpicker_section > button.selected:after{content: "\f00c"; font-family: "FontAwesome"; color: #5cb85c;} .colorpicker .o_colorpicker_section > button[data-event="foreColor"]{background-color: #50545d;} .colorpicker .o_colorpicker_section > button[data-event="foreColor"]:after{background-color: rgba(255, 255, 255, 0.3);} .colorpicker .o_colorpicker_section > button.o_small{float: left; width: auto; min-width: 27px; padding: 0; margin-right: 5px;} .colorpicker .o_colorpicker_section > button.o_btn_transparent::before{background-color: transparent;} .colorpicker .note-palette-title{padding: 10px 0px 10px 10px; color: #d4d5d7; font-weight: bold;} .colorpicker .palette-reset{position: absolute; top: 0; left: auto; bottom: auto; right: 0; margin: 0; padding: 5px 10px 0;} .colorpicker .palette-reset .note-color-reset{font-size: 20px!important; color: rgba(192, 126, 136, 0.6); margin: 1px 0 0; padding: 0; cursor: pointer;} .colorpicker .palette-reset .note-color-reset:hover{background: transparent!important; color: #e6586c;} body.editor_enable{padding-top: 34px !important;} body.editor_enable #web_editor-top-edit{background-color: #2c2c36;} body.editor_enable #web_editor-top-edit form.navbar-form{right: 0;} body.editor_enable.editor_has_snippets{-webkit-transition: padding-left 400ms cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: padding-left 400ms cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: padding-left 400ms cubic-bezier(0.19, 1, 0.22, 1) 0s; transition: padding-left 400ms cubic-bezier(0.19, 1, 0.22, 1) 0s; padding-left: 210px !important;} body.editor_enable.editor_has_snippets #oe_snippets{left: 0;} body.editor_enable .btn{-webkit-user-select: initial;} #web_editor_inside_iframe{background-color: #f0eeee;} #web_editor_inside_iframe #wrapwrap{position: relative; display: table; table-layout: fixed; width: 100%; height: 100%;} #web_editor_inside_iframe #wrapwrap > *{display: table-row;} #web_editor_inside_iframe #wrapwrap > main{height: 100%;} #web_editor_inside_iframe #wrapwrap > main #editable_area{position: relative; width: 100%; height: 100%; background-color: white;} 

/* /web_editor/static/src/less/web_editor.ui.components.less defined in bundle 'web_editor.assets_editor' */
 .o_switch{display: -ms-flexbox; display: -moz-box; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; font-weight: normal; cursor: pointer;} .o_switch > input{display: none;} .o_switch > input + span{background-color: #eeeeee; box-shadow: inset 0 0 0px 1px #d5d5d5; border-radius: 100rem; height: 2ex; width: 3.6ex; margin-right: 0.5em; display: inline-block; -webkit-transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1); -o-transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1); transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);} .o_switch > input + span:after{content: ""; background: #fcfcfc; display: block; width: 1.8ex; height: 1.8ex; margin-top: 0.1ex; margin-left: 0.1ex; border-radius: 100rem; -webkit-transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1); -o-transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1); transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1); box-shadow: 0 1px 1px #959595, inset 0 0 0 1px #ffffff;} .o_switch > input:checked + span{box-shadow: none; background-repeat: repeat-x; background-image: -webkit-linear-gradient(0deg, #40ad67, #328851); background-image: -o-linear-gradient(0deg, #40ad67, #328851); background-image: linear-gradient(0deg, #40ad67, #328851);} .o_switch > input:checked + span:after{margin-left: 1.7ex;} .o_switch.o_switch_danger > input:not(:checked) + span{box-shadow: none; background-repeat: repeat-x; background-image: -webkit-linear-gradient(0deg, #de6764, #d43f3a); background-image: -o-linear-gradient(0deg, #de6764, #d43f3a); background-image: linear-gradient(0deg, #de6764, #d43f3a);} .dropdown-menu label .o_switch{margin: 0; padding: 2px 0;} .text-input-group{position: relative; margin-bottom: 45px;} .text-input-group input{font-size: 18px; padding: 10px 10px 10px 5px; display: block; width: 300px; border: none; border-bottom: 1px solid #757575;} .text-input-group input:focus{outline: none;} .text-input-group label{color: #999; font-size: 18px; font-weight: normal; position: absolute; top: 10px; left: 5px; bottom: auto; right: auto; pointer-events: none; -webkit-transition: 0.2s ease all; -o-transition: 0.2s ease all; transition: 0.2s ease all;} .text-input-group input:focus ~ label, .text-input-group input:valid ~ label{top: -20px; font-size: 14px; color: #5264AE;} .text-input-group .bar{position: relative; display: block; width: 300px;} .text-input-group .bar:before, .text-input-group .bar:after{content: ''; height: 2px; width: 0; bottom: 1px; position: absolute; top: auto; left: auto; bottom: auto; right: auto; background: #5264AE; -webkit-transition: 0.2s ease all; -o-transition: 0.2s ease all; transition: 0.2s ease all;} .text-input-group .bar:before{left: 50%;} .text-input-group .bar:after{right: 50%;} .text-input-group input:focus ~ .bar:before, .text-input-group input:focus ~ .bar:after{width: 50%;} .text-input-group .highlight{position: absolute; top: 25%; left: 0; bottom: auto; right: auto; height: 60%; width: 100px; pointer-events: none; opacity: 0.5;} .text-input-group input:focus ~ .highlight{-webkit-animation: inputHighlighter 0.3s ease; -o-animation: inputHighlighter 0.3s ease; animation: inputHighlighter 0.3s ease;} .oe_snippet_body{opacity: 0; -webkit-animation: fadeInDownSmall 700ms ease 0s 1 normal forwards running; -moz-animation: fadeInDownSmall 700ms ease 0s 1 normal forwards running; -o-animation: fadeInDownSmall 700ms ease 0s 1 normal forwards running; animation: fadeInDownSmall 700ms ease 0s 1 normal forwards running;} .o_ace_view_editor{background: #2f3129; color: white; display: -ms-flexbox; display: -moz-box; display: -webkit-box; display: -webkit-flex; display: flex; -ms-flex-flow: column nowrap; -moz-flex-flow: column nowrap; -webkit-flex-flow: column nowrap; flex-flow: column nowrap; opacity: 0.97;} .o_ace_view_editor .o_ace_view_editor_title{-ms-flex: 0 0 auto; -moz-flex: 0 0 auto; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; display: -ms-flexbox; display: -moz-box; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; padding: 7.5px;} .o_ace_view_editor .o_ace_view_editor_title > .o_ace_type_switcher > button::after{content: ""; display: inline-block; width: 0; height: 0; vertical-align: middle; border-bottom: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid; -moz-transform: scale(0.9999); margin-left: 4px;} .o_ace_view_editor .o_ace_view_editor_title > *{-ms-flex: 0 0 auto; -moz-flex: 0 0 auto; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; margin: 0 7.5px;} .o_ace_view_editor .o_ace_view_editor_title > *.o_include_option{display: -ms-flexbox; display: -moz-box; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; font-size: 11px;} .o_ace_view_editor .o_ace_view_editor_title > *.o_include_option > .o_checkbox{margin-right: 7.5px;} .o_ace_view_editor .o_ace_view_editor_title > *.o_res_list{-ms-flex: 1 1 auto; -moz-flex: 1 1 auto; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; flex: 1 1 auto; min-width: 60px;} .o_ace_view_editor #ace-view-id{-ms-flex: 0 0 auto; -moz-flex: 0 0 auto; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; padding: 7.5px 15px; background-color: #4a4d40;} .o_ace_view_editor #ace-view-editor{height: 70%; -ms-flex: 1 1 auto; -moz-flex: 1 1 auto; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; flex: 1 1 auto;} .o_ace_view_editor #ace-view-editor .ace_gutter{cursor: ew-resize;} .o_ace_view_editor #ace-view-editor .ace_gutter .ace_gutter-cell.o_error{position: relative;} .o_ace_view_editor #ace-view-editor .ace_gutter .ace_gutter-cell.o_error::after{position: absolute; top: -100%; left: 0; bottom: -100%; right: 0; content: ""; z-index: 1000; display: block; background-color: #d9534f; opacity: 0.5; pointer-events: none;} .o_ace_view_editor #ace-view-editor .ace_resize_bar{position: absolute; top: auto; left: auto; bottom: auto; right: 0; width: 25px; height: 100%; cursor: ew-resize;} .o_ace_view_editor #ace-view-editor .ace_scroller.o_error::after{position: absolute; top: 0; left: 0; bottom: 0; right: auto; width: 3px; content: ""; z-index: 1000; display: block; background-color: #d9534f; opacity: 0.5; pointer-events: none;} .o_ace_select2_dropdown{width: auto!important; padding-top: 4px; font-family: monospace!important;} .o_ace_select2_dropdown > .select2-results{max-height: none; max-height: 70vh;} .o_ace_select2_dropdown > .select2-results .select2-result-label{padding-top: 1px; padding-bottom: 2px;} .o_ace_select2_dropdown > .select2-results .select2-result-label > .o_ace_select2_result{padding: 0; font-size: 12px; white-space: nowrap;} body .modal .o_select_media_dialog{width: 80%;} body .modal .o_select_media_dialog .modal-body .nav-tabs .active > a[href="#editor-media-icon"]{background-color: white;} body .modal .o_select_media_dialog .modal-body li.search{float: right;} body .modal .o_select_media_dialog .modal-body li.search ul.pager li:last-child{margin-left: 2px;} body .modal .o_select_media_dialog .modal-body li.search .form-group{position: relative; margin: 0 10px 0 0;} body .modal .o_select_media_dialog .modal-body li.search .form-group > input{padding-right: 30px;} body .modal .o_select_media_dialog .modal-body li.search .form-group > span{position: absolute; top: 7px; left: auto; bottom: auto; right: 7px; font-size: 1.3em;} body .modal .o_select_media_dialog .modal-body .well{border-color: #eeeeee; border-top-width: 0;} body .modal .o_select_media_dialog .modal-body .o_existing_attachment_cell .o_existing_attachment_remove{position: absolute; top: 1px; left: auto; bottom: auto; right: 16px; padding: 3px 5px 5px 5px; background-color: rgba(255, 255, 255, 0.8); text-shadow: 0 0 1px white; border-radius: 0 0 0 2px; opacity: 0; cursor: pointer;} body .modal .o_select_media_dialog .modal-body .o_existing_attachment_cell .o_existing_attachment_remove:hover{background-color: white; color: #e6586c;} body .modal .o_select_media_dialog .modal-body .o_existing_attachment_cell .o_image{border: 1px solid transparent; cursor: pointer;} body .modal .o_select_media_dialog .modal-body .o_existing_attachment_cell .o_image.o_webimage{width: 100%; height: auto; background-image: none!important;} body .modal .o_select_media_dialog .modal-body .o_existing_attachment_cell.o_selected .o_image{border-color: #7c7bad; box-shadow: 0px 0px 2px 2px #f0eeee;} body .modal .o_select_media_dialog .modal-body .o_existing_attachment_cell:hover .o_existing_attachment_remove{opacity: 1;} body .modal .o_select_media_dialog .modal-body .font-icons-icons{padding: 20px 0;} body .modal .o_select_media_dialog .modal-body .font-icons-icons > span{text-align: center; font-size: 22px; margin: 5px; width: 50px; height: 50px; padding: 15px; cursor: pointer;} body .modal .o_select_media_dialog .modal-body .font-icons-icons > span.o_selected{cursor: auto; background-color: #fcfcfc; box-shadow: 0px 0px 0px 1px #40ad67;} body .modal .o_select_media_dialog .modal-body #editor-media-image .well label, body .modal .o_select_media_dialog .modal-body #editor-media-document .well label{margin: auto 10px;} body .modal .o_select_media_dialog .modal-body #editor-media-image .well .btn-group, body .modal .o_select_media_dialog .modal-body #editor-media-document .well .btn-group{margin-right: 10px;} body .modal .o_select_media_dialog .modal-body #editor-media-video .well{padding: 0; display: -ms-flexbox; display: -moz-box; display: -webkit-box; display: -webkit-flex; display: flex; -ms-flex-flow: row wrap; -moz-flex-flow: row wrap; -webkit-flex-flow: row wrap; flex-flow: row wrap;} body .modal .o_select_media_dialog .modal-body #editor-media-video .well .o_video_dialog_form{-ms-flex: 1 1 auto; -moz-flex: 1 1 auto; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; flex: 1 1 auto; min-width: 0; padding: 20px;} body .modal .o_select_media_dialog .modal-body #editor-media-video .well .o_video_dialog_form #o_video_form_group{position: relative; width: 100%;} body .modal .o_select_media_dialog .modal-body #editor-media-video .well .o_video_dialog_form #o_video_form_group > textarea{width: 100%; min-height: 95px; padding-bottom: 25px; overflow-y: scroll;} body .modal .o_select_media_dialog .modal-body #editor-media-video .well .o_video_dialog_form #o_video_form_group > .o_validate_feedback{position: absolute; top: auto; left: auto; bottom: 10px; right: 10px;} body .modal .o_select_media_dialog .modal-body #editor-media-video .well .o_video_dialog_form #o_video_form_group > .o_validate_feedback > .fa{display: none;} body .modal .o_select_media_dialog .modal-body #editor-media-video .well .o_video_dialog_form #o_video_form_group.has-error > .o_validate_feedback > .fa-exclamation-triangle{display: block;} body .modal .o_select_media_dialog .modal-body #editor-media-video .well .o_video_dialog_form #o_video_form_group.has-success > .o_validate_feedback > .fa-check{display: block;} body .modal .o_select_media_dialog .modal-body #editor-media-video .well #video-preview{position: relative; -ms-flex: 1 0 50%; -moz-flex: 1 0 50%; -webkit-box-flex: 1; -webkit-flex: 1 0 50%; flex: 1 0 50%; display: -ms-flexbox; display: -moz-box; display: -webkit-box; display: -webkit-flex; display: flex; -ms-flex-flow: column nowrap; -moz-flex-flow: column nowrap; -webkit-flex-flow: column nowrap; flex-flow: column nowrap; -moz-justify-content: center; -webkit-justify-content: center; justify-content: center; padding: 0 19px; border-top: 1px solid black; border-bottom: 1px solid white; background-repeat: repeat-x; background-image: -webkit-linear-gradient(-150deg, #2c2c36, #272730); background-image: -o-linear-gradient(-150deg, #2c2c36, #272730); background-image: linear-gradient(-150deg, #2c2c36, #272730); color: #ffffff; border: none;} body .modal .o_select_media_dialog .modal-body #editor-media-video .well #video-preview .media_iframe_video{width: 100%;} body .modal .o_select_media_dialog .modal-body #editor-media-video .well #video-preview .o_video_dialog_iframe{display: inline-block; overflow: hidden; box-shadow: 0 0 15px 2px #000; max-width: 100%; max-height: 100%;} body .modal .o_select_media_dialog .modal-body #editor-media-video .well #video-preview .o_video_dialog_iframe.alert{-webkit-animation: fadeInDownSmall 700ms ease 0s 1 normal forwards running; -moz-animation: fadeInDownSmall 700ms ease 0s 1 normal forwards running; -o-animation: fadeInDownSmall 700ms ease 0s 1 normal forwards running; animation: fadeInDownSmall 700ms ease 0s 1 normal forwards running; margin: 0 auto;} body .modal .o_bg_img_opt_modal .o_bg_img_opt{margin: 15px 0;} body .modal .o_bg_img_opt_modal .o_bg_img_opt .help-control{position: absolute; top: 15px; left: auto; bottom: auto; right: 15px;} body .modal .o_bg_img_opt_modal .o_bg_img_opt .help{margin: 15px 0;} body .modal .o_bg_img_opt_modal .o_bg_img_opt .help .simulator{position: relative; float: left; margin-right: 15px; width: 120px; height: 100px;} body .modal .o_bg_img_opt_modal .o_bg_img_opt .help .simulator .bg{position: absolute; top: 0; left: 0; bottom: 0; right: 0; border: 1px dotted #888787; background-image: url(/web/image); background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} body .modal .o_bg_img_opt_modal .o_bg_img_opt .help .simulator .el{position: absolute; top: 10px; left: 0; bottom: 10px; right: 0; border: 1px solid #222;} body .modal .o_bg_img_opt_modal .o_bg_img_opt .help .simulator.contain_bg .bg{position: absolute; top: 0; left: 12px; bottom: 20px; right: 12px;} body .modal .o_bg_img_opt_modal .o_bg_img_opt .help .simulator.contain_bg .el{position: absolute; top: 0; left: 0; bottom: 20px; right: 0;} body .modal .o_bg_img_opt_modal .o_bg_img_opt .help + *{clear: left;} body .modal .o_bg_img_opt_modal .o_bg_img_opt .o_bg_img_opt_cover_edition{padding: 0px 25px 25px 25px; border-top: 1px solid black; border-bottom: 1px solid white; background-repeat: repeat-x; background-image: -webkit-linear-gradient(-150deg, #2c2c36, #272730); background-image: -o-linear-gradient(-150deg, #2c2c36, #272730); background-image: linear-gradient(-150deg, #2c2c36, #272730); color: #ffffff;} body .modal .o_bg_img_opt_modal .o_bg_img_opt .o_bg_img_opt_cover_edition h6{color: white; font-weight: bold;} body .modal .o_bg_img_opt_modal .o_bg_img_opt .o_bg_img_opt_cover_edition .o_bg_img_opt_object{position: relative; background: white; min-height: 10px; display: inline-block; max-width: 100%; overflow: hidden; box-shadow: 0 0 15px 2px #000;} body .modal .o_bg_img_opt_modal .o_bg_img_opt .o_bg_img_opt_cover_edition .o_bg_img_opt_object > img{cursor: crosshair; border-top: 1px solid #5A5A5A; border-bottom: 1px solid #111;} body .modal .o_bg_img_opt_modal .o_bg_img_opt .o_bg_img_opt_cover_edition .o_bg_img_opt_object:hover .o_focus_point:before{opacity: 0.5;} body .modal .o_bg_img_opt_modal .o_bg_img_opt .o_bg_img_opt_cover_edition .o_bg_img_opt_ui_info{-webkit-animation: fadeInOut 2s ease forwards; -o-animation: fadeInOut 2s ease forwards; animation: fadeInOut 2s ease forwards; position: absolute; top: auto; left: auto; bottom: 1px; right: 0; display: block; padding: 3px 13px; background-color: rgba(255, 255, 255, 0.8); color: #333; text-align: center; font-weight: bold; pointer-events: none;} body .modal .o_bg_img_opt_modal .o_bg_img_opt .o_bg_img_opt_cover_edition .o_bg_img_opt_ui_info span{font-weight: normal;} body .modal .o_bg_img_opt_modal .o_bg_img_opt .o_bg_img_opt_cover_edition .o_bg_img_opt_ui_info .o_x{margin-right: 10px;} body .modal .o_bg_img_opt_modal .o_bg_img_opt .o_bg_img_opt_cover_edition .grid{position: absolute; top: 33.33%; left: 0; bottom: auto; right: auto; display: block; width: 100%; height: 1px; background: rgba(218, 217, 232, 0.5); pointer-events: none;} body .modal .o_bg_img_opt_modal .o_bg_img_opt .o_bg_img_opt_cover_edition .grid.grid-2{top: 66.66%;} body .modal .o_bg_img_opt_modal .o_bg_img_opt .o_bg_img_opt_cover_edition .grid.grid-3{top: 0; left: 33.33%; width: 1px; height: 100%;} body .modal .o_bg_img_opt_modal .o_bg_img_opt .o_bg_img_opt_cover_edition .grid.grid-4{top: 0; left: 66.66%; width: 1px; height: 100%;} body .modal .o_bg_img_opt_modal .o_bg_img_opt .o_bg_img_opt_cover_edition .o_focus_point{position: absolute; top: 0; left: 0; bottom: auto; right: auto; width: 30px; height: 30px; border: 2px solid white; border-radius: 100%; margin-top: -15px; margin-left: -15px; box-shadow: 0 0 1px #333; pointer-events: none;} body .modal .o_bg_img_opt_modal .o_bg_img_opt .o_bg_img_opt_cover_edition .o_focus_point.o_with_transition{-webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;} body .modal .o_bg_img_opt_modal .o_bg_img_opt .o_bg_img_opt_cover_edition .o_focus_point:before{pointer-events: none; content: ""; display: block; width: 100px; height: 100px; margin-top: -37px; margin-left: -37px; border: 1px solid #EAEAEA; background: rgba(247, 76, 76, 0); border-radius: 100em; opacity: 1; box-shadow: 0 0 0 100em rgba(0, 0, 0, 0.33); -webkit-transition: opacity 0.2s ease 0s; -moz-transition: opacity 0.2s ease 0s; -o-transition: opacity 0.2s ease 0s; transition: opacity 0.2s ease 0s;} body .modal .o_link_dialog .o_link_dialog_color > .o_link_dialog_color_item{position: relative; width: 30px; height: 30px; padding: 0; border: 2px solid rgba(0, 0, 0, 0.25); border-radius: 50%;} body .modal .o_link_dialog .o_link_dialog_color > .o_link_dialog_color_item input:checked + i::before{content: "\f00c"; position: absolute; top: 6px; left: 5px; bottom: auto; right: auto;} body .modal .o_link_dialog .o_link_dialog_color > .o_link_dialog_color_item.btn-link{padding: 3px 9px;} body .modal .o_link_dialog .o_link_dialog_color > .o_link_dialog_color_item.btn-link > span{text-decoration: underline;} body .modal .o_link_dialog .o_link_dialog_preview{border-left: 1px solid #eeeeee;} .ui-autocomplete{z-index: 1051;} 

/* /mass_mailing/static/src/less/mass_mailing.ui.less defined in bundle 'web_editor.assets_editor' */
 .o_mail_theme_selector > a{position: absolute; top: 0; left: 0; bottom: auto; right: 0; height: 34px; line-height: 31px; border-radius: 0; background-color: #272730; color: #999999;} .o_mail_theme_selector > a:hover, .o_mail_theme_selector > a:focus, .o_mail_theme_selector > a:active{color: #d4d5d7;} .o_mail_theme_selector > a i{margin-right: 10px;} .o_mail_theme_selector.open > a{color: white; background-color: #2c2c36;} .o_mail_theme_selector .dropdown-menu{position: absolute; top: 33px; left: -1px; bottom: -1px; right: -1px; margin: 0; border-radius: 0; overflow: auto; background-color: #2c2c36;} .o_mail_theme_selector .dropdown-menu > li{margin: 0;} .o_mail_theme_selector .dropdown-menu > li > a{padding: 10px 10px;} .o_mail_theme_selector .dropdown-menu > li > a .o_thumb{display: none; background-size: cover; padding-top: 50%; border: 1px solid #4e525b; border-top: 1px solid #999999;} .o_mail_theme_selector .dropdown-menu > li > a .o_thumb.logo{display: block;} .o_mail_theme_selector .dropdown-menu > li:hover > a{background-color: #272730;} .o_mail_theme_selector .dropdown-menu > li:hover > a .o_thumb{border: 1px solid white;} .o_mail_theme_selector .dropdown-menu > li.selected > a .o_thumb{border: 2px solid #7c7bad; background-color: #2c2c36;} body.o_force_mail_theme_choice #oe_snippets{width: 100%;} body.o_force_mail_theme_choice #oe_snippets .o_mail_theme_selector .dropdown-toggle{display: none;} body.o_force_mail_theme_choice #oe_snippets .o_mail_theme_selector .dropdown-menu{display: block;} body.o_force_mail_theme_choice #oe_snippets .o_mail_theme_selector .dropdown-menu > li{margin: 0; float: left; width: 100%; max-width: 25%;} body.o_force_mail_theme_choice #oe_snippets .o_mail_theme_selector .dropdown-menu > li > a{-webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;} body.o_force_mail_theme_choice #oe_snippets .o_mail_theme_selector .dropdown-menu > li > a .o_thumb{display: none; padding-top: 107%; border: 1px solid #4e525b; border-top: 1px solid #999999; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.8); will-change: transform; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;} body.o_force_mail_theme_choice #oe_snippets .o_mail_theme_selector .dropdown-menu > li > a .o_thumb.small{display: block;} @media screen and (min-width: 900px){body.o_force_mail_theme_choice #oe_snippets .o_mail_theme_selector .dropdown-menu > li > a .o_thumb.small{display: none;}body.o_force_mail_theme_choice #oe_snippets .o_mail_theme_selector .dropdown-menu > li > a .o_thumb.large{display: block;}} body.o_force_mail_theme_choice #oe_snippets .o_mail_theme_selector .dropdown-menu > li:hover > a{background-color: #2c2c36;} body.o_force_mail_theme_choice #oe_snippets .o_mail_theme_selector .dropdown-menu > li:hover > a .o_thumb{box-shadow: 0 5px 30px 1px rgba(0, 0, 0, 0.6);} body.o_force_mail_theme_choice #oe_snippets .o_mail_theme_selector .dropdown-menu > li.o_mass_mailing_themes_upgrade > a .o_thumb{position: relative; display: block; border: 1px dashed white; opacity: 0.2;} body.o_force_mail_theme_choice #oe_snippets .o_mail_theme_selector .dropdown-menu > li.o_mass_mailing_themes_upgrade > a .o_thumb > .fa{position: absolute; top: 0; left: 0; bottom: 0; right: 0; text-align: center; font-size: 50px; color: white;} body.o_force_mail_theme_choice #oe_snippets .o_mail_theme_selector .dropdown-menu > li.o_mass_mailing_themes_upgrade > a .o_thumb > .fa::before{vertical-align: middle;} body.o_force_mail_theme_choice #oe_snippets .o_mail_theme_selector .dropdown-menu > li.o_mass_mailing_themes_upgrade > a .o_thumb > .fa::after{content: ""; display: inline-block; height: 100%; vertical-align: middle;}