html,body {height:100%; padding:.75rem; margin:0; font-family:"Lucida Grande"; transition:1s;}

div#container {background-color:#E6F1FE; background-color:#9bd7ff; /*background-color:rgba(30,144,255,0.25);*/ color:#222; background-color:rgb(74, 71, 213); color:#FFF;}
div#container {text-align:center; max-width:400px; margin:0 auto; border-radius:8px; padding:.75rem;}
div#container {box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.4); box-shadow: 0 1px 6px rgba(32, 33, 36, 0.28); transition:.5s;}
div#container:hover {box-shadow: 0px 2px 12px 4px rgba(0,0,0,0.5);}

div#container {position:relative; animation:showUp 1s;}
@keyframes showUp {from{bottom:-100px;opacity:0;}to{bottom:0; opacity:1;}}

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

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:rgba(0,0,0,0.1); padding:12px; border-radius:5px; /*margin-bottom:12px;*/}
div#container div.input-row {padding-top:2px; padding-bottom:2px;}
div#container div.input-row label {width:100%; /*text-align:left;*/ padding:4px; margin:0;}
div#container div.input-row select, 
div#container div.input-row select option, 
div#container div.input-row input {width:100%; border-radius:5px; border:1px solid #777; text-align:right; padding:4px 12px; margin-top:4px; margin-bottom:4px;}

div#container div.button-row {padding-top:12px;}
div#container div.button-row div.l {padding-right:4px;}
div#container div.button-row div.m {padding-left:4px; 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:#efefef; font-weight:bold;}
div#container div.button-row button.primary {background-color:dodgerblue; color:#fff;}

div#container div.output-row div#outputBox {display:none;}
div#container div.output-row div#outputBox {background-color:rgba(0,0,0,0.1); border-radius:5px; border:1px solid #888; padding:.5rem; text-align:left; margin-top:12px; font-size:14px;}
div#container div.output-row div#outputBox table {/*width:100%;*/ margin:0 auto; text-align:center;}
div#container div.output-row div#outputBox table th, 
div#container div.output-row div#outputBox table td {padding:.25em 1em;}