
.wysiwyg-iframe-container {
    &.fallback {
        border-radius: var(--border-radius);
        overflow: hidden;
        background-color: var(--white-color);
    }
}

.note-editable blockquote {
    font-size: @font-size-base;
}

.note-editor {
    .note-toolbar.sticked {
        z-index: 1;
        position: fixed;
        background-color: @panel-bg;
    }

    &.panel > .panel-heading {
        .btn {
            //border-bottom-width: 1px;
            padding-top: 4px;
            padding-bottom: 4px;
        }

        .dropdown-menu .btn-group > .btn {
            > i {
                top: 1px;
                position: relative;
            }
        }
    }

    .note-editing-area {
        ul,
        ol {
            margin-top: (@line-height-computed / 2);
            margin-bottom: (@line-height-computed / 2);

            &:first-child {
                margin-top: 0;
            }

            &:last-child {
                margin-bottom: 0;
            }
        }
    }
}

.panel.note-editor {
    margin-bottom: 0;

    .note-toolbar {
        border-bottom: 0 !important;
        background-color: transparent;

        > .btn-group {
            margin-bottom: 5px;
            .btn {
                margin-bottom: 0;
            }
        }
    }

    &.panel-default {
        > .panel-heading .btn-default {
            background-color: @btn-default-bg !important;
            border-color: @btn-default-border !important;
        }
    }

    .panel-heading {
        padding: 5px 5px 0 5px;
        min-height: calc(30px + 10px);
    }

    .note-editable {
        min-height: 39px;

        table.bordered {
            &, th, td {
                border: 1px solid;
            }
        }
    }

    &.note-frame {
        .note-editing-area {
            .note-editable {
                background-color: var(--input-bg);
                color: var(--input-color);

                &[contenteditable="false"] {
                    background-color: var(--text-color);
                }
            }
        }

        .note-statusbar {
            background-color: var(--input-bg);
            border-bottom-left-radius: var(--border-radius);
            border-bottom-right-radius: var(--border-radius);
            height: 8px;
        }

        output.note-status-output {
            padding-top: 0;
        }
    }
}

body .note-editor {
    .panel-heading {
        > .btn-group {
            right: 0;
            top: 0;

            > .btn {
                > i,
                > span {
                    position: relative;
                    top: 1px;
                }
            }

            > .btn-group {
                > .btn {
                    > i,
                    > span {
                        position: relative;
                        top: 1px;
                    }
                }
            }
        }
    }

    &.codeview {
        textarea.note-codable {
            min-height: 400px;
        }
    }

    .note-statusbar.locked {
        .note-resizebar {
            display: none;
        }
    }
}
