.table-container{width:80%;overflow-x:auto;margin:-50px auto auto;border-radius:10px;-webkit-overflow-scrolling:touch}.search-box{display:block;margin:10px auto;padding:8px;width:90%;box-sizing:border-box;border-radius:5px}.search-box,.table{border:1px solid #ddd}.table{min-width:800px;flex-direction:column;border-radius:10px;overflow:hidden}.table,.table-row{display:flex}.table-row.header{background-color:#1b1b1b;font-weight:700;color:#fff}.table-cell{flex:1 1;padding:10px;text-align:center;cursor:pointer;color:#ddd;display:flex;align-items:center;height:64px}.table-cell:last-child.loader{display:flex;justify-content:center;align-items:center;flex:auto}.loader-text{border:8px solid #f3f3f3;border-top-color:#3498db;border-radius:50%;width:20px;height:20px;-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}.table-cell span{margin-right:20px;color:#8fbcab}.table-cell.change{flex:0 1;min-width:100px;text-align:left}.table-cell.control{display:flex;justify-content:flex-end;align-items:center}.table-cell.green{color:#40b66b!important}.table-cell.red{color:#ff5f52!important}.triangle{width:8px;height:8px;-webkit-clip-path:polygon(50% 0,100% 100%,0 100%);clip-path:polygon(50% 0,100% 100%,0 100%);margin-right:4px;border-radius:1px}.table-cell.red .triangle{background-color:#ff5f52;transform:rotate(180deg)}.table-cell.green .triangle{background-color:#40b66b}@-webkit-keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.table-cell:first-child{flex:0 1;width:100px;text-align:left}.table-cell:last-child{text-align:right}.table-row.body:hover{background-color:hsla(0,0%,100%,.12)}.table-row{padding:0 10px}.tab-container{max-width:600px;margin:20px auto}.tabs{display:flex;margin-bottom:10px}.tab:first-child{margin-left:-20px}.tab{padding:10px 20px;cursor:pointer;text-align:center;color:#9b9b9b;font-size:28px;font-weight:600}.tab.active{color:#fff}.tab-content{padding:20px;background:#1b1b1b;border:1px solid #ddd;border-radius:5px;color:#ddd}.tab-pane{-webkit-animation:fadeIn .3s ease-in-out;animation:fadeIn .3s ease-in-out}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:800px){.table-container{width:300%;margin-top:0}.table{min-width:100%}.table-cell{font-size:14px;padding:8px}.search-box{width:95%}.tab{font-size:16px}}.whiteMode .table-row.header{background-color:#fff;border-bottom:1px solid #ddd}.whiteMode .table-row.header .table-cell{color:#7a7d80}.whiteMode .tab.active,.whiteMode .table-cell{color:#2e3338}.whiteMode .table-cell.control span{color:#5e8b7e}
/*# sourceMappingURL=main.2399f731.chunk.css.map */