body,
.navbar-nav,
.nav-link,
.sidebar-brand {
    font-family: "Arimo", sans-serif;
    font-optical-sizing: auto;
 
}

.btn {
    background-color: #4CAF50;
    /* Ganti dengan warna yang diinginkan */
    border: none;
    color: white;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
}

.btn-primary {
    background-color: #4CAF50;
    /* Ganti dengan warna yang diinginkan */
    border-color: #4CAF50;
}

/* Custom CSS for sidebar */
.sidebar {
    background-color: #343a40;
    /* Change to your preferred background color */
}

.sidebar .nav-item .nav-link {
    color: #ffffff;
    /* Text color for links */
}

.sidebar .nav-item .nav-link:hover {
    background-color: #495057;
    /* Background color when hovered */
    color: #ffffff;
    /* Text color when hovered */
}

.sidebar .nav-item.active .nav-link {
    background-color: #007bff;
    /* Active link background color */
    color: #ffffff;
    /* Active link text color */
}


/* Gaya untuk tombol Tambah Penyakit */
.btn-primary {
    background-color: #007bff;
    /* Warna background */
    border-color: #007bff;
    /* Warna border */
}

.btn-primary:hover {
    background-color: #0056b3;
    /* Warna background saat dihover */
    border-color: #0056b3;
    /* Warna border saat dihover */
}

/* Gaya untuk tabel */
.table {
    border-collapse: separate;
    /* Gaya border */
    border-spacing: 0 0.5rem;
    /* Spasi antar baris */
}



.table th,
.table td {
    vertical-align: middle;
    /* Menengah vertikal */
    text-align: center;
    /* Menengah horizontal */
    padding: 10px;
    /* Padding cell */
}

.table tbody tr {
    background-color: #f8f9fc;
    /* Warna latar belakang baris tabel */
    border: 1px solid #e3e6f0;
    /* Warna border baris tabel */
}

.table tbody tr:hover {
    background-color: #e2e6ea;
    /* Warna latar belakang saat dihover */
}

/* Gaya untuk tombol Aksi */
.btn-warning {
    background-color: #ffc107;
    /* Warna background */
    border-color: #ffc107;
    /* Warna border */
}

.btn-warning:hover {
    background-color: #e0a800;
    /* Warna background saat dihover */
    border-color: #d39e00;
    /* Warna border saat dihover */
}

.btn-danger {
    background-color: #dc3545;
    /* Warna background */
    border-color: #dc3545;
    /* Warna border */
}

.btn-danger:hover {
    background-color: #c82333;
    /* Warna background saat dihover */
    border-color: #bd2130;
    /* Warna border saat dihover */
}