/* 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);
}
.note-btn:hover,
.note-btn:active,
.note-btn.active {
    border: none;
}
.note-editor .note-toolbar .note-para .note-dropdown-menu {
    min-width: 360px;
}
/* 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%; }

/* Table styling isolation - prevent theme styles from affecting editor tables */
.note-editable table {
  width: auto !important;
  margin: 0 !important;
  border-collapse: collapse;
  border: 1px solid #ddd;
}

.note-editable table td,
.note-editable table th {
  border: 1px solid #ddd !important;
  padding: 8px !important;
  text-align: left;
  background: transparent !important;
}

.note-editable table th {
  background-color: #f5f5f5 !important;
  font-weight: bold;
}

.note-editable table tr:nth-child(even) {
  background: transparent !important;
}