body,html{display:flex;flex:1 1;height:100%}body{background-color:#555}#root{display:flex;flex:1 1}a{color:#10c9c8;font-weight:500;text-decoration:none}form{align-items:center;flex-direction:column;width:100%}.App,form{display:flex}.App{color:#333;flex:1 1;flex-direction:column;font-size:1em}.App-api-error{color:#e2225f;display:flex;font-size:1em;font-weight:600;justify-content:center}.App-input{border:0;border-radius:6px;box-shadow:0 0 5px 0 #0000000d;font-size:15px;margin:5px 0;padding:12px 14px}.App-button,.App-input{-webkit-appearance:none;box-sizing:border-box;width:100%}.App-button{background-color:#10c9c8;border:0;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:15px;padding:14px 0}.App-button:active{background-color:#2b9695}.Login{align-items:center;align-self:center;margin-top:5vh;max-width:88vw;text-align:center;width:340px}.Loading,.Login{justify-content:center}.Loading{display:flex;flex:1 1;margin-top:2em}.Data-header{background-color:#444;color:#fff;display:flex;flex-direction:row;font-size:1em;justify-content:space-between;padding:.8em}.Data-header .class{display:flex;flex:1 1;font-size:1.1em;font-weight:600}.Data-header .user{display:flex;flex:1 1;justify-content:flex-end}.Data-header .user .pipe{color:#aaa;margin:0 .4em}.Data-header .user button{background-color:initial;border:0;color:#10c9c8;cursor:pointer;font-size:1.1em;padding:0}.Data-body{display:flex;flex:1 1;justify-content:space-between}.card{border-right:1px solid #888;flex:1 1;padding:.8em}.card:last-child{border-right:0}.card .title{color:#ccc;font-size:1.3em;font-weight:600;margin-bottom:.5em}.card .grid{display:grid;flex:1 1;grid-template-columns:50% 50%}.card .item{align-items:center;display:flex;padding:.5em 1em 1em .5em}.card .callouts{margin-top:.5em;padding:.5em}.card .count{color:#fff;font-size:2.2em;font-weight:700;margin-right:.4em;text-align:right;width:1.1em}.card .value-container{display:flex;flex:1 1;flex-direction:column}.card .value{color:#fff;font-size:1.2em;font-weight:700;margin-bottom:.4em}.card .callouts .value{margin-bottom:.8em}.card .callouts .value span{color:#eee;font-weight:500}.card .bar-container{background-color:#777;border-radius:.25em;height:.4em;width:100%}.card .bar{background-color:#10c9c8;border-radius:.25em;height:.4em;width:0}.loader,.loader:after,.loader:before{animation-fill-mode:both;animation:bblFadInOut 1.6s ease-in-out infinite;border-radius:50%;height:2.5em;width:2.5em}.loader{animation-delay:-.16s;color:#10c9c8;font-size:5px;margin-top:18px;position:relative;text-indent:-9999em;transform:translateZ(0)}.loader:after,.loader:before{content:"";position:absolute;top:0}.loader:before{animation-delay:-.32s;left:-3.5em}.loader:after{left:3.5em}@keyframes bblFadInOut{0%,80%,to{box-shadow:0 2.5em 0 -1.3em}40%{box-shadow:0 2.5em 0 0}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}
/*# sourceMappingURL=main.26e42b10.css.map*/