.fixed-kanan {
    position: fixed;
    top: 80px; /* Sesuaikan dengan tinggi header jika ada */
    right: 20px; /* Sesuaikan dengan jarak kanan */
    width: 300px; /* Sesuaikan agar tidak pecah layout */
    z-index: 1000;
    /*background-color: white; /* Opsional: untuk mencegah transparan */
}

.text-bold {
    font-weight: bold;
}

.sidebar-kanan {
    background-color: #00796b !important;
}
.sidebar-kanan .navigation {
    background-color: #00796b !important;
}

/* Mengubah background submenu */
.main-menu.menu-dark .navigation > li.has-sub ul.menu-content {
    background-color: #009688 !important; /* Ganti dengan warna yang kamu mau */
}

/* Mengubah warna teks submenu */
.main-menu.menu-dark .navigation > li.has-sub ul.menu-content li > a {
    color: #fff !important; /* Putih atau sesuaikan */
}

/* Hover submenu */
.main-menu.menu-dark .navigation > li.has-sub ul.menu-content li:hover > a {
    background-color: #00796b !important;
    color: #fff !important;
}
.navbar-header {
    background-color: #bee9e4 !important; /* atau warna sesuai keinginan oke  */
}

.btn-primary {
    background-color: #00796b !important;
    border-color: #00796b !important;
    color: #fff !important;
}

.btn-primary:hover {
    background-color: #00796b !important;
    color: #fff !important;
}

.btn-info {
    background-color: #3bc363 !important;
    border-color: #3bc363 !important;
    color: #fff !important;
}

.bg-success {
    background-color: #9bf2e3 !important;
}

.text-success {
    color: #5abc84 !important;
}

.text-primary {
    color: #3289ac !important;
}

.card {
    border-radius: 2px !important; /* border radius custom */
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2) !important;
}

thead {
    background-color: #00796b !important; /* warna background custom */
    color: white; /* warna teks */
}

tbody tr {
    border-bottom: 0px solid #5dd3c5 !important; /* hijau toska */
}

td {
    border-bottom: 1px solid #5dd3c5 !important; /* hijau toska */
}