/* For Material graph */
text {
    font: 12px sans-serif;
    }
svg {
    height: 800px;
    }
html, body{
    margin: 0px;
    padding: 0px;
    height: 100%;
    width: 100%;
}
#buttons span {
    border-style: solid;
    border-width: 2px;
    border-color: black;
    font-weight: bold;
}
#graph1 {
    width: 825px;
    height: 350px;
}
#StatusCountByQuarterCaption, #tablebody {
    width: 950px;
}
#table, #chart1, #chart2 {
    height: 400px;
    width: 525px;
}
#chart3, #chart5, #chart11, #chart12 {
    height: 550px;
    width: 850px;
}
#chart4, #chart6 {
    height: 1200px;
    width: 950px;
}
#chart7, #chart8 {
    height: 400px;
    width: 700px;
}
#chart9 {
    height: 500px;
    width: 650px;
}
#chart10 {
    height: 750px;
}
.wrapper {
    display: flex;
}
#superkingdom input {
    margin-left: 0px;
}
#classselect input {
    margin-left: 0px;
}
svg { display: block;}
    .asterisk {
        font-family: 'Times New Roman';
        font-style: italic;
    }