.container {
	margin-top: 20px;
}

span.census::before {
  content: "•"; 
  font-size: 2rem;
  padding-right: 5px;
  line-height: 0.5rem;
  vertical-align:middle;
}
span.c-infected::before { color: #F9F; }
span.c-sick::before { color: red; }
span.c-dead::before { color: #000; }
span.c-cured::before { color: green; }


.slider {
  -webkit-appearance: none;
  width: 100%;
  height: 5px;
  border-radius: 5px;  
  background: #d3d3d3;
  outline: none;
  opacity: 0.7;
  -webkit-transition: .2s;
  transition: opacity .2s;
}

.slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 15px;
  height: 15px;
  border-radius: 50%; 
  background: #090;
  cursor: pointer;
}

.slider::-moz-range-thumb {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #090;
  cursor: pointer;
}
.slider:disabled::-moz-range-thumb {
  background-color: #CCC;
}
.slider:disabled::-webkit-slider-thumb {
	background-color: #CCC;
}




#drawArea {
	border:1px solid gray;
}

#controlPanel {
	border: 1px solid black;
	padding: 20px;
	width: 250px;
	font-size: 12px;
}

button {
	width: 100%;
}
button:disabled {
	color: #999;
}

#data {
	padding: 10px;
	border: 1px solid #DDD;
	font-size: 12px;
	width: 250px;
}
#data-debug {
  margin-top: 20px;
  padding: 10px;
  font-size: 12px;
  width: 250px;
}