.cell-1 {
  border-collapse: separate;
  border-spacing: 0 4em;
  background: #ffffff;
  border-bottom: 5px solid transparent;
  /*background-color: gold;*/
  background-clip: padding-box;
  cursor: pointer;
}


.table-elipse {
  cursor: pointer;
}

#demo {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s 0.1s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.row-child {
  background-color: #ffffff;
  color: #000000;
}

.note-cell {
    max-width: 200px; /* Lebar maksimum untuk sel note */
    overflow: hidden; /* Teks yang melewati batas akan disembunyikan */
}

.note-content {
    white-space: nowrap; /* Teks tidak akan mematahkan baris */
    overflow: hidden; /* Teks yang melewati batas akan disembunyikan */
    text-overflow: ellipsis; /* Teks yang disembunyikan akan ditandai dengan ellipsis (...) */
}

.note-content.expanded {
    white-space: normal; /* Teks dapat mematahkan baris */
    overflow: auto; /* Menampilkan scrollbar jika teks terlalu panjang */
}