/* Style kustom untuk tombol refresh */
.btn-custom-black {
  background-color: #1E2020 !important;
  color: #FFFFFF !important;
  border-color: #555555 !important;
  font-weight: bold;
}

.btn-custom-black:hover {
  background-color: #333333 !important;
  border-color: #777777 !important;
}

/* Style untuk input yang tidak valid (menjadi merah) - VERSI FINAL */
.validatable-input.input-error .form-control {
  border-color: #e94560 !important;
  background-color: #fff0f0 !important;
  box-shadow: 0 0 5px rgba(233, 69, 96, 0.5) !important;
}

/* =================================================================== */
/* GANTI WARNA BIRU (PRIMARY & INFO) MENJADI HITAM/GELAP     */
/* =================================================================== */

/* 1. Mengubah warna header pada box biru (primary) menjadi hitam */
.box.box-primary {
  border-top-color: #1E2020 !important;
}
.box.box-primary > .box-header {
  color: #FFFFFF !important;
  background: #1E2020 !important;
}

/* 2. [PERBAIKAN] Mengubah warna header pada box info (Filter) menjadi hitam */
.box.box-info {
  border-top-color: #1E2020 !important;
}
.box.box-info > .box-header {
  color: #FFFFFF !important;
  background: #1E2020 !important;
}


/* 3. Mengubah warna tombol biru (btn-primary) menjadi hitam */
.btn-primary {
  background-color: #1E2020 !important;
  border-color: #555555 !important;
}
.btn-primary:hover {
  background-color: #333333 !important;
  border-color: #777777 !important;
}

/* 4. Mengubah warna border biru saat input field diklik (focus) */
.form-control:focus {
  border-color: #555555 !important;
  box-shadow: 0 0 5px rgba(85, 85, 85, 0.6) !important; /* Memberi efek glow abu-abu */
}

/* 5. Mengubah warna highlight biru pada menu sidebar yang aktif */
.skin-black .sidebar-menu > li.active > a {
  border-left-color: #FFFFFF !important;
  background: #333333 !important; /* Warna background menu aktif */
}

/* 6. [REVISI] Memberi jarak antar box (DEFAULT) */
.tab-content .box {
    width: 100% !important;
    margin: auto;
    margin-bottom: 20px; /* <- Ini memberi jarak standar antar box */
}

/* 7. [REVISI BARU] Hapus margin bawah KHUSUS untuk box filter dashboard */
/* Pastikan ID 'dashboard-filter_box' sesuai dengan gabungan namespace modul dan ID box */
#dashboard-filter_box {
  margin-bottom: 0px !important;
}