*{box-sizing:border-box;margin:0;padding:0;font-family:"Roboto",sans-serif}body,html{width:100%;height:100%}.header-container{position:fixed;width:100%;z-index:1;height:50px;background-color:#fff;border-bottom:1px solid #000}.col{-webkit-flex-direction:column;flex-direction:column}.col,.row{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.line{height:2px;width:20px;margin-bottom:3px;transition:all .3s ease-in-out;background-color:#000}.menu-icon{-webkit-flex-basis:30px;flex-basis:30px;-webkit-align-items:flex-start!important;align-items:flex-start!important;margin-left:15px;display:none}.logo{-webkit-flex-basis:150px;flex-basis:150px;text-align:center;letter-spacing:2px}.header-right{padding:0 20px;-webkit-flex:1 1;flex:1 1;text-align:end;-webkit-justify-content:flex-end;justify-content:flex-end}.header-right img,.nav-bar img{width:15px;cursor:pointer;margin-left:15px;margin-right:15px}.dropdown{padding:10px;border-bottom:1px solid #fff;cursor:pointer}.active,.dropdown:hover{background-color:gold;color:#000}.tooltip{position:relative;display:inline-block}.tooltip .tooltiptext{display:none;background-color:#000;color:#fff;text-align:center;border-radius:6px;padding:5px;position:absolute;top:35px;z-index:1}.tooltip:hover .tooltiptext{display:block}.nav-bar{width:250px;position:fixed;top:50px;left:0;z-index:1;height:calc(100% - 50px);border-right:1px solid #000;color:#fff;-webkit-justify-content:flex-start;justify-content:flex-start;background-color:#1e90ff}.nav-bar,.nav-bar>div{transition:all .3s ease-in-out}.nav-bar>div{text-align:center;padding:5px;width:100%;cursor:pointer;border-bottom:1px solid #fff}.nav-bar>div:hover{background-color:gold;color:#000}.main-container{width:calc(100% - 250px);height:calc(100% - 50px);margin-left:250px}.main-container,.sub-container{-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-flex-wrap:wrap;flex-wrap:wrap}.sub-container{height:50%;width:100%;overflow:hidden}.chart-tracer{background-color:#fff}.chart-tracer,.log-tracer{margin-top:50px;height:50%;width:50%;-webkit-justify-content:flex-start;justify-content:flex-start}.log-tracer{background-color:wheat}.program-tracer{width:100%;height:50%;border-top:1px solid #000;background-color:#fff;-webkit-justify-content:flex-start;justify-content:flex-start}.program-tracer>p{padding:5px}.heading{height:100%;-webkit-justify-content:stretch;justify-content:stretch;background-color:#717171;-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl;color:#fff;padding:8px;letter-spacing:5px;font-size:larger;-webkit-text-orientation:mixed;text-orientation:mixed;text-align:center}.program{-webkit-flex:1 1;flex:1 1;-webkit-align-self:center;align-self:center;height:100%;width:100%}.program>div{margin:5px 5px 0}::-webkit-scrollbar{display:none}td,th{border:1px solid #ddd;text-align:left}tr:nth-child(2n){background-color:#ddd}td:nth-child(odd){width:100px;text-align:center}.chart,.tile{-webkit-align-items:flex-end;align-items:flex-end}.tile{width:30px;background-color:grey;transition:all .3s ease-in-out;color:#fff;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.index{width:30px;margin:0 5px 5px;height:20px}@media screen and (max-width:900px){.menu-icon{display:-webkit-flex;display:flex}.slide{-webkit-transform:translateX(-100%);transform:translateX(-100%)}.main-container{margin-left:0;width:100%}.chart-tracer{width:100%}.log-tracer{width:100%;margin-top:0;border-top:1px solid #000}}
/*# sourceMappingURL=main.7aad8903.chunk.css.map */