/* Menghilangkan background sidebar */
.sidebar {
    background-color: transparent !important;
    box-shadow: none !important;
    border-right: none !important;
}

/* Pastikan inner menu juga tidak punya background */
.sidebar .sidebar-nav,
.sidebar .nav {
    background-color: transparent !important;
}

/* Hapus background hover item menu (opsional, bisa kamu ubah warnanya jika ingin tetap ada efek) */
.sidebar .nav-link:hover,
.sidebar .nav-link:focus,
.sidebar .nav-item:hover {
    background-color: rgba(
        251,
        251,
        251,
        0.05
    ) !important; /* atau transparent jika ingin full bersih */
}

/* Warna teks agar tetap terbaca dengan baik */
.sidebar .nav-link {
    color: #fff !important;
}

/* Optional: jika ada garis atau border tambahan */
.sidebar .nav-title {
    border-bottom: none !important;
}

/* 1. Pastikan semua container sidebar transparan */
.sidebar,
.sidebar .sidebar-nav,
.sidebar .nav,
.sidebar .nav-item,
.sidebar .nav-link {
    background-color: transparent !important;
    box-shadow: none !important;
    border: none !important;
}

/* 2. Hapus pseudo-element jika ada */
.sidebar::before {
    background: transparent !important;
    box-shadow: none !important;
}

/* 3. Uji coba ganti warna sidebar untuk memastikan CSS aktif */
.sidebar {
    background-color: rgb(
        253,
        252,
        254
    ) !important; /* Uji: ganti jadi biru/hijau kalau merah tidak muncul */
}

/* 4. Jika sidebar disimpan di dalam elemen lain */
.sidebar-container,
.c-sidebar {
    background-color: transparent !important;
}

/* dibawah ini css set untuk input text */
/* Wrapper untuk menampung input dan ikon */
.input-icon-wrapper {
    position: relative;
    width: 100%;
}

/* Styling untuk Ikon */
.input-icon {
    position: absolute;
    left: 0.75rem;
    top: 50%;
    transform: translateY(-50%);
    color: #6c757d;
    z-index: 10;
}

/* Class tambahan untuk input */
.input-with-icon {
    padding-left: 2.5rem;
}

/* dibawah ini css set Tanggal */
/* Membuat ikon masuk ke dalam input */
.input-group.date {
    position: relative;
}

.input-group.date input {
    padding-right: 35px;
}

.input-group.date .input-group-append {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    border: none;
    background: none;
    z-index: 3;
}

.input-group.date .input-group-text {
    background: none;
    border: none;
    padding: 0;
}

label[for="tanggal"] {
    margin-left: -15px;
}

#datepicker {
    width: calc(100% + 20px);
    margin-left: -10px;
}

/* New Tanggal */
#date-input {
    border: 1px solid #ddd;
    border-radius: 4px;
    width: 100%;
}
/* menggeser text tanggal */
.label-geser {
    display: block;
    padding-left: 16px;
    color: #000000;
}

/* Css Bagian Detail Atas */
/* bagian Breadcrumb layout  */
.breadcrumb {
    background-color: transparent;
    padding: 16px 0;
}

/* Text Color (Farhan) */
.breadcrumb-item {
    color: #00d78f !important;
}

.breadcrumb-item.active {
    color: #869ab8 !important;
}

.breadcrumb-item a {
    display: inline-block;
    background-color: transparent;
    color: #09d148;
    padding: 2px 2px;
    border-radius: 6px;
    text-decoration: none;
    font-weight: 500;
    transition: all 0.2s ease;
}

/* Hover saat normal */
.breadcrumb-item a:hover {
    background-color: #a6fbb6;
}

/* Aktif permanen */
.breadcrumb-item a.active {
    background-color: #00ff33;
    /* color: #002aff; */
}

/* Hover saat aktif */
.breadcrumb-item a.active:hover {
    background-color: #ff0000;
}

/* Warna hijau permanen khusus item Detail */
.breadcrumb-item.breadcrumb-hijau.active {
    background-color: #a6fbb6; /* hijau muda */
    color: #09d148;
    padding: 2px 8px;
    border-radius: 6px;
    font-weight: 500;
}

/* Menghilangkan breadcrumb-item tertentu Maksudnya menghilangkan tanda ini ----> /  */

.breadcrumb-no-slash .breadcrumb-item + .breadcrumb-item::before {
    content: none !important;
}

/* khusu tabel summary lot parkir */
table {
    border-collapse: collapse !important;
}

table th,
table td {
    border: 1px solid #dee2e6 !important;
}

.table td.num,
.table th.num {
    text-align: right !important;
}

/* button X pada saat ingin menutup popup gambar di Buka Boomgate */
.btn-close {
    background: none;
    width: 1em;
    height: 1em;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 16 16'%3E%3Cpath d='M2.5 2.5a.75.75 0 011.06 0L8 6.94l4.44-4.44a.75.75 0 111.06 1.06L9.06 8l4.44 4.44a.75.75 0 11-1.06 1.06L8 9.06l-4.44 4.44a.75.75 0 11-1.06-1.06L6.94 8 2.5 3.56a.75.75 0 010-1.06z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1em;
}

/* Pagination bagian 123 */
.pagination .page-link {
    color: #00d78f; /* teks hijau */
    border: 1px solid #d9e2ef;
    border-radius: 2px !important;
    background-color: transparent;
    transition: all 0.3s ease;
}

.pagination .page-link:hover {
    background-color: #00d78f;
    color: #fff;
    border-color: #00d78f;
}

.pagination .page-item.active .page-link {
    background-color: #00d78f;
    border-color: #00d78f;
    color: #fff;
}

.pagination .page-item.disabled .page-link {
    color: #00d78f;
    border-color: #d9e2ef;
    background-color: transparent;
}

/* Warna hitam pada bagian thead th text */
.table thead th {
    color: #1b2a4e !important;
}

.btn-terapkan {
    background-color: #00d78f !important;
    color: white !important;
    border: none !important;
}

.btn-terapkan:hover {
    color: #1b2a4e !important;
}

/* --- Farhan --- */
/* --- START --- */
/* casual_income/harian_detail.blade.php */
/* Income Table di Footer - agar lebarnya match dengan tabel utama */
.income-table {
    width: 100%;
    color: #ffffffff;
    border-collapse: collapse;
    font-size: 12px;
    margin-top: 20px;
    table-layout: fixed;
    /* Agar kolom bisa diatur lebarnya */
}

.income-table th,
.income-table td {
    color: #1b2a4e;
    border: 1px solid #dee2e6ff;
    padding: 8px;
    font-size: 16px;
    font-weight: 300;
}

.income-table th {
    background-color: #fff;
    color: #000000ff;
    font-weight: 600;
    text-align: left;
    width: calc(70%);
}

.income-table td {
    text-align: right;
    width: calc(30%);
    background-color: #fff;
    color: #000000ff;
}
/* --- END --- */

/* Bagian Print */
/* @media print {
  body * {
    visibility: hidden;
  }

  .card-body table,
  .card-body table * {
    visibility: visible;
  }
} */

/* Default: print semua tabel */
@media print {
    body * {
        visibility: hidden;
    }

    .card-body table,
    .card-body table * {
        visibility: visible;
    }

    .card-body table {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
    }
}

/* Kalau print per customer aktif */
@media print {
    body.print-customer .card-body table tbody tr {
        display: none; /* sembunyikan semua row */
    }

    body.print-customer .card-body table tbody tr.print-this {
        display: table-row; /* hanya tampilkan yang dipilih */
    }
}

/* Mengecilkan Kolom button aksi */
.table td.aksi,
.table th.aksi {
    width: 100px;
    text-align: center;
}

/* Pada gambar bagian buka boomgate */
.custom-modal-header {
    background-color: #fff;
    color: #000;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

@media print {
    /* Semua tombol tidak ikut tercetak */
    .btn,
    .btn-sm,
    .btn-terapkan {
        display: none !important;
    }

    /* Kalau cuma ingin sembunyikan kolom aksi */
    th:last-child,
    td:last-child {
        display: none !important;
    }
}

/* Ini Bagian Dashboard Menghilangkan Bg putih Pada Dashboard */
.sidebar {
    background-color: transparent !important;
    box-shadow: none !important;
}

/* Pada gambar bagian buka boomgate src: oxa*/
.custom-modal-header {
    background-color: #fff;
    color: #000;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

/* No Data Message src: oxa*/
#noDataMessage {
    background-color: #f8f9fa;
    border-radius: 8px;
    padding: 2rem;
    margin: 1rem 0;
}

#noDataMessage p {
    font-size: 1rem;
    color: #6c757d;
    margin: 0;
}

/*untuk mookup foto kendaraan src: oxa*/
.btn-close-custom {
    background-color: #fff;
    color: #4d6daa;
    font-size: 22px;
    font-weight: 900;
    line-height: 1;
    border: 3px solid #4d6daa;
    border-radius: 4px;
    width: 36px;
    height: 32px;
    text-align: center;
    padding: 0;
    cursor: pointer;
}

.btn-close-custom:focus {
    outline: none;
    box-shadow: none;
}

/*button hapus*/
#btnHapus {
    background-color: #00d78f;
    /* warna merah pekat */
    border-color: #00d78f;
    color: white;
}

/*button hapus src:oxa*/
#btnHapus {
    background-color: #00d78f;
    /* warna merah pekat */
    border-color: #00d78f;
    color: white;
}