﻿/* ==========================================================
   AXXPOINT TINYMCE COMPACT THEME
   Visual Studio / Outlook inspired
========================================================== */

.axx-editor-host .tox,
.axx-editor-host .tox * {
    font-family: var(--axx-font-family, "Segoe UI", Arial, sans-serif);
}

.axx-editor-host .tox-tinymce {
    border: 1px solid var(--axx-border);
    border-radius: var(--axx-radius);
    min-height: 420px;
    overflow: hidden;
}

.axx-editor-host .tox-editor-header {
    border-bottom: 1px solid var(--axx-border);
    background: var(--axx-surface);
}

.axx-editor-host .tox-toolbar,
.axx-editor-host .tox-toolbar__primary,
.axx-editor-host .tox-toolbar__overflow {
    min-height: var(--axx-control-height, 24px);
    padding: 0;
    background: var(--axx-surface);
}

.axx-editor-host .tox-toolbar__group {
    padding: 0 2px;
}

.axx-editor-host .tox-tbtn {
    width: var(--axx-control-height, 24px);
    height: var(--axx-control-height, 24px);
    margin: 0 1px;
}

    .axx-editor-host .tox-tbtn svg {
        width: 14px;
        height: 14px;
    }

.axx-editor-host .tox-tbtn__select-label {
    font-size: .72rem;
}

.axx-editor-host .tox-mbtn {
    height: var(--axx-control-height, 24px);
    font-size: .72rem;
}

.axx-editor-host .tox-statusbar {
    height: 22px;
    min-height: 22px;
    font-size: .70rem;
    border-top: 1px solid var(--axx-border);
    background: var(--axx-surface);
}

.axx-editor-host .tox-edit-area__iframe {
    background: var(--axx-bg);
}

.axx-editor-host .tox-split-button {
    height: var(--axx-control-height, 24px);
}

.axx-editor-host .tox-listboxfield,
.axx-editor-host .tox-textfield,
.axx-editor-host .tox-toolbar-textfield {
    height: var(--axx-control-height, 24px);
    font-size: .72rem;
}

.tox .tox-collection__item,
.tox .tox-menu,
.tox .tox-listboxfield,
.tox .tox-textfield {
    font-size: .72rem;
}
