/*
  Custom CSS for quill editor behavior
 */

.ql-container {
    background: #fff;
    font-size:1.0em;
}
.ql-container.focus {
    border-color: #6FCF97;
}
.ql-tooltip {
    left: 0 !important;
    border-radius: 4px;
}
.ql-toolbar {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.ql-toolbar.focus {
    border-left-color:#6FCF97;
    border-right-color:#6FCF97;
    border-top-color:#6FCF97;
}
.ql-container,
.ql-editor {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}
.ql-editor {
    max-height:65vh;
}

.ql-container p,
.ql-container ul,
.ql-container ol {
    font-size: 1em;
}

.ql-container ul,
.ql-container ol {
    margin-bottom:8px;
    padding-left:10px;
}

.ql-container p { margin:0 0 0.5em 0; }
.ql-container h1 { font-weight:bold; font-size:1.8rem; margin:0 0 0.5em 0; }
.ql-container h2 { font-weight:bold; font-size:1.6rem; margin:0 0 0.5em 0; }
.ql-container h3 { font-weight:bold; font-size:1.4rem; margin:0 0 0.5em 0; }
.ql-container h4 { font-weight:bold; font-size:1.2rem; margin:0 0 0.5em 0; border-bottom: none; }

.ql-container a {
    font-size:1em;
}

.ql-container .mergevar {
    border:0;
    background:#fff4d5;
    border-radius:4px;
    padding:0px 2px;
    margin:0px -1px;
    /*color:#333;*/
    font-style:normal;
}
.ql-container em .mergevar {
    font-style: italic;
}
.ql-container .mergeblockvar {
    border:0;
    padding:0px 2px;
    background:#fff4d5;
    border-radius:4px;
    margin:0 -2px 0.5em;
    color:#333;
    white-space:normal;
}

.ql-container .mergeblockvar table {
    width:100%;
    border-collapse: collapse;
    margin-bottom:5px;
}
.ql-container .mergeblockvar table th,
.ql-container .mergeblockvar table td {
    padding:0 2px;
    border:0;
}
.ql-container .mergeblockvar table td span.icon-check {
    font-weight: bold;
}
.ql-container .mergeblockvar table th {
    border-bottom:1px solid #ccc;
    vertical-align: bottom;
}
.ql-container .mergeblockvar table tfoot {
    font-size:1em !important;
}
.ql-container .mergeblockvar table tfoot td {
    padding-top:5px !important;
    border-top:1px solid #ccc !important;
    font-weight:bold;
    font-size:1em;
}
.ql-container .mergeblockvar table.financialplan {
    font-size:1em;
}

textarea.rich-editor {
    display: none;
}

a.ql-action,
a.ql-remove {
    cursor:pointer !important;
    opacity: 1  !important;
    pointer-events: auto !important;
    font-style:normal !important;
}

.nb.ql-snow .ql-tooltip::before { content: "Åpne url:"; }
.nn.ql-snow .ql-tooltip::before { content: "Åpne url:"; }
.en.ql-snow .ql-tooltip::before { content: "Open url:"; }

.nb.ql-snow .ql-tooltip[data-mode="link"]::before { content: "Skriv url:"; }
.nn.ql-snow .ql-tooltip[data-mode="link"]::before { content: "Skriv url:"; }
.en.ql-snow .ql-tooltip[data-mode="link"]::before { content: "Write url:"; }

.nb.ql-snow .ql-tooltip a.ql-action::after { content: "Rediger"; }
.nn.ql-snow .ql-tooltip a.ql-action::after { content: "Rediger"; }
.en.ql-snow .ql-tooltip a.ql-action::after { content: "Edit"; }

.nb.ql-snow .ql-tooltip a.ql-remove::before { content: "Fjern"; }
.nn.ql-snow .ql-tooltip a.ql-remove::before { content: "Fjern"; }
.en.ql-snow .ql-tooltip a.ql-remove::before { content: "Remove"; }

.nb.ql-snow .ql-tooltip.ql-editing a.ql-action::after { content: "Lagre"; }
.nn.ql-snow .ql-tooltip.ql-editing a.ql-action::after { content: "Lagre"; }
.en.ql-snow .ql-tooltip.ql-editing a.ql-action::after { content: "Save"; }

.ql-divider:after {
    content:'';
    width:16px;
    border-bottom:2px solid #333;
    display: inline-block;
    margin-bottom:5px;
}
.ql-divider:hover:after {
    border-bottom:2px solid #06c;
}

.ql-container hr {
    border:0;
    border-top:1px dashed #ccc;
    border-bottom:1px dashed #ccc;
    padding:1px 0px;
    text-align:center;
    background: #def;
    font-style: italic;
    margin:10px 0;
}
.ql-container hr:after {
    content:'Ny side';
    text-align:center;
}

.error .ql-toolbar.ql-snow {
    border-color: var(--error-color);
}

.error .ql-container.ql-snow {
    border-color: var(--error-color);
    background-color: var(--error-color-light);
}

.ql-wrapper .ql-resize-handle {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
    opacity: .3;
    cursor: ns-resize;
}
.ql-wrapper .ql-resize-handle:after {
    content: ' ';
    display: block;
    width: 14px;
    height: 14px;
}
.ql-wrapper .ql-resize-handle:after {
    background: linear-gradient(
            -45deg,
            #000 10%, #000, #0000, #0000 20%,
            #000 20%, #000, #0000, #0000 30%,
            #000 30%, #000, #0000, #0000 40%,
            #000 40%, #000, #0000, #0000 50%
    )
}
.ql-wrapper .ql-resize-handle:hover {
    opacity: 1;
}
.ql-wrapper[disabled="disabled"] {
    pointer-events: none;
    background: var(--light-grey);
}
.ql-wrapper[disabled="disabled"] .ql-editor {
    background: var(--light-grey);
}