.note-editor-preview {
    border: 1px solid #ced4da;
    min-height: 100px;
    max-height: 350px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: .5625rem 1rem;
    cursor: default;
    border-radius: 2px;
}

    .note-editor-preview.empty {
        min-height: initial
    }

.note-editor.note-frame {
    border: 1px solid #ced4da !important;
    border-radius: 2px;
    box-shadow: none;
}

.note-editor:focus-within, .note-editor:focus, .note-editor.focus {
    z-index: 999;
    border-color: #689de8 !important
}

.note-toolbar {
    display: flex;
    flex-wrap: wrap;
    gap: 0 .25rem;
    border-top-right-radius: 2px;
    border-top-left-radius: 2px;
    padding: 0 .25rem .25rem !important;
}

    .note-toolbar > .note-btn-group {
        margin-top: 0.25rem !important;
        border: 1px solid #ced4da;
        border-radius: 0.2rem;
        margin-right: 0 !important;
    }

        .note-toolbar > .note-btn-group .btn:last-of-type {
            margin-right: 0 !important;
        }


    .note-toolbar .dropdown-toggle:after {
        opacity: .6
    }

    .note-toolbar .dropdown-toggle:not(:empty):after {
        margin-left: .5em;
    }

    .note-toolbar .note-para > .btn-group:last-child .dropdown-menu.show {
        display: flex;
    }

    .note-toolbar .dropdown-style > .dropdown-item > * {
        margin-bottom: 0
    }

    .note-toolbar .scrollable-menu {
        height: auto;
        max-height: 340px;
        width: 360px;
        overflow-x: hidden;
        padding: 0 !important
    }

/*
    .note-editor .note-toolbar-wrapper {
        position: relative
    }

        .note-editor .note-toolbar .btn-group-cssclass .dropdown-menu.show {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column
        }

        .note-editor .note-toolbar .btn-group-cssclass .dropdown-menu .dropdown-item {
            position: relative
        }

            .note-editor .note-toolbar .btn-group-cssclass .dropdown-menu .dropdown-item.checked {
                -webkit-box-ordinal-group: 0;
                -ms-flex-order: -1;
                order: -1
            }

                .note-editor .note-toolbar .btn-group-cssclass .dropdown-menu .dropdown-item.checked:before {
                    position: absolute;
                    content: '';
                    left: 0;
                    top: 0;
                    bottom: 0;
                    width: 3px;
                    background-color: #f7a833
                }

    .note-editor .note-editable table:not(.table-bordered):not([border]), .note-editor .note-editable table:not(.table-bordered)[border='0'] {
        border-collapse: collapse
    }

        .note-editor .note-editable table:not(.table-bordered):not([border]) td, .note-editor .note-editable table:not(.table-bordered):not([border]) th, .note-editor .note-editable table:not(.table-bordered)[border='0'] td, .note-editor .note-editable table:not(.table-bordered)[border='0'] th {
            border: 1px dashed #bbb
        }
*/