/* This CSS is being rendered on all WYSIWYG pages */
.note-editable {
    background: var(--crm-c-background, #fff);
    color: var(--crm-c-text, #000);
}
/* Codable textarea too (if you show code mode) */
.note-editor .note-codable {
    background: var(--crm-c-background, #fff);
    color: var(--crm-c-text, #000);
    border-color: var(--crm-c-gray-700, #ccc);
}
/* Frame/chrome */
.note-editor,
.note-toolbar,
.note-statusbar,
.note-dropdown-menu,
.note-modal-content,
.note-popover {
    background: var(--crm-c-background2, #f7f7f7);
    color: var(--crm-c-text, #000);
    border-color: var(--crm-c-gray-700, #ccc);
}

/* Fullscreen */
.note-editor.fullscreen,
.note-editor.fullscreen .note-editable {
    background: var(--crm-c-page-background, #fff);
    color: var(--crm-c-text, #000);
}

.note-editor .note-toolbar .note-color-palette div .note-color-btn {
    padding: 10px;
}
.note-toolbar .note-color .note-dropdown-menu .note-palette:first-child {
    margin: 0 2px !important;
}

.ui-front.elfinder.dialogelfinder { z-index: 9000; }
.ui-front.elfinder.dialogelfinder .elfinder-dialog { z-index: 9001; }
.note-modal-backdrop { z-index: -1; }
.note-modal .note-modal-body .form-group.simagetitle { padding: 5px 0; }
.note-modal .note-modal-body .form-group.simagetitle label { width: 25%; }
/* Remove some padding */
.note-form-group { padding-bottom: 0px; }
/* Add vertical scrolling on the modal content */
.note-modal-content { overflow-y: auto; height: 85%; width: 50%; }