/******************** info table *************************/
.infoTable {
    width: 100%;
    border: 2px solid black;
    background-color: #555;
    overflow-y: auto;
    table-layout: fixed;
    margin: 10px;
}
.infoTable th, td {
    border: 1px solid black;
    color: white;
    text-align: center;
}
.infoTable th {
    background-color: blueviolet;
    color: #FFF;
}

.infoTable img {
    max-width: 100%;
    max-height: 60px;
    padding: 5px;
}

.materialInfo {
    width: 700px;
    max-width: 95vw;
}

.coloredText {
    color:#03a9f4;
}
.redText {
    color: VAR(--red-accent-color);
}
.greenText {
    color: rgb(14, 179, 14);
}

.exampleSVG {
    background-color: #FFF;
    border-style: solid;
    border-width: 2px;
    border-color: #000;
    margin: 5px;

}