body
{
margin: 0;
padding: 0;
font-family: "Roboto", sans-serif;
font-size: 12px;
}

svg
{
overflow: hidden;
}

#container
{
width: 95vw;
margin: 15px auto 0 auto;
position: relative;
}

#chart
{
width: 100%;
margin: 0 auto 0 auto;
text-align: center;
}

.xaxis, .yaxis
{
stroke-width: 1px;
}

.ticks
{
font-size: 8px;
}

.divs
{
display: inline-block;
margin: 10px 2px 0 2px;
position: relative;
}

.tools
{
position: absolute;
display: none;
background-color: rgb(255, 255, 255, 0.9);
box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);
pointer-events: none;
width: 150px;
padding: 1%;
z-index: 3;
}

.reg
{
stroke: #000000;
stroke-opacity: 0.3;
fill: none;
stroke-dasharray: 4, 4;
}

.heads
{
font-size: 10px;
text-anchor: middle;
fill: #000000;
stroke: none;
}

.name
{
font-size: 14px;
text-align: center;
margin-bottom: 15px;
}

#sel
{
width: 100%;
text-align: center;
}

.selector
{
display: inline-block;
margin: 5px 5px 0 15px;
}

table
{
width: 100%;
font-size: 10px;
}

th
{
font-weight: normal;
}

td
{
text-align: center;
}

#footer
{
width: 100%;
margin-top: 15px;
text-align: center;
}