body{font:10pt sans-serif;margin:0;height:100%}#app{top:0;bottom:30pt;display:flex;flex-direction:column}#app,footer{position:absolute;width:100%}footer{height:30pt;bottom:-30pt;background-color:#083f50;padding:4pt;font-size:10pt;line-height:1.2;text-align:center}footer,footer a{color:#eeedf1}*{box-sizing:border-box}p{margin-bottom:1em}a{text-decoration:none;color:#666}a:hover{text-decoration:underline}strong{font-weight:700;color:red}div.loading{height:30px;background:no-repeat 50% url(/loading.gif)}h1,h1 a,h1 a:hover{font-size:20pt;padding:4pt;color:#eeedf1;background-color:#083f50;text-decoration:none}h2{font-size:12pt;font-weight:700;padding:2pt;color:#144e94;text-align:center}button{background-color:#2999c4;color:#fff;border:none;border-radius:10pt;margin:4pt}button:disabled{background-color:#ccc}div.scroll{border-top:4pt solid transparent;overflow:auto;flex-grow:1;flex-basis:0}table.list{border-collapse:collapse;min-width:100%;width:100%}table.list td,table.list th{white-space:nowrap;padding:2pt;border:1pt solid #082f50}table.list tbody tr:nth-child(odd){background-color:#eeedf1}table.list tbody tr:nth-child(2n){background-color:#a5c5d6}table.list th{font-weight:700;color:#fff;background-color:#082f50}div.notice{color:red;font-weight:700}div.notice a{color:#c00}