.dashboard-box {
    background-color: #f9f1eb !important;
    border: 1px solid #000; 
    padding: 1.5rem !important;
    min-height: 80vh;
}

.dashboard-subtitle {
    color: #2c415e !important; 
    font-size: 1.5rem; 
}

.table-container {
    width: 80%; /* Tabel smaller dan de kolom */
    margin: 0 auto; /* Centraal uitlijnen */
}

.table {
    width: 100%;
    border-collapse: collapse;
    background-color: transparent !important; /* Transparante achtergrond */
}

.table th, .table td {
    border: 1px solid #ddd;
    padding: 8px;
    text-align: left;
    color: #2c415e; /* Blauwe tekstkleur */
}

.table thead {
    background-color: transparent !important;
    font-weight: bold;
}

.table tbody tr:hover {
    background-color: rgba(44, 65, 94, 0.1); /* Lichte blauwe hover */
}


.chart-title {
    text-align: center;
    font-size: 1.2rem;
    font-weight: bold;
    color: #2c415e; /* Blauwe kleur zoals subtitle */
    margin-top: 15px;
}

.chart-container {
    width: 50%; /* Maximaal 50% van de kolombreedte */
    margin: 20px auto;
}