/*!
 * Quill Editor v1.3.7
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 * Modified  (c) 2023, RJHL
 */
.quill-sm {
    min-height: 4rem;
}
.quill-md {
    min-height: 8rem;
}
.quill-lg {
    min-height: 16rem;
}
.quill-xl {
    min-height: 24rem;
}

/* */
.ql-snow a {
    color: #4241a6;
}


.ql-toolbar.ql-snow {
    border: 0;
    padding: .25rem;
}

.ql-container {
    font-family: inherit;
    font-size: 1rem;
}





    .ql-container.ql-snow {
        border: 0;
    }


.ql-editor {
    padding-left: .75rem;
    padding-top: .5rem;
    padding-right: .75rem;
    padding-bottom: .5rem;
}

    /*placeholder*/
    .ql-editor.ql-blank::before {
        color: #9899ac;
        font-style: normal;
        left: .75rem;
        right: .75rem;
    }



.ql-snow .ql-tooltip {
    padding: .5rem 1rem;
}

html[data-bs-theme=dark] .ql-snow .ql-tooltip {
    background-color: #1e1e2d;
    color: inherit;
}




/* color de los iconos */
.ql-toolbar .ql-stroke {
    fill: none;
    stroke: #9899ac;
}

.ql-toolbar .ql-fill {
    fill: #9899ac;
    stroke: none;
}

.ql-toolbar .ql-picker {
    color: #9899ac;
}

.ql-snow.ql-toolbar button:hover,
.ql-snow .ql-toolbar button:hover,
.ql-snow.ql-toolbar button:focus,
.ql-snow .ql-toolbar button:focus,
.ql-snow.ql-toolbar button.ql-active,
.ql-snow .ql-toolbar button.ql-active,
.ql-snow.ql-toolbar .ql-picker-label:hover,
.ql-snow .ql-toolbar .ql-picker-label:hover,
.ql-snow.ql-toolbar .ql-picker-label.ql-active,
.ql-snow .ql-toolbar .ql-picker-label.ql-active,
.ql-snow.ql-toolbar .ql-picker-item:hover,
.ql-snow .ql-toolbar .ql-picker-item:hover,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected {
    color: #282839;
}

    .ql-snow.ql-toolbar button:hover .ql-fill,
    .ql-snow .ql-toolbar button:hover .ql-fill,
    .ql-snow.ql-toolbar button:focus .ql-fill,
    .ql-snow .ql-toolbar button:focus .ql-fill,
    .ql-snow.ql-toolbar button.ql-active .ql-fill,
    .ql-snow .ql-toolbar button.ql-active .ql-fill,
    .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
    .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
    .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
    .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
    .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
    .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
    .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
    .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
    .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
    .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
    .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
    .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
    .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
    .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
    .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
    .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
    .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
    .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
    .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
    .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
    .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
    .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
        fill: #282839;
    }

    .ql-snow.ql-toolbar button:hover .ql-stroke,
    .ql-snow .ql-toolbar button:hover .ql-stroke,
    .ql-snow.ql-toolbar button:focus .ql-stroke,
    .ql-snow .ql-toolbar button:focus .ql-stroke,
    .ql-snow.ql-toolbar button.ql-active .ql-stroke,
    .ql-snow .ql-toolbar button.ql-active .ql-stroke,
    .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
    .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
    .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
    .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
    .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
    .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
    .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
    .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
    .ql-snow.ql-toolbar button:hover .ql-stroke-miter,
    .ql-snow .ql-toolbar button:hover .ql-stroke-miter,
    .ql-snow.ql-toolbar button:focus .ql-stroke-miter,
    .ql-snow .ql-toolbar button:focus .ql-stroke-miter,
    .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
    .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
    .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
    .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
    .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
    .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
    .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
    .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
    .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
    .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
        stroke: #282839;
    }



html[data-bs-theme=dark] .ql-toolbar .ql-stroke {
    fill: none;
    stroke: #9899ac;
}

html[data-bs-theme=dark] .ql-toolbar .ql-fill {
    fill: #9899ac;
    stroke: none;
}

html[data-bs-theme=dark] .ql-toolbar .ql-picker {
    color: #9899ac;
}

html[data-bs-theme=dark] .ql-snow.ql-toolbar button:hover,
html[data-bs-theme=dark] .ql-snow .ql-toolbar button:hover,
html[data-bs-theme=dark] .ql-snow.ql-toolbar button:focus,
html[data-bs-theme=dark] .ql-snow .ql-toolbar button:focus,
html[data-bs-theme=dark] .ql-snow.ql-toolbar button.ql-active,
html[data-bs-theme=dark] .ql-snow .ql-toolbar button.ql-active,
html[data-bs-theme=dark] .ql-snow.ql-toolbar .ql-picker-label:hover,
html[data-bs-theme=dark] .ql-snow .ql-toolbar .ql-picker-label:hover,
html[data-bs-theme=dark] .ql-snow.ql-toolbar .ql-picker-label.ql-active,
html[data-bs-theme=dark] .ql-snow .ql-toolbar .ql-picker-label.ql-active,
html[data-bs-theme=dark] .ql-snow.ql-toolbar .ql-picker-item:hover,
html[data-bs-theme=dark] .ql-snow .ql-toolbar .ql-picker-item:hover,
html[data-bs-theme=dark] .ql-snow.ql-toolbar .ql-picker-item.ql-selected,
html[data-bs-theme=dark] .ql-snow .ql-toolbar .ql-picker-item.ql-selected {
    color: #f0f1f5;
}

    html[data-bs-theme=dark] .ql-snow.ql-toolbar button:hover .ql-fill,
    html[data-bs-theme=dark] .ql-snow .ql-toolbar button:hover .ql-fill,
    html[data-bs-theme=dark] .ql-snow.ql-toolbar button:focus .ql-fill,
    html[data-bs-theme=dark] .ql-snow .ql-toolbar button:focus .ql-fill,
    html[data-bs-theme=dark] .ql-snow.ql-toolbar button.ql-active .ql-fill,
    html[data-bs-theme=dark] .ql-snow .ql-toolbar button.ql-active .ql-fill,
    html[data-bs-theme=dark] .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
    html[data-bs-theme=dark] .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
    html[data-bs-theme=dark] .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
    html[data-bs-theme=dark] .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
    html[data-bs-theme=dark] .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
    html[data-bs-theme=dark] .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
    html[data-bs-theme=dark] .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
    html[data-bs-theme=dark] .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
    html[data-bs-theme=dark] .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
    html[data-bs-theme=dark] .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
    html[data-bs-theme=dark] .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
    html[data-bs-theme=dark] .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
    html[data-bs-theme=dark] .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
    html[data-bs-theme=dark] .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
    html[data-bs-theme=dark] .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
    html[data-bs-theme=dark] .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
    html[data-bs-theme=dark] .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
    html[data-bs-theme=dark] .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
    html[data-bs-theme=dark] .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
    html[data-bs-theme=dark] .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
    html[data-bs-theme=dark] .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
    html[data-bs-theme=dark] .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
        fill: #f0f1f5;
    }

    html[data-bs-theme=dark] .ql-snow.ql-toolbar button:hover .ql-stroke,
    html[data-bs-theme=dark] .ql-snow .ql-toolbar button:hover .ql-stroke,
    html[data-bs-theme=dark] .ql-snow.ql-toolbar button:focus .ql-stroke,
    html[data-bs-theme=dark] .ql-snow .ql-toolbar button:focus .ql-stroke,
    html[data-bs-theme=dark] .ql-snow.ql-toolbar button.ql-active .ql-stroke,
    html[data-bs-theme=dark] .ql-snow .ql-toolbar button.ql-active .ql-stroke,
    html[data-bs-theme=dark] .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
    html[data-bs-theme=dark] .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
    html[data-bs-theme=dark] .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
    html[data-bs-theme=dark] .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
    html[data-bs-theme=dark] .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
    html[data-bs-theme=dark] .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
    html[data-bs-theme=dark] .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
    html[data-bs-theme=dark] .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
    html[data-bs-theme=dark] .ql-snow.ql-toolbar button:hover .ql-stroke-miter,
    html[data-bs-theme=dark] .ql-snow .ql-toolbar button:hover .ql-stroke-miter,
    html[data-bs-theme=dark] .ql-snow.ql-toolbar button:focus .ql-stroke-miter,
    html[data-bs-theme=dark] .ql-snow .ql-toolbar button:focus .ql-stroke-miter,
    html[data-bs-theme=dark] .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
    html[data-bs-theme=dark] .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
    html[data-bs-theme=dark] .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
    html[data-bs-theme=dark] .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
    html[data-bs-theme=dark] .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
    html[data-bs-theme=dark] .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
    html[data-bs-theme=dark] .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
    html[data-bs-theme=dark] .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
    html[data-bs-theme=dark] .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
    html[data-bs-theme=dark] .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
        stroke: #f0f1f5;
    }


/*Fin*/


.ql-snow .ql-picker.ql-header .ql-picker-label::before,
.ql-snow .ql-picker.ql-header .ql-picker-item::before {
    content: 'Normal';
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
    content: 'Título 1';
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
    content: 'Título 2';
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
    content: 'Título 3';
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
    content: 'Título 4';
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
    content: 'Título 5';
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
    content: 'Título 6';
}



.ql-snow .ql-picker.ql-size .ql-picker-label::before,
.ql-snow .ql-picker.ql-size .ql-picker-item::before {
    content: 'Normal';
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
    content: 'Pequeño';
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
    content: 'Grande';
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
    content: 'Mas Grande';
}


.ql-snow .ql-tooltip::before {
    content: "Visitar URL:";
}


.ql-snow .ql-tooltip a.ql-preview {
    margin-right: .5rem;
    font-weight: bold;
}

.ql-snow .ql-tooltip a.ql-action {
    color: inherit;
    margin-left: 4px;
    margin-right: 4px;
    padding-left: 8px;
    padding-top: 4px;
    padding-right: 8px;
    padding-bottom: 4px;
}

    .ql-snow .ql-tooltip a.ql-action:hover {
        background-color: #f0f1f5;
    }


    .ql-snow .ql-tooltip a.ql-action::after {
        border-right: 0;
        content: 'Editar';
        margin-left: 0;
        margin-right: 0;
        padding-left: 0;
        padding-right: 0;
    }

html[data-bs-theme=dark] .ql-snow .ql-tooltip a.ql-action:hover {
    background-color: #282839;
}


.ql-snow .ql-tooltip a.ql-remove {
    color: inherit;
    margin-left: 4px;
    margin-right: 4px;
    padding-left: 8px;
    padding-top: 4px;
    padding-right: 8px;
    padding-bottom: 4px;
}

    .ql-snow .ql-tooltip a.ql-remove:hover {
        background-color: #f0f1f5;
    }

    .ql-snow .ql-tooltip a.ql-remove::before {
        content: 'Eliminar';
        margin-left: 0;
        margin-right: 0;
        padding-left: 0;
        padding-right: 0;
    }

html[data-bs-theme=dark] .ql-snow .ql-tooltip a.ql-remove:hover {
    background-color: #282839;
}


.ql-snow .ql-tooltip.ql-editing a.ql-action::after {
    content: 'Guardar';
}

.ql-snow .ql-tooltip[data-mode=link]::before {
    content: "Ingrese URL:";
}

.ql-snow .ql-tooltip[data-mode=formula]::before {
    content: "Ingrese formula:";
}

.ql-snow .ql-tooltip[data-mode=video]::before {
    content: "URL del vídeo:";
}