/* Write your custom CSS here */

/* Override sidebar title color to white */
.page-sidebar .accordion-menu li.sidebar-title {
    color: #b3b7bf !important;
    opacity: 1 !important;
}
.page-sidebar {
  height: auto !important;
  min-height: unset !important;
  max-height: none !important;
}
/* Agar dropdown menu tidak menyebabkan scroll pada card/table */
.table-responsive {
  overflow: visible !important;
}
.page-header {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  z-index: 100 !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
/* Pastikan dropdown menu tampil di atas konten lain */
.dropdown-menu {
  z-index: 2000 !important;
}

/* Batasi lebar kolom dan tampilkan ellipsis jika teks terlalu panjang */
.table td, .table th {
    vertical-align: middle;
  }
  
  .td-ellipsis {
    max-width: 250px;      /* Atur sesuai kebutuhan */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    vertical-align: middle;
  }
/* Pastikan dropdown menu benar-benar menimpa tabel dan tidak menyebabkan scroll */
.table-responsive .dropdown-menu {
  position: absolute !important;
  z-index: 9999 !important;
  will-change: transform;
  min-width: 150px;
  left: 0 !important;   /* Pastikan dropdown muncul di posisi benar */
  top: 100% !important; /* Tepat di bawah tombol */
  transform: translate3d(0, 0, 0) !important;
  max-height: none !important; /* Hilangkan batas tinggi */
  overflow: visible !important; /* Jangan batasi overflow */
  box-shadow: 0 4px 16px rgba(0,0,0,0.15);
}

/* Hapus scroll pada .table-responsive saat dropdown terbuka */
.table-responsive {
  overflow: visible !important;
}

/* Pastikan semua parent DataTables tidak membatasi overflow */
.table-responsive,
.dataTables_scroll,
.dataTables_scrollBody {
  overflow: visible !important;
}
  
@media (max-width: 768px) {
  .table-responsive,
  .dataTables_scroll,
  .dataTables_scrollBody {
    overflow: visible !important;
  }
  /* Pastikan parent td/row tidak overflow hidden */
  .table td, .table th, .table tr {
    overflow: visible !important;
  }
}
@media (max-width: 768px) {
  .dropdown-menu {
    min-width: 120px !important;
    font-size: 13px !important;
  }
}