#quill {
    flex: 1;
    overflow-y: auto;
}

#quill p {
    margin-bottom: 1rem;
}

.ql-snow {
    border: solid 1px #666 !important;
    width: 100%;
}

.ql-toolbar.ql-snow {
    background-color: slategray;
}

/* custom toolbar button */
.ql-html, .ql-insert, .ql-save {
    font-size: 12px; 
    font-variant: small-caps;
    color: #444;
}

.ql-picker.ql-insert .ql-picker-label:before {
    padding-right: 1.5rem;
    content: attr(data-label);
}

.ql-picker.ql-insert .ql-picker-item:before {
    content: attr(data-label);
}

/*.ql-editor blockquote {
    border-left: 4px solid #007bff;*/ /* Change the border color */
    /*margin-bottom: 10px;*/ /* Adjust the bottom margin */
    /*margin-top: 10px;*/ /* Adjust the top margin */
    /*padding-left: 15px;*/ /* Adjust the left padding */
    /*color: #333;*/ /* Change the text color */
    /*font-style: normal;*/ /* Remove italic style */
    /*background-color: #f9f9f9;*/ /* Add a background color */
/*}*/

/* default--in editor formatting */
.ql-editor blockquote {
    border-left: 4px solid #007bff;
    margin-bottom: 10px;
    margin-top: 10px;
    padding-left: 15px;
    font-style: italic;
}