﻿.bf-richTextEditor {
    position: relative;
}

.bf-richTextEditor-editor {
    border: 1px solid var(--semanticColors-InputBorder);
    background: var(--semanticColors-InputBackground);
    cursor: text;
    /*padding: 6px 8px;*/
    margin-top: 0.1px; /* Odd rendering issue with hover for EdgeHTML */
    min-height: 60px;
    height: auto;
}


@media screen and (-ms-high-contrast: active) {
    .richTextEditor-editor:hover {
        border-color: Highlight;
    }
}


.bf-richTextEditor-editor:focus {
    outline: none;
}


.bf-richTextEditor-editor div:focus {
    outline: none;
}


.bf-richTextEditor-editor:active {
    outline: none;
}


@media screen and (-ms-high-contrast: active) {
    .bf-richTextEditor-editor:active {
        border-color: Highlight;
        border-width: 2px;
    }
}


.bf-richTextEditor-editor:hover {
    border-color: var(--semanticColors-InputBorderHovered);
}


.bf-richTextEditor.is-disabled .bf-richTextEditor-editor {
    background-color: var(--semanticColors-DisabledBackground);
    /*border-color: var(--semanticColors-DisabledBackground);*/
    cursor: default;
}


.bf-richTextEditor ::deep .ql-editor {
    box-sizing: border-box;
    cursor: text;
    line-height: 1.42;
    height: 100%;
    outline: none;
    overflow-y: auto;
    padding: 6px 8px;
    tab-size: 4;
    text-align: left;
    white-space: pre-wrap;
    word-wrap: break-word;
}

    .bf-richTextEditor ::deep .ql-editor:focus {
        outline: none;
    }

.bf-richTextEditor ::deep .ql-clipboard {
    left: -100000px;
    height: 1px;
    overflow-y: hidden;
    position: absolute;
    top: 50%;
}
.bf-richTextEditor ::deep .ql-clipboard {
    outline: none;
}
          
