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

div#container {/*text-align:center;*/ background-color:#E6F1FE; color:#222; max-width:700px; border-radius:8px; padding:12px;}

div#container div.head-row h2 {text-align:center; margin-bottom:24px;}
div#container div.head-row h2 img {height:34px; position:relative; bottom:3px;}

div#container div.input-row {text-align:center;}
div#container div.input-row div.col-xs-3:nth-of-type(1) {padding-right:4px;}						/* For 4 button design */
div#container div.input-row div.col-xs-3:nth-of-type(2) {padding-left:4px; padding-right:4px;}	/* For 4 button design */
div#container div.input-row div.col-xs-3:nth-of-type(3) {padding-left:4px; padding-right:4px;}	/* For 4 button design */
div#container div.input-row div.col-xs-3:nth-of-type(4) {padding-left:4px;}						/* For 4 button design */
div#container div.input-row label {width:100%; text-align:center; padding:4px; margin:4px 0 0;}
div#container div.input-row input {width:100%; border-radius:5px; border:1px solid #888; text-align:right; padding:4px 12px; margin:4px 0;}

div#container div.button-row {margin-top:12px;}
div#container div.button-row div.l {padding-right:4px;}
div#container div.button-row div.r {padding-left:4px;}
div#container div.button-row button {width:100%; border-radius:5px; border:1px solid #888; padding:6px; background-color:#EEE; font-weight:bold;}
div#container div.button-row button.primary {background-color:dodgerblue; color:#FFF;}

div#container div.output-row {}
div#container div.output-row div#output {border-radius:5px; border:1px solid #888; padding:12px 36px; margin-top:12px; background-color:rgba(0,0,0,0.25); display:none;}
div#container div.output-row div#output div.h {margin-top:12px; text-decoration:underline; font-weight:bold;}