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

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

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.inputGroup {background-color:rgba(0,0,0,0.1); padding:12px; border-radius:5px;}

div#container div.input-row {padding-top:3px; padding-bottom:3px;}
div#container div.input-row label {width:100%; text-align:left; padding:4px; margin:0;}
div#container div.input-row input {width:100%; border-radius:5px; border:1px solid #888; padding:4px 12px; text-align:right;}
div#container div.input-row select {width:100%; border-radius:5px; border:1px solid #888; padding:4px 12px; text-align:right; text-indent:70%; height:28px; cursor:pointer;}

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

div#container div.output-row div#output {display:none; border-radius:5px; border:1px solid #888; margin-top:12px;}
div#container div.output-row div#output {padding:12px 36px; background-color:rgba(0,0,0,0.1); text-align:center;}