body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
    background-color: #f5f6fa;
}

.content {
    width : 100%;
    margin: 0px;
    padding: 0px;
    padding-top: 70px;
    /* Adjusted for fixed navbar */
}

.header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #fff;
    padding: 10px 20px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    margin-top: 30px;
    margin-bottom: 20px;
}

.header .title {
    font-size: 18px;
    color: #2f3640;
}

.card {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    padding: 20px;
    text-align: center;
    margin-bottom: 30px;
}

.card i {
    font-size: 24px;
    margin-bottom: 10px;
}

.card .title {
    font-size: 14px;
    color: #7f8fa6;
    margin-bottom: 10px;
}

.card .value {
    font-size: 24px;
    color: #2f3640;
    margin-bottom: 10px;
}

.chart {
    height: 300px;
    width: 100%;
}
.table thead th {
    position: sticky;
    top: 0;
    background-color: #007bff; /* Sesuaikan dengan warna latar belakang navbar Anda */
    color: white; /* Warna teks header */
    z-index: 10; /* Pastikan header tetap di atas konten lainnya */
}

.dropdown-icon {
    display: block; /* Tampilkan ikon di bawah tombol */
    margin-top: 0.5rem; /* Jarak antara tombol dan ikon */
  }
  .dropdown-menu {
    min-width: 100%; /* Pastikan item dropdown memiliki lebar minimal yang sama dengan tombol */
    position: absolute;
    top: 100%; /* Tepat di bawah elemen induk */
    left: 0;
    margin-top: 0;
  }
  .nav-item.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0; /* Hilangkan jarak default */
    
  }
  /* Atur posisi relative pada .nav-item untuk memastikan dropdown di bawahnya */
  .nav-item.dropdown {
    position: relative;
  }
  .dropdown-item {
    background-color: white; /* Warna latar belakang default */
    color: black; /* Warna teks default */
}

.dropdown-item:hover {
    background-color: #007bff; /* Ganti dengan warna biru yang diinginkan */
    color: white; /* Mengubah warna teks menjadi putih saat di-hover */
}
/* Menambahkan sedikit padding atau border radius pada tombol profile */
/* .navbar-nav .btn-outline-light { */
/* Hover effect for editing row */
.editing-row {
    background-color: #f0f8ff; /* Set background color for row being edited */
}