/* Ensure the Quill editor container has a white background and black text */
#editor-container .ql-editor {
    background-color: white;
    color: black;
    font-family: Arial, sans-serif; /* Optional: Set a default font family */
    font-size: 14px; /* Optional: Set a default font size */
}

/* Set the toolbar background to white */
#editor-container .ql-toolbar {
    background-color: white;
    border: 1px solid #ccc;
}

    /* Set the toolbar buttons to black */
    #editor-container .ql-toolbar button {
        color: black;
    }

        /* Set the active toolbar button background to light grey for contrast */
        #editor-container .ql-toolbar button.ql-active {
            background-color: lightgrey;
            color: black;
        }

    /* Set the color picker and dropdowns to black text */
    #editor-container .ql-toolbar .ql-picker-label,
    #editor-container .ql-toolbar .ql-picker-item {
        color: black;
    }

/* Optional: Style the Quill editor borders */
#editor-container {
    border: 1px solid #ccc;
    padding: 10px;
}

    /* Ensure other elements inside the editor also have black text */
    #editor-container .ql-editor p,
    #editor-container .ql-editor h1,
    #editor-container .ql-editor h2,
    #editor-container .ql-editor h3,
    #editor-container .ql-editor h4,
    #editor-container .ql-editor h5,
    #editor-container .ql-editor h6,
    #editor-container .ql-editor a,
    #editor-container .ql-editor ul,
    #editor-container .ql-editor ol,
    #editor-container .ql-editor li,
    #editor-container .ql-editor blockquote,
    #editor-container .ql-editor code {
        color: black;
    }

    .additional-editor-div {
        background-color:white;

    }