/* Styles for graph container */
#graphDiv {
    height: 400px;
}

/* Styles for settings container */
#settings_div{
    width: 300px;
    padding: 5px;
    background-color: var(--main);
}

#settings_div h2{
    color: var(--dark);
}

#shareDiv{
    width: 300px;
    padding: 5px;
    background-color: var(--side);
}

#shareDiv h2{
    color: var(--dark);
}

table {
    margin-top: 20px;
    width: 100%;
}

table, th, td {
    border-collapse: collapse;
}

th, td {
    padding: 4px;
    border: 1px solid darkgrey;
    min-width: 100px;
    text-align: center;
}

/* Styles for even rows of table */
tr:nth-child(even) td:not(.UI_remove_row){
    background-color: var(--main);
}

th {
    background-color: var(--main-dark);
}

th div {
    color: var(--light);
}

th input {
    padding: 0;
    margin: 0;
}

[contenteditable] {
    outline: 0 solid transparent;
}