/* Datatables */
.dataTables_processing {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 40px;
  margin-left: -50%;
  margin-top: -25px;
  padding-top: 40px;
  text-align: center;
  font-size: 1.2em;
  background-color: transparent;
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(0%, rgba(255, 255, 255, 0)),
    color-stop(25%, rgba(255, 255, 255, 0.9)),
    color-stop(75%, rgba(255, 255, 255, 0.9)),
    color-stop(100%, rgba(255, 255, 255, 0))
  );
  background: -webkit-linear-gradient(
    left,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.9) 25%,
    rgba(255, 255, 255, 0.9) 75%,
    rgba(255, 255, 255, 0) 100%
  );
  background: -moz-linear-gradient(
    left,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.9) 25%,
    rgba(255, 255, 255, 0.9) 75%,
    rgba(255, 255, 255, 0) 100%
  );
  background: -ms-linear-gradient(
    left,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.9) 25%,
    rgba(255, 255, 255, 0.9) 75%,
    rgba(255, 255, 255, 0) 100%
  );
  background: -o-linear-gradient(
    left,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.9) 25%,
    rgba(255, 255, 255, 0.9) 75%,
    rgba(255, 255, 255, 0) 100%
  );
  background: linear-gradient(
    to right,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.9) 25%,
    rgba(255, 255, 255, 0.9) 75%,
    rgba(255, 255, 255, 0) 100%
  );
}

.custom-datatable-wrapper {
  overflow-x: auto;
  width: 100%;
}

.custom-datatable {
  border-collapse: collapse;
  width: 100%;
  /* Hindari style default table lain */
  background-color: transparent;
  font-size: 14px;
  /* Atur ulang style bootstrap jika perlu */
  border: none;

  all: unset;
  /* Reset semua style bawaan */
  display: table;
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
  color: #333;
  margin-bottom: 2px;
}

.no-data-image {
  background-image: url(../assets/images/empty-cuate.svg);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

p.no-data-image {
  height: 200px;
}

div.dt-container.dt-empty-footer tbody > tr:last-child > * {
  border-bottom: none !important;
}

.custom-datatable thead {
  border: none !important;
}

.dt-processing tbody > tr:last-child > * {
  border-bottom: none !important;
  border-top: none !important;
}
.empty-cuate-1-icon {
  width: 200px;
  position: relative;
  max-height: 100%;
  overflow: hidden;
}
.empty-data1 {
  font-weight: 600;
}
.empty-data {
  position: relative;
  letter-spacing: -0.01em;
  line-height: 30px;
}
.all-data-will {
  position: relative;
  font-size: 16px;
  letter-spacing: -0.01em;
  line-height: 24px;
  color: #757575;
  font-weight: 200;
}

#prev-btn,
#next-btn {
  cursor: pointer;
  user-select: none;
}

.pagination-button {
  cursor: pointer;
  color: #5371ff; /* warna biru saat aktif */
  transition: 0.3s;
}

.pagination-button.disabled {
  color: #ccc; /* warna abu-abu saat disabled */
  pointer-events: none;
}

.company-posted-iconlightright {
  width: 20px;
  height: 20px;
  transition: filter 0.3s;
}

/* Warna biru (di-approximate dengan filter) */
#next-btn:not(.disabled) .company-posted-iconlightright,
#prev-btn:not(.disabled) .company-posted-iconlightright {
  filter: invert(32%) sepia(99%) saturate(748%) hue-rotate(192deg)
    brightness(92%) contrast(101%);
}

/* Warna abu-abu saat disabled */
#next-btn.disabled .company-posted-iconlightright,
#prev-btn.disabled .company-posted-iconlightright {
  filter: grayscale(100%) brightness(80%);
}

.custom-datatable,
.custom-datatable th,
.custom-datatable td,
.custom-datatable thead,
.custom-datatable tbody,
.custom-datatable tr {
  border: none !important;
  border-width: 0 !important;
  box-shadow: none !important;
}

#datatables-company-jobs .dt-column-order {
  display: none !important;
}

table.dataTable thead th {
  background-color: unset !important;
  border-bottom: none !important;
  color: inherit !important;
  padding: 8px 10px !important;
  font-weight: normal !important;
  cursor: default !important;
}

table.dataTable thead > tr > th.dt-orderable-asc span.dt-column-order {
  display: block !important;
}

table.dataTable thead > tr > th.dt-orderable-asc span.dt-column-order::before,
table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order::before,
table.dataTable thead > tr > td.dt-orderable-asc span.dt-column-order::before,
table.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order::before {
  content: "";
  position: absolute;
  display: block;
  bottom: 50%;
  width: 12px;
  height: 12px;
  background-image: url(../assets/icons/ui/up.svg) !important;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

table.dataTable thead > tr > th.dt-orderable-desc span.dt-column-order:after,
table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order:after,
table.dataTable thead > tr > td.dt-orderable-desc span.dt-column-order:after,
table.dataTable thead > tr > td.dt-ordering-desc span.dt-column-order:after {
  content: "";
  position: absolute;
  top: 50%;
  /* right: 100px; */
  width: 12px;
  height: 12px;
  background-image: url(../assets/icons/ui/down.svg) !important;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

table.dataTable thead > tr > th.dt-orderable-asc span.dt-column-order:before,
table.dataTable thead > tr > th.dt-orderable-asc span.dt-column-order:after,
table.dataTable thead > tr > th.dt-orderable-desc span.dt-column-order:before,
table.dataTable thead > tr > th.dt-orderable-desc span.dt-column-order:after,
table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order:before,
table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order:after,
table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order:before,
table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order:after,
table.dataTable thead > tr > td.dt-orderable-asc span.dt-column-order:before,
table.dataTable thead > tr > td.dt-orderable-asc span.dt-column-order:after,
table.dataTable thead > tr > td.dt-orderable-desc span.dt-column-order:before,
table.dataTable thead > tr > td.dt-orderable-desc span.dt-column-order:after,
table.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order:before,
table.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order:after,
table.dataTable thead > tr > td.dt-ordering-desc span.dt-column-order:before,
table.dataTable thead > tr > td.dt-ordering-desc span.dt-column-order:after {
  left: 0;
  opacity: 0.6;
  line-height: 9px;
  font-size: 0.8em;
}

table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order:before,
table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order:after,
table.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order:before,
table.dataTable thead > tr > td.dt-ordering-desc span.dt-column-order:after {
  opacity: 1;
}

th {
  text-align: center;
  vertical-align: middle;
}

.card-list-candidate {
  border-radius: 12px;
  margin-top: 20px;
  box-shadow: 0px 4px 8px rgba(164, 162, 162, 0.12);
  border-radius: 12px;
  background-color: #ffffff;
  border: 1px solid #e0e0e0 !important;
  box-sizing: border-box;
}
/* end datatables */