/* Styling untuk body */
body {
    margin: 0;
    padding: 0;
    background-color: #060a1f;
}

/* Styling untuk container utama */
.container-fluid {
    margin-top: 3rem; /* Jarak dari atas untuk container */
    padding: 1rem;
    background-color: white;
    border-radius: 0.625em;
}

/* Styling untuk judul */
h2 {
    text-align: center;
    text-transform: uppercase;
    text-underline-position: under;
    text-decoration: underline black;
}

/* Styling untuk tombol */
button {
    padding: 0.625em;
    font-weight: bold;
    color: white;
    background-color: #4caf50;
    border: none;
    font-size: 1em;
    cursor: pointer;
    margin-bottom: 1rem; /* Jarak bawah untuk tombol */
}

/* Styling untuk tabel */
table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid black; /* Added border for the entire table */
}

/* Styling untuk header tabel */
table thead {
    background-color: gray;
    border: 0.063em solid black;
    font-size: 1em;
    color: white;
}

/* Styling untuk sel tabel */
table td, table th {
    text-align: center;
    padding: 0.625em;
    border: 1px solid black; /* Added border for table cells */
}

/* Styling untuk label ekstensi file */
label {
    font-weight: bold;
    color: white;
    background-color: red;
    padding: 0.313em 0.625em;
    border-radius: 0.313em;
}

/* Styling umum untuk link */
a {
    text-decoration: none;
    font-weight: bold;
    padding: 0.313em 0.625em;
    color: black;
    margin-right: 0.5em;
    display: inline-block;
    margin-bottom: 0.5em;
    border-radius: 0.313em;
}

/* Styling khusus untuk tombol aksi */
a.btn-info {
    background-color: #17a2b8;
}

a.btn-info:hover {
    background-color: #138496;
}

a.btn-danger {
    background-color: #dc3545;
}

a.btn-danger:hover {
    background-color: #c82333;
}

a.btn-warning {
    background-color: #ffc107;
}

a.btn-warning:hover {
    background-color: #e0a800;
}