/* =========================
   Toolbar
   ========================= */

.teksteditor-toolbar {
    margin-bottom: 10px;
    font-size: 14px;
    max-width: 890px;
    white-space: nowrap;
}

    .teksteditor-toolbar button,
    .teksteditor-toolbar select {
        margin-right: 2px;
        height: 30px;
        padding: 0 6px;
    }

.teksteditor-fontfamily {
    width: 95px;
}

.teksteditor-fontsize {
    width: 100px;
}

.teksteditor-fontcolor {
    width: 100px;
}

.teksteditor-heading {
    width: 70px;
}


/* =========================
   Editor container
   ========================= */

.teksteditor-container {
    display: block;
    width: 870px;
    height: 185px;
    border: 1px solid #ccc;
    background-color: #fff;
    overflow-y: auto;
    overflow-x: hidden;
}

.teksteditor-editor {
    box-sizing: border-box;
    width: 100%;
    min-height: 185px;
    padding: 10px;
    background-color: #fff;
    outline: none;
}


    /* =========================
   Standard tekst
   ========================= */

    .teksteditor-editor p {
        margin: 0 0 6px 0 !important;
    }

        .teksteditor-editor p:empty {
            margin: 0 !important;
            min-height: 0 !important;
        }

    .teksteditor-editor a {
        color: #0d6efd;
        text-decoration: underline;
    }


    /* =========================
   Lister (standard)
   ========================= */

    .teksteditor-editor ul,
    .teksteditor-editor ul li {
        list-style-type: disc !important;
    }

    .teksteditor-editor ol,
    .teksteditor-editor ol li {
        list-style-type: decimal !important;
    }

    .teksteditor-editor ul,
    .text ul {
        list-style-position: outside !important;
        margin: 2px 0 2px 25px !important;
        padding-left: 18px !important;
    }

    .teksteditor-editor ol,
    .text ol {
        list-style-position: outside !important;
        margin: 2px 0 2px 25px !important;
        padding-left: 18px !important;
    }

    .teksteditor-editor li,
    .text li {
        display: list-item !important;
        margin: 1px 0 !important;
        line-height: 1.35 !important;
    }


    /* =========================
   Headings
   ========================= */

    .teksteditor-editor h1 {
        font-size: 32px !important;
        font-weight: 700 !important;
        margin: 16px 0 10px 0 !important;
    }

    .teksteditor-editor h2 {
        font-size: 26px !important;
        font-weight: 700 !important;
        margin: 14px 0 9px 0 !important;
    }

    .teksteditor-editor h3 {
        font-size: 22px !important;
        font-weight: 700 !important;
        margin: 12px 0 8px 0 !important;
    }

    .teksteditor-editor h4 {
        font-size: 18px !important;
        font-weight: 700 !important;
        margin: 10px 0 7px 0 !important;
    }

    .teksteditor-editor h5 {
        font-size: 16px !important;
        font-weight: 700 !important;
        margin: 8px 0 6px 0 !important;
    }

        .teksteditor-editor h1 *,
        .teksteditor-editor h2 *,
        .teksteditor-editor h3 *,
        .teksteditor-editor h4 *,
        .teksteditor-editor h5 * {
            font-size: inherit !important;
            font-weight: inherit !important;
        }


    /* =========================
   Font sizes (legacy <font>)
   ========================= */

    .teksteditor-editor font[size="1"] {
        font-size: 8pt;
    }

    .teksteditor-editor font[size="2"] {
        font-size: 10pt;
    }

    .teksteditor-editor font[size="3"] {
        font-size: 12pt;
    }

    .teksteditor-editor font[size="4"] {
        font-size: 14pt;
    }

    .teksteditor-editor font[size="5"] {
        font-size: 18pt;
    }

    .teksteditor-editor font[size="6"] {
        font-size: 24pt;
    }

    .teksteditor-editor font[size="7"] {
        font-size: 36pt;
    }


    /* =========================
   JUSTERING AF LISTER
   ========================= */

    /* Center */
    .teksteditor-editor div[style*="text-align: center"] ul,
    .teksteditor-editor div[style*="text-align: center"] ol,
    .text div[style*="text-align: center"] ul,
    .text div[style*="text-align: center"] ol {
        list-style-position: inside !important;
        margin-left: 0 !important;
        padding-left: 0 !important;
        text-align: center !important;
    }

    /* Højre */
    .teksteditor-editor div[style*="text-align: right"] ul,
    .teksteditor-editor div[style*="text-align: right"] ol,
    .text div[style*="text-align: right"] ul,
    .text div[style*="text-align: right"] ol {
        list-style-position: inside !important;
        margin-left: 0 !important;
        padding-left: 0 !important;
        text-align: right !important;
    }

    /* Venstre (normal) */
    .teksteditor-editor div[style*="text-align: left"] ul,
    .teksteditor-editor div[style*="text-align: left"] ol,
    .text div[style*="text-align: left"] ul,
    .text div[style*="text-align: left"] ol {
        list-style-position: outside !important;
        margin: 5px 0 5px 25px !important;
        padding-left: 20px !important;
        text-align: left !important;
    }


    /* =========================
   CENTERERET OL DIREKTE PÅ LISTEN
   ========================= */

    .teksteditor-editor ol[style*="text-align: center"],
    .text ol[style*="text-align: center"] {
        list-style-position: inside !important;
        margin: 2px auto !important;
        padding-left: 0 !important;
        text-align: center !important;
        width: fit-content !important;
    }

        .teksteditor-editor ol[style*="text-align: center"] li,
        .text ol[style*="text-align: center"] li {
            text-align: center !important;
        }


    .teksteditor-editor ol[data-align="center"],
    .text ol[data-align="center"],
    .teksteditor-editor ul[data-align="center"],
    .text ul[data-align="center"] {
        display: table !important;
        margin: 2px auto !important;
        padding-left: 18px !important;
        text-align: left !important;
        list-style-position: outside !important;
    }

    .teksteditor-editor ol[data-align="right"],
    .text ol[data-align="right"],
    .teksteditor-editor ul[data-align="right"],
    .text ul[data-align="right"] {
        display: table !important;
        margin-left: auto !important;
        margin-right: 0 !important;
        padding-left: 18px !important;
        text-align: left !important;
        list-style-position: outside !important;
    }