body {padding:24px; transition:1s;}

div#containerDH {text-align:center; background-color:#E6F1FE; color:#222; max-width:600px; border-radius:8px; padding:12px; box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.4); transition:.5s;}
div#containerDH:hover {box-shadow: 0px 2px 12px 4px rgba(0,0,0,0.5);}

/*div#containerDH > div.row {padding-top:6px; padding-bottom:4px;}*/

div#containerDH div.head-row h2 img {height:34px; position:relative; bottom:3px;}

div#containerDH div.inputGroup {background:rgba(0,0,0,.1); border-radius:5px; padding:12px; margin:.75em 0;}
div#containerDH div.input-row h4 {/*font-size:16px;*/}
div#containerDH div.input-row label {width:100%; text-align:left; padding:2px; margin:0; /*font-size:12px;*/}
div#containerDH div.input-row input {width:100%; border-radius:5px; border:1px solid #888; padding:4px 12px; text-align:right; font-size:12px; margin:2px 0;}

div#containerDH div.button-row {margin-top:.75em;}
div#containerDH div.button-row > div:nth-of-type(1) {padding-right:4px;}
div#containerDH div.button-row > div:nth-of-type(2) {padding-left:4px; padding-right:4px;}
div#containerDH div.button-row > div:nth-of-type(3) {padding-left:4px;}
div#containerDH div.button-row button {width:100%; border-radius:5px; border:1px solid #888; padding:4px; background-color:#EEE; font-weight:bold;}
div#containerDH div.button-row > div:nth-of-type(1) button {background-color:#efefef;}
div#containerDH div.button-row > div:nth-of-type(2) button {background-color:dodgerblue; color:#fff;}
div#containerDH div.button-row > div:nth-of-type(3) button {background-color:#efefef;}

div#containerDH div.output-row div#outputBox {display:none; background-color:rgba(0,0,0,0.1); border-radius:5px; border:1px solid #888; font-size:16px; padding:12px 24px; text-align:center; margin-top:8px;}
div#containerDH div.output-row div#outputBox div#populationBar {background-color:transparent; height:2em; border-radius:8px; overflow:hidden;}
div#containerDH div.output-row div#outputBox div#populationBar div.innerBar {display:inline-block; height:100%; min-width:0.1%; max-width:99.9%; text-align:center; transition:.5s; position:relative; font-size:8px;}
div#containerDH div.output-row div#outputBox div#populationBar div#doveBar {background-color:#F00; color:#FFF; width:50%;}
div#containerDH div.output-row div#outputBox div#populationBar div#hawkBar {background-color:#0F0; color:#000; width:50%;}

@media screen and (max-width:767px) {
	body {padding:12px;}
}