.rect{stroke:none;stroke-width:1px}div.tooltip{position:absolute;text-align:center;width:60px;height:28px;padding:2px;font:12px sans-serif;background:#b0c4de;border:0;border-radius:8px;pointer-events:none}.input-select{display:grid}.input-metric-filter{grid-column-start:1;grid-column-end:3;margin-bottom:3px}.view-select{grid-column-start:50;grid-column-end:50}.metric-table{max-height:400px;height:auto;width:1660px;overflow:auto;border:1px solid #eaeee7;margin-bottom:2px;margin-bottom:5px}.metric-container{display:flex;padding:2px;margin:2px;font-size:10px;font-family:Tahoma,Arial,sans-serif}.th{border:1px solid #f3f5f8;padding:6px;background-color:#d6e8fa}.td{border:1px solid #d6e8fa;padding-top:1px;padding-bottom:1px;padding-left:3px;padding-right:3px}.chart-wrapper{max-height:400px;height:auto;overflow-y:scroll;border:1px solid #eee7e7;margin-top:10px}.chart{display:grid;grid-template-columns:1fr 11fr;grid-column-gap:.1em;justify-items:stretch;align-items:stretch}.chart-label{text-align:center;padding:10px;padding-top:60px;word-break:break-all;font-size:small;font-family:Tahoma,Arial,sans-serif}.chart-content,.chart-label{border:1px solid #eee7e7}.el-header{background-color:#d6e8fa;color:#333;line-height:60px}.el-row{margin:1px;padding:2px;margin:2px;font-size:12px;font-family:Tahoma,Arial,sans-serif}.el-col{border-radius:4px}.wrapper{display:grid;grid-template-columns:1fr;grid-column-gap:.2em;grid-row-gap:.4em;height:minmax(400px,auto);border:none}.wrapper>div{background:#fff;padding:0}.header img{padding-top:6px;padding-left:6px;height:2em}.footer{text-align:center;padding-top:10px;height:32px}.footer span{padding-top:8px;font-family:Arial,Helvetica,sans-serif;font-size:12px}