/* Placeholder trick */
[contenteditable=true]:empty:not(:focus):before {
    content: attr(placeholder);
    display: block;
    color:#AAA;
}

ins {
    text-decoration: none;
}

.spellcheck-editor {
    /*-webkit-user-modify: read-write-plaintext-only;*/
}

::highlight(editor-highlight-inn){
    color: var(--text-danger, #DC3545);
}

.editor-highlight {
    /*cursor: pointer;*/
    /*text-decoration: underline !important;
    text-decoration-color: red !important;;
    text-decoration-style: wavy !important;;
    text-decoration-thickness: 1px !important;;
    text-decoration-skip-ink: none;*/
    color: var(--text-danger, #DC3545);

    /*background: #f2dcdc;*/
    /*animation-duration: 1s;
    animation-name: animationPrint;*/
}

@keyframes animationPrint {
    from {
        color: #F1F1F1;
    }

    to {
        /*background: #f2dcdc;*/
        color: red;
        /*text-decoration-color: red;*/
    }
}

.editor-error-container {
    direction: ltr;
    text-align: left;
    width: 90%;
    max-width: 400px;
    background: #fff;
    box-shadow: 0 0 2rem 0.4rem;
    border-radius: 0.5rem;
    position: absolute;
    top: 60px;
    z-index: 2;
    padding: 0 20px 20px;
    box-sizing: border-box;
}

.editor-error-container h5 {
    margin: 20px 0;
}

.editor-error-container p {
    margin: 0 0 20px;
}

.editor-error-container ul {
    list-style: none;
    padding: 0;
}
.editor-error-container div.button {
    display: inline-block;
    margin: 0 10px 10px 0;
}
.editor-error-container .close {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 25px;
    padding: 5px 10px;
    cursor: pointer;
}


/*
 Customizable styles
 */
.suggestion-button {
    cursor: pointer;
    text-align: center;
    border: none;
    padding: .5rem;
    border-radius: .7rem;
    font-size: 1rem;
    color: white;
    background: #19d9b4;
    float: left;
    margin: 0 0.5rem 0.5rem 0;
}
.suggestion-button:active {
    transform: translateY(-1px);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.suggestion-remove {
    background: #d20000;
}
.add-to-dictionary-button {
    background: none;
    color: grey;
    border: 1px solid grey;
}