/* ======================================================================
   EasyMDE editor - SNetworks admin
   Restores a markdown editor on admin `.bb-textarea` fields after the
   FOSSBilling migration dropped BoxBilling's markItUp editor.

   Toolbar glyphs are drawn with CSS `content` so no icon font (Font
   Awesome) is required - the admin theme ships none. Each toolbar button
   is given a `mde-ic mde-<name>` class by the bb_editor macro.
   ====================================================================== */

.editor-toolbar button.mde-ic {
    font-family: inherit;
}

.editor-toolbar button.mde-ic::before {
    display: inline-block;
    font-size: 13px;
    line-height: 1;
}

.editor-toolbar button.mde-bold::before {
    content: "B";
    font-weight: 800;
}

.editor-toolbar button.mde-italic::before {
    content: "I";
    font-style: italic;
    font-weight: 700;
    font-family: Georgia, "Times New Roman", serif;
}

.editor-toolbar button.mde-heading::before {
    content: "H";
    font-weight: 800;
}

.editor-toolbar button.mde-quote::before {
    content: "\201D";
    font-weight: 800;
    font-size: 18px;
}

.editor-toolbar button.mde-code::before {
    content: "</>";
    font-family: ui-monospace, Menlo, Consolas, monospace;
    font-size: 11px;
}

.editor-toolbar button.mde-ul::before {
    content: "\2630";
    font-size: 12px;
}

.editor-toolbar button.mde-ol::before {
    content: "1.";
    font-weight: 700;
}

.editor-toolbar button.mde-link::before {
    content: "Link";
    font-size: 12px;
}

.editor-toolbar button.mde-image::before {
    content: "Image";
    font-size: 12px;
}

.editor-toolbar button.mde-preview::before {
    content: "Preview";
    font-size: 12px;
}

/* Keep the white editor surface readable when embedded in the dark admin
   theme - the editor stays a light content panel, as it was in BoxBilling. */
.EasyMDEContainer .CodeMirror {
    color: #1d273b;
    background-color: #fff;
}

.EasyMDEContainer .editor-toolbar button {
    color: #1d273b;
}