body {
    font: 10px sans-serif;
}

.axis line {
    stroke: #000;
}

.axis path {
    fill: none;
    stroke: #000;
}

div.tooltip {
    position: absolute;
    text-align: center;
    width: 80px;
    height: 15px;
    padding: 2px;
    font: 12px sans-serif;
    background: lightsteelblue;
    border: 0px;
    border-radius: 8px;
    pointer-events: none;
}

/* re: https://www.w3schools.com/css/css3_buttons.asp */
button {
    background-color: #4CAF50; /* Green */
    border: none;
    color: white;
    /* padding: 15px 32px; */
    padding: 8px 16px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
}

button:hover {
    background-color: red; /* Green #4CAF50 */
    color: white;
}

/* re: https://www.w3schools.com/css/css_form.asp */
select {
    /* width: 100%; */
    padding: 7px 20px;
    border: none;
    /* border-radius: 4px; */
    background-color: #4CAF50;
    color: white;
}

input[type=number]{
    width: 60px;
} 

#container{
    position: relative;
    height: 100%;
    width: 100%;
    background-color:rgb(255, 255, 255);
}

#human{
    position: absolute;
    background-color:rgb(255, 255, 255);
}

#radarChart{
    position: absolute;
    background-color:rgb(255, 255, 255);
}

#humanControls{
    position: absolute;
    background-color:rgb(255, 255, 255);
}

#radarChartControls{
    position: absolute;
    background-color:rgb(255, 255, 255);
}

#robotCanvas{
    position: absolute;
    height: 100%;
    width: 100%;
    background-color:rgb(255, 255, 255);
}