table.fold-table > tbody > tr.view td,
table.fold-table > tbody > tr.view th {
  cursor: pointer;
}

table.fold-table > tbody > tr.view td:first-child,
table.fold-table > tbody > tr.view th:first-child {
  position: relative;
  padding-left: 20px;
}

table.fold-table > tbody > tr.view td:first-child:before,
table.fold-table > tbody > tr.view th:first-child:before {
  position: absolute;
  top: 50%;
  left: 5px;
  width: 9px;
  height: 16px;
  margin-top: -8px;
  font: 16px fontawesome;

  content: "༄";
  transition: all 0.3s ease;
}

table.fold-table > tbody > tr.view.open {
  transition: 0.5s;
}

table.fold-table > tbody > tr.view.open td:first-child:before,
table.fold-table > tbody > tr.view.open th:first-child:before {
  transform: rotate(-180deg);
}

table.fold-table > tbody > tr.fold {
  display: none;
}

table.fold-table > tbody > tr.fold.open {
  display: table-row;
  height: auto;
}

.fold-plus {
  width: 500px;
  height: 500px;
}

.fold-content h3 {
  margin-top: 0;
}

.fold-content > table {
  border: 2px solid #ccc;
  width: 100%;
  padding: 0.5em;
}

.fold {
  height: auto;
}

/* JANGAN biarkan tabel utama melar, fix lebarnya */
.fold-table {
  width: 100%;
  table-layout: fixed;
}

/* Biarkan isi fold bisa scroll horizontal */
.fold-content {
  overflow-x: auto;
  padding: 0rem 0;
}

/* InnerTable tetap auto layout */
.innerTable {
  width: 100%;
  table-layout: auto;
}

/* header  */

@media screen and (max-width: 640px) {
  table.fold-table > tbody > tr.view td:first-child,
  table.fold-table > tbody > tr.view th:first-child {
    position: relative;
    padding-left: 0px;
  }

  table.fold-table > tbody > tr.view td:first-child:before,
  table.fold-table > tbody > tr.view th:first-child:before {
    position: absolute;
    top: 50%;
    left: 19px;
    width: 9px;
    height: 16px;
    margin-top: -8px;
    font: 16px fontawesome;

    content: "";
  }

  table.fold-table > thead > tr th:first-child,
  table.fold-table > tbody > tr td:first-child {
    text-align: center;
  }

  /* Inner wrapper biar kontennya tetap bisa panjang dan scrollable */
  .fold-content .inner-scroll {
    display: inline-block;
    min-width: 800px; /* ini boleh kamu atur, sesuai minimum konten innerTable */
  }
}
.swal2-container {
  z-index: X;
}
.xdsoft_datetimepicker {
  z-index: 99999999999999 !important;
  position: absolute !important;
}

.ui-widget-overlay {
  backdrop-filter: blur(8px);
}
.ui-autocomplete {
  z-index: 999 !important;
}