*{box-sizing:border-box;-webkit-overflow-scrolling:touch;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}
:focus{outline:0}
::-moz-focus-inner{border:none;padding:0}
@font-face{font-family:'Roboto';font-weight:400;font-style:normal;src:url('/static/roboto-regular.woff2') format('woff2'),
url('/static/roboto-regular.woff') format('woff')}
@font-face{font-family:'Roboto';font-weight:700;font-style:normal;src:url('/static/roboto-bold.woff2') format('woff2'),
url('/static/roboto-bold.woff') format('woff')}
html{overflow:hidden}
html, body{padding:0;margin:0;height:100%;width:100%;font-family:Roboto, Helvetica, Verdana, sans-serif;font-weight:400;font-display:optional;color:#444;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
body>header{width:100%;color:#FFF;background:#D00;position:fixed;font-size:18px;box-shadow:0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 2px 9px 1px rgba(0, 0, 0, 0.12), 0 4px 2px -2px rgba(0, 0, 0, 0.2);padding:.75em .5em .5em .5em;will-change:transform;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition:-webkit-transform 0.233s cubic-bezier(0, 0, 0.21, 1) 0.1s;transition:-webkit-transform 0.233s cubic-bezier(0, 0, 0.21, 1) 0.1s;transition:transform 0.233s cubic-bezier(0, 0, 0.21, 1) 0.1s;transition:transform 0.233s cubic-bezier(0, 0, 0.21, 1) 0.1s, -webkit-transform 0.233s cubic-bezier(0, 0, 0.21, 1) 0.1s;z-index:1000}
body>header>h1{font-weight:400;font-size:inherit;margin:0;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.loading .loader{display:block}
.loader{z-index:9999;left:50%;top:50%;position:fixed;transform:translate(-50%, -50%);display:none}
.loader #spinner{box-sizing:border-box;stroke:#D00;stroke-width:3px;transform-origin:50%;animation:line 1.6s cubic-bezier(0.4, 0, 0.2, 1) infinite, rotate 1.6s linear infinite}
@keyframes rotate{from{-webkit-transform:rotate(0);transform:rotate(0)}
to{-webkit-transform:rotate(450deg);transform:rotate(450deg)}
}
@keyframes line{0%{stroke-dasharray:2, 85.964;-webkit-transform:rotate(0);transform:rotate(0)}
50%{stroke-dasharray:65.973, 21.9911;stroke-dashoffset:0}
100%{stroke-dasharray:2, 85.964;stroke-dashoffset:-65.973;-webkit-transform:rotate(90deg);transform:rotate(90deg)}
}
.autocomplete-suggestions{border:1px solid #999;background:#FFF;overflow:auto}
.autocomplete-suggestion{padding:2px 5px;white-space:nowrap;overflow:hidden;cursor:pointer}
.autocomplete-selected{background:#F0F0F0}
.autocomplete-suggestions strong{font-weight:normal;color:#FF7E14}

#bps{position:fixed;top:53px;bottom:0;left:0;right:0;text-align:center;font-size:2em;overflow-y:auto;padding:1em}
input, button, select {font-family:Roboto, Helvetica, Verdana, sans-serif; font-size: 2rem; width: 100%}
table {width: auto;font-size:.8em;text-align:left;margin:auto}
thead {background: #ddd}
tr:nth-child(even) {background-color: #eee}
td, th {padding:.25em}
a {color:#000}
a:hover {color:#D00}