@include exports("editor/theme") {


    .k-editor {
        @include fill(
            $panel-text,
            $panel-bg,
            $panel-border
        );
    }

    // Inline Editor
    .k-editor-inline {

        .k-table {
            &,
            & td {
                border-color: #cccccc;
            }
        }

        .k-table-resize-handle-wrapper {
            background-color: #ffffff;
            border-color: #000000;
        }

        .k-column-resize-handle-wrapper {
            .k-column-resize-handle {
                .k-column-resize-marker {
                    background-color: #00b0ff;
                }
            }
        }

        .k-row-resize-handle-wrapper {
            .k-row-resize-marker {
                background-color: #00b0ff;
            }
        }

        // Hover & Actve state
        &:hover,
        &.k-state-active {
            border-color: $panel-border;
        }
    }

    // sass-lint:disable class-name-format
    .editorToolbarWindow.k-header.k-window-content {
        @include fill(
            $toolbar-text,
            $toolbar-bg,
            $toolbar-border,
            $toolbar-gradient
        );
    }
    // sass-lint:enable class-name-format


    // Insert table
    .k-ct-popup {
        .k-state-selected {
            @include fill( $selected-text, $selected-bg, $selected-border, none );
        }
    }

}