@font-face{font-family:blokk;font-weight:400;font-style:normal}
.component{line-height:1.5em;margin:0 auto;padding:0 0 0em;width:100%;max-width:1000px;overflow:hidden}
.component .filler{font-family:blokk,Arial,sans-serif;color:#d3d3d3}
.component table{border-collapse:collapse;margin-bottom:3em;width:100%;background:#fff}
.component td,th{padding:.75em 1.0em;text-align:left}
.component td.err{background-color:#e992b9;color:#fff;font-size:.75em;text-align:center;line-height:1}
.component th{background-color:#0084ff;font-weight:700;color:#fff;white-space:nowrap}
.component tbody th{background-color:#2ea879}
.component tbody tr:nth-child(2n-1){background-color:#deefff;transition:all .125s ease-in-out}
.component tbody tr:hover{background-color:#a6d4fe;color:#fff;}
.sticky-wrap{overflow-x:auto;overflow-y:hidden;position:relative;margin:3em 0;width:100%}
.sticky-wrap .sticky-thead,.sticky-wrap .sticky-col,.sticky-wrap .sticky-intersect{opacity:0;position:absolute;top:0;left:0;transition:all .125s ease-in-out;z-index:50;width:auto}
.sticky-wrap .sticky-thead{box-shadow:0 .25em .1em -.1em rgba(0,0,0,.125);z-index:100;width:100%}
.sticky-wrap .sticky-intersect{opacity:1;z-index:150}
.sticky-wrap .sticky-intersect th{background-color:#666;color:#eee}
.sticky-wrap td,.sticky-wrap th{box-sizing:border-box}
.component td.user-name{text-transform:capitalize}
.component td.user-num{text-transform:capitalize}
.sticky-wrap.overflow-y{overflow-y:auto;max-height:50vh}