div.left_panel {
 position: fixed;
 height: 100%;
 left: 0;
 width: 15%;
 top: 0;
 overflow-x: hidden;
 overflow-y: auto;
 color: #eee;
 line-height: 0.94;
}

div.left_panel > span {
 margin: 0 1vmin;
 padding: 0 0;
 text-align: right;
 justify-self: right;
 width: 90%;
 display: inline-block;
 right: 1%;
 font-size: 2vmin;
 color: white;
 cursor: pointer;
}

div.left_panel > ul {
 margin-top: 0.2vmin;
}

div.left_panel > span.active {
 color: yellow;
}

div.left_panel ul {
 list-style: none;
 padding-left: 0.5vw;
 cursor: pointer;
}

div.left_panel ul li {
 padding: 0;
 user-select: none;
}

div.left_panel ul li>span {
 font-weight: bold;
 font-size: 1.1vw;
 max-height: 1.3vw;
 white-space: nowrap;
 overflow: hidden;
 text-overflow: clip;
}

div.left_panel ul li.collapsed {
 color: #bbb;
 font-weight: normal;
}

div.left_panel ul li.collapsed ul {
 display: none;
}

div.left_panel li.collapsed > span:before {
 content: "+ ";
}

div.left_panel li.expanded > span:before {
 content: "- ";
}

div.left_panel table {
 z-index: 100;
 font-size: 0.9vw;
}

div.left_panel li.collapsed > table {
 display: none;
}

div.left_panel tr > td:first-child, div.left_panel tr > th:first-child {
 padding-left: 0.2vw;
}

div.left_panel td, div.left_panel th {
 color: #eee;
 text-align: left;
 white-space: nowrap;
 overflow: hidden;
 text-overflow: clip;
 max-width: 9vw;
 user-select: none;
}

div.left_panel th {
 border-bottom: 1px solid white;
}

div.left_panel tr>td:nth-of-type(2) {
 max-width: 4vw;
}

div.left_panel th.description, div.left_panel td.description {
 text-overflow: ellipsis;
}

div.left_panel tr {
 transition: all 0.2s ease-in-out;
}

div.left_panel tr:hover {
 transform: scale(1.02);
}

td.schedule_active {
 background: rgba(0,0,255,0.5);
}

td:hover.schedule_active {
 background: rgba(0,0,255,0.7);
 font-weight: bold;
}

td.speed_table_active {
 background: rgba(0,255,255,0.5);
}

td:hover.speed_table_active {
 background: rgba(0,255,255,0.7);
 font-weight: bold;
}

td.good {
 background: rgba(0,255,0,0.5);
}

td:hover.good {
 background: rgba(0,255,0,0.7);
 font-weight: bold;
}

td.warn {
 background: rgba(255,200,0,0.5);
}

td:hover.warn {
 background: rgba(255,200,0,0.7);
 font-weight: bold;
}

td.bad {
 background: rgba(255,0,0,0.5);
}

td:hover.bad {
 background: rgba(255,0,0,0.7);
 font-weight: bold;
}

td.scheduler {
 background: rgba(0,0,255,0.5);
}

td:hover.scheduler {
 background: rgba(0,0,255,0.7);
 font-weight: bold;
}

td.gone {
 background: rgba(128,128,128,0.3);
}

td:hover.gone {
 background: rgba(128,128,128,0.4);
 font-weight: bold;
}