.view-editor .ql-tooltip.ql-editing {
    z-index: 1;
}

.ql-toolbar.ql-snow + .ql-container.ql-snow.ql-disabled {
    border-top: 1px solid #ccc;
}

.ql-snow:not(.ql-html-view) .ql-editor, .view-sourcecode textarea {
    height: 200px;
    background-color: #fff;
    resize: vertical;
}

.ql-snow.ql-html-view .ql-editor {
    margin: 0px;
    padding: 0px;
    overflow-y: hidden;
}

.ql-snow .ql-editor u {
    text-decoration: underline;
}

.ql-snow .ql-editor s {
    text-decoration: line-through;
}

.ql-editor h1 {
    display: block !important;
}

.ql-snow.ql-toolbar {
    background-color: #eee;
}

.ql-snow .ql-picker.ql-font .ql-picker-label {
    overflow: hidden;
    padding-right: 13px;
}

.ql-snow .ql-tooltip[data-mode=image]::before {
    content: "URL da imagem:";
}

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

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

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

.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: 'Pequeno';
}

.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: 'Enorme';
}

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

.ql-snow .ql-tooltip a.ql-remove::before {
    content: 'Remover';
}

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

/* Set dropdown font-families */
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value='Arial']::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value='Arial']::before {
    content: 'Arial';
    font-family: 'Arial' !important;
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value='ComicSansMS']::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value='ComicSansMS']::before {
    content: 'Comic Sans MS';
    font-family: 'Comic Sans MS' !important;
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value='CourierNew']::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value='CourierNew']::before {
    content: 'Courier New';
    font-family: 'Courier New' !important;
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value='Georgia']::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value='Georgia']::before {
    content: 'Georgia';
    font-family: 'Georgia' !important;
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value='LucidaSansUnicode']::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value='LucidaSansUnicode']::before {
    content: 'Lucida Sans Unicode';
    font-family: 'Lucida Sans Unicode' !important;
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value='Tahoma']::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value='Tahoma']::before {
    content: 'Tahoma';
    font-family: 'Tahoma' !important;
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value='TimesNewRoman']::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value='TimesNewRoman']::before {
    content: 'Times New Roman';
    font-family: 'Times New Roman' !important;
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value='TrebuchetMS']::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value='TrebuchetMS']::before {
    content: 'Trebuchet MS';
    font-family: 'Trebuchet MS' !important;
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value='Verdana']::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value='Verdana']::before {
    content: 'Verdana';
    font-family: 'Verdana' !important;
}

/* Set content font-families */
.ql-font-Arial {
    font-family: 'Arial' !important;
}

.ql-font-ComicSansMS {
    font-family: 'Comic Sans MS' !important;
}

.ql-font-CourierNew {
    font-family: 'Courier New' !important;
}

.ql-font-Georgia {
    font-family: 'Georgia' !important;
}

.ql-font-LucidaSansUnicode {
    font-family: 'Lucida Sans Unicode' !important;
}

.ql-font-Tahoma {
    font-family: 'Tahoma' !important;
}

.ql-font-TimesNewRoman {
    font-family: 'Times New Roman' !important;
}

.ql-font-TrebuchetMS {
    font-family: 'Trebuchet MS' !important;
}

.ql-font-Verdana {
    font-family: 'Verdana' !important;
}

.ql-toolbar.ql-snow button.ql-code-source {
    width: auto;  
}

.ql-editor a,
.ql-editor a:hover {
    cursor: pointer !important;
}

.ql-editor p {
    margin-bottom: 0.5em;
}

    .ql-editor p:last-child {
        margin-bottom: 0;
    }

.source-code-textarea {
    resize: vertical;
    overflow: auto;
}

.quill-component-wrapper .d-ui-widget.d-button {
    min-width: auto !important;
    background: #ccc;
    font-size: 14px;
    border-color: #ccc !important
}

    .quill-component-wrapper .d-ui-widget.d-button::before {
        height: auto !important;
        transform: none !important;
        position: relative !important;
        color: #3c3c3c !important;
        background-color: transparent !important;
    }

s, strike {
    text-decoration: line-through !important;
}

u, undeline {
    text-decoration: underline !important;
}

/* Classes para controlar a exibição da modal */
.table-modal-backdrop {
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background-color: rgba(0, 0, 0, 0.5) !important;
    display: none !important;
    z-index: 1000000 !important;
}

.table-modal-active {
    display: block !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    z-index: 1000001 !important;
    color: #000 !important;
    font-size: 18px !important;
    background-color: #fff !important;
    box-shadow: 0 5px 15px rgba(0,0,0,.5) !important;
    border-radius: .3rem !important;
    padding: 1rem !important;
    width: 25vw !important;
}

    /* Estilos para a modal de tabela */
    .table-modal-active .modal-header {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
    }

    .table-modal-active .modal-footer {
        display: flex !important;
        justify-content: flex-end !important;
        gap: 10px !important;
    }

    .table-modal-active .close {
        position: absolute !important;
        right: 1rem !important;
        top: 1rem !important;
    }

    .table-modal-active .form-group {
        display: flex !important;
        flex-direction: column !important;
        gap: 5px !important;
        margin-bottom: 10px !important;
    }


/* Classes para controlar a exibição da modal */
.link-modal-backdrop {
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background-color: rgba(0, 0, 0, 0.5) !important;
    display: none !important;
    z-index: 1000000 !important;
}

.link-modal-active {
    display: block !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    z-index: 1000001 !important;
    color: #000 !important;
    font-size: 18px !important;
    background-color: #fff !important;
    box-shadow: 0 5px 15px rgba(0,0,0,.5) !important;
    border-radius: .3rem !important;
    padding: 1rem !important;
    max-width: 500px;
    width: 100% !important;
}

    /* Estilos internos para a modal de link */
    .link-modal-active .modal-header {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
    }

    .link-modal-active .modal-footer {
        display: flex !important;
        justify-content: flex-end !important;
        gap: 10px !important;
    }

    .link-modal-active .close {
        position: absolute !important;
        right: 1rem !important;
        top: 1rem !important;
    }

    .link-modal-active .form-group input {
        width: 310px !important;
    }

.d-sup, sup {
    background: none !important;
    padding: 0 !important;
    border-radius: 0 !important;
    margin: 0 !important;
    color: #6f6f6f !important;
}

.modal {
    overflow: initial !important;
}

.form-entrada.ui-dialog .formModal .d-input.d-textbox {
    width: 55% !important;
}

.ql-snow .ql-tooltip.ql-link-modal .modal {
    overflow: hidden !important;
}

li[data-list="bullet"] {
    list-style: disc !important;
    list-style-position: inside !important;
}