/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Mar 15, 2020, 10:53:31 AM
    Author     : orang
*/

.statchart{
    display: table;
    border-radius: 4px;
}
.statheader{
    display: table-header-group;
    font-weight: bold;
}
.stat{
    display: table-cell;
    border-top: solid #000 1px;
    width:100px;
}
.statlabel{
    font-weight: bold;
    display: table-cell;
    width:200px;
    border-top: solid #000 1px;
}
.statwrapper{
    display: table-row;
    border-top: solid #fff 1px;
}
#sliders{
    text-indent: 0;
}
.sliderWrapper{
    display: inline-block;
    border: solid gray 1px;
    border-radius: 4px;
    min-width: 300px;
    max-width: 350px;
    width:49%;
    padding: 5px;
    margin: 5px;
}
.variableNumber{
    width:15%;
}
.variableSlider{
    width:75%;
}
.table{
    display: inline-table;
    border: solid black 1px;
    border-radius: 4px;
}
.tablerow{
    display: table-row;
}
.tablecell{
    display: table-cell;
    border: solid gray 1px;
    min-width: 90px;
    height: 20px;
    padding: 0 3px 0 3px;
    text-indent: 0px;
}
.noteSection{
    margin: 10px;
}
#infected{

}
#sliders{
    text-indent: 0px;
}
#populationChart{
    border: solid black 1px;
}
#populationGraph{
    border: solid black 1px;
    width: 95%;
    display: inline-block;
}
#simulation{
    border: solid black 1px;
    width:95%;
    background-color: #ccc
}
#simulationWrapper{
    /*border: solid black 1px;*/
    display: block;
    /*background-color: #222;*/
    /*color: #fff;*/
}
#buttonWrapper{
    /*border: solid gray 1px;*/
    display: inline-block;
    padding: 5px;
    margin: 5px;
    border-radius: 4px;
    min-width: 250px;
}
.controlButton{
   background-color:#004;
   color:#fff;
   border: 2px solid #fff;
   border-radius: 4px;
   cursor: pointer;
   margin: 3px;
   padding: 4px;
   text-decoration: none;
}
.controlButton:hover{
    background-color:#045;
    color:#fff;
}
.goButton{
    background-color:#008;
    color:#fff;
    border: 2px solid #000;
    border-radius: 4px;
    cursor: pointer;
    margin:2px;
    padding:4px;
    text-decoration: none;
}
.paragraph{
    margin-top:8px;
}