/* CSS tweak for Summernote Lite running under Bootstrap 5
   Thanks to: 
     https://github.com/summernote/summernote/issues/4314#issuecomment-1193266892
     https://codepen.io/adilasif17/pen/xxpMazW
*/

.summernote.dir-rtl + .note-editor .note-editing-area {
  direction: rtl !important;
}

.note-editor .dropdown-toggle::after {
	 all: unset;
}
 .note-editor .note-dropdown-menu {
	 box-sizing: content-box;
}
 .note-editor .note-modal-footer {
	 box-sizing: content-box;
}

/* Target Inner elements like this. Avoid adding classes. */
.summernote-content ul li {
  color: red;
}

.summernote-content ul li::marker {
    color: red;
    font-size: 20px;
    font-weight: bold;
}