table.material_data tr:nth-child(odd) {
    background-color: #999999;
    color: #fff;
}

[data-theme="dark"] table.material_data tr:nth-child(odd) {
    background-color: #999999;
    color: #000000;
}

table.material_data tr:nth-child(even) {
    background-color: #e2dfe1;
}

[data-theme="dark"] table.material_data tr:nth-child(even) {
    background-color: #333333;
}

table.material_data tr:not(:first-child):hover {
    background-color: #fe9d0b;
    color: #333333;
    /* overflow: visible; */
}

table.material_data tr:last-child {
    border-bottom: 1px solid var(--dark-background-color);
}

table.material_data td {
    max-height: 20px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    border-left: 1px solid var(--dark-background-color);
    border-right: 1px solid var(--dark-background-color);
    padding: 0 5px 0 5px;
    text-align: center; 
}

[data-theme="dark"] table.material_data td {
    border-left: 1px solid var(--light-background-color);
    border-right: 1px solid var(--light-background-color);
}

[data-theme="dark"] table.material_data th{
    background-color: var(--dark-border-color);
    border-color: var(--light-background-color);
}

table.material_data th{
    background-color: var(--light-link-color);
    border-left: 1px solid var(--dark-background-color);
    border-right: 1px solid var(--dark-background-color);
    color: var(--dark-text-color);
    text-align: center;
    padding-top: 10px;
}