@-webkit-keyframes dragAndDrop {
    0% {
        top: -10px;
        left: -20px;
        .rotate(0);
        opacity: 0;
    }
    50% {
        top: -10px;
        left: -20px;
        .rotate(0);
        opacity: 0;
    }
    100% {
        top: 30px;
        left: 20px;
        .rotate(45deg);
        opacity: 1;
    }
}
@keyframes dragAndDrop {
    0% {
        top: -10px;
        left: -20px;
        .rotate(0);
        opacity: 0;
    }
    50% {
        top: -10px;
        left: -20px;
        .rotate(0);
        opacity: 0;
    }
    100% {
        top: 30px;
        left: 20px;
        .rotate(45deg);
        opacity: 1;
    }
}

.o_editable {
    &:not(:empty), &[data-oe-type] {
        &:not([data-oe-model="ir.ui.view"]):not([data-oe-type="html"]):hover {
            box-shadow: @odoo-brand-primary 0 0 5px 2px inset;
        }
    }
    &:focus, &[data-oe-type] {
        min-height: 0.8em;
        min-width: 8px;
    }
    &.o_is_inline_editable {
        display: inline-block;
    }
    .btn, &.btn {
        .user-select(auto);
        cursor: text!important;
    }
    /* Summernote not Support for placeholder text https://github.com/summernote/summernote/issues/581 */
    &[placeholder]:empty:not(:focus):before {
        content: attr(placeholder);
        opacity: 0.3;
    }

    &.oe_structure.oe_empty, &[data-oe-type=html] {
        > p:empty:only-child {
            color: #aaa;
        }
    }
    &.oe_structure.oe_empty, &[data-oe-type=html] {
        &:empty,
        > .oe_drop_zone.oe_insert:only-child,
        > p:empty:only-child {
            position: relative;
            &:before {
                display: block;
                font-family: FontAwesome;
                content: "\f061";
                color: @odoo-brand-primary;
                font-size: 30px;

                position: absolute;
                z-index: 1031;
                .o-animation(dragAndDrop, 1s, linear, 0s, infinite, alternate);
            }
            &:focus:before { display: none; }
        }
    }
}
.editor_enable [data-oe-readonly]:hover {
    cursor: default;
}

/* Prevent the text contents of draggable elements from being selectable. */
[draggable] {
    .user-select(none);
}

.oe_editable:focus,
.css_editable_hidden,
.editor_enable .css_editable_mode_hidden {
    outline: none!important;
}

.css_editable_display,
.editor_enable .css_non_editable_mode_hidden,
.o_editable .media_iframe_video .css_editable_mode_display {
    display: block!important;
}

[data-oe-type=html].oe_no_empty:empty {
    height: 16px!important;
    &:before {
        content: ''!important;
    }
}

// EDITOR BAR
table.editorbar-panel {
    cursor: pointer;
    width: 100%;
    td { border: 1px solid #aaa}
    td.selected { background-color: #b1c9d9}
}
.link-style {
    .dropdown > .btn {
        min-width: 160px;
    }
    .link-style {
        display: none;
    }
    li {
        text-align: center;
        label {
            width: 100px;
            margin: 0 5px;
        }
    }
    .col-sm-2 > * {
        line-height: 2em;
    }
}

// fontawesome
.note-editable .fa {
    cursor: pointer;
}