.s-NotesEditor {
  border: 1px solid var(--bs-border-color, #ccc);
  border-radius: var(--bs-border-radius);
  padding: 10px;
}

.s-NotesEditor ul {
  padding: 0;
  min-height: 110px;
  overflow-y: auto;
  list-style: none;
}

.s-NotesEditor li {
  margin: 10px 0;
  border-radius: var(--bs-border-radius);
  border: 1px solid var(--s-card-border, #C3C2C2);
  background-color: var(--bs-body-bg, #F5E7DC);
  padding: 8px;
  position: relative;
}

  .s-NotesEditor .note-text {
    padding-left: 17px;
    padding-right: 24px;
    display: block;
  }

  .s-NotesEditor .note-edit {
    display: block;
    position: absolute;
    right: 24px;
    top: 6px;
    text-decoration: none;
    font-size: 16px;
  }

    .s-NotesEditor .note-edit:after {
      font-family: var(--s-icon-font, "FontAwesome");
      font-weight: var(--s-icon-solid);
      /*color: var(--bs-danger);*/
      /*content: "\f00d";*/
      /*font-size: 1.1em;*/
    }

    .s-NotesEditor .note-edit:hover {
      opacity: 1;
    }

  .s-NotesEditor .note-delete {
    display: block;
    position: absolute;
    right: 6px;
    top: 4px;
    text-decoration: none;
  }

.s-NotesEditor .note-delete:after {
  font-family: var(--s-icon-font, "FontAwesome");
  font-weight: var(--s-icon-solid);
  color: var(--bs-danger);
  content: "\f00d";
  font-size: 1.1em;
}

.s-NotesEditor .has-category .note-delete:after {
  color: white;
}

.s-NotesEditor .note-delete:hover {
  opacity: 1;
}
 
.s-NotesEditor .note-date {
  margin-top: 6px;
  display: block;
  text-align: right;
  color: var(--bs-link-color, #2a4084);
  text-decoration: none;
  font-style: italic;
}

  .s-NotesEditor .note-pin {
    display: block;
    text-decoration-line: none;
    position: absolute;
    width: 16px;
    height: 16px;
    left: 6px;
    top: 8px;
    font-size: 15px;
  }
.s-NoteDialog > .size {
  width: 465px;
}

.s-NoteDialog .ui-dialog-content {
  padding-bottom: 10px;
}

.pinned-note-li {
  border: 3px solid #DAA520 !important;
  box-shadow: 0 0 8px rgba(218, 165, 32, 0.3);
}