/* Table Container */
.table-container {
    width: 100%;
    overflow-x: auto;
    margin: 20px 0;
}

/* Table Styling */
.zigzag {
    width: 100%;
    border-collapse: collapse;
    font-family: Arial, sans-serif;
    font-size: 14px;
    color: #333;
}

/* Header Styling */
.zigzag thead {
    background-color: #003366;
    color: white;
}

.zigzag th, .zigzag td {
    padding: 10px;
    text-align: left;
    border: 1px solid #ddd;
}

.zigzag th {
    background-color: #003366;
    color: white;
    font-weight: bold;
}

/* Alternating Row Colors */
.zigzag tr:nth-child(even) {
    background-color: #f9f9f9;
}

.zigzag tr:hover {
    background-color: #f1f1f1;
}

/* Responsive Design */
@media (max-width: 768px) {
    .zigzag th, .zigzag td {
        padding: 8px;
        font-size: 12px;
    }
}

/* Fixing Header and Number Formatting */
table {
    font-family: Arial, sans-serif;
    border-collapse: collapse;
}

table th, table td {
    padding: 8px;
    text-align: left;
}

table th {
    background-color: #003366;
    color: white;
}

/* Right-align numeric columns (date, price, yield) */
table th:nth-child(2), 
table td:nth-child(2),
table th:nth-child(3), 
table td:nth-child(3),
table th:nth-child(8), 
table td:nth-child(8) {
    text-align: right;
}

/* Remove weird row rotation */
.zigzag tbody tr:nth-child(odd),
.zigzag thead tr,
.zigzag tbody tr:nth-child(even) {
    transform: none;
}