.table-container {
    overflow-x: auto;
}
table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 20px;
    white-space: nowrap;
}
th, td {
    border-bottom: 1px solid #cfe7e8;
    padding: 8px;
    text-align: left;
}
th {
    font-family: 'Manrope', serif;
    background-color: #008295;
    color: white;
}

.no-data {
    text-align: center;
    padding: 20px;
    background-color: #e2e3e3;
    color: #008195;
    border-left: 6px solid #d5edff;
    margin-top: 20px;
}

@media (max-width: 768px) {
    .no-data {
        background-color: #fff3cd;
        color: #856404;
        border-left: 6px solid #ffeeba;
    }
}

tr:hover {
    background-color: rgba(8, 161, 183, 0.5);
}

.package-number{
    cursor: pointer;
    background: rgba(8, 161, 183, 0.3);
}

.package-number-cell {
    display: flex;
    align-items: center; /
    width: 100%; 
}

.package-number-cell i{
    padding-left: 10px;
}

.package-total-info{
    font-weight: 600;
}