.tab-monitor {
    width: 100%;
}
.tab-monitor .ptn-row {
    height: 100%;
    min-height: 458px;
    min-width: 1335px;
}
.tab-monitor .mo-results {
    height: calc(100% - 10px);
    margin-top: 5px;
    width: 385px;
}
.tab-monitor .result-list{
    height: calc(100% - 64px);
    overflow-y: scroll;
    overflow-x: hidden; 
}
.tab-monitor .mo-graph {
    width: calc(100% - 620px);
    min-width: 720px;
    margin-left: 5px;
    height: calc(100% - 10px);
    min-height: 320px;
    margin-top: 5px;
}
.tab-monitor .mo-note {
    width: 220px;
    margin-left: 5px;
    height: calc(100% - 10px);
    margin-top: 5px;
}
table#tb-results .seq{
    padding: 6px;
    width:30px;
}
table#tb-results .nam{
    padding: 6px;
    width:190px;
    border-left: 1px solid #d0d0d0;
}
table#tb-results .tim{
    padding: 6px;
    width:150px;
    border-left: 1px solid #d0d0d0;
}
table#tb-detail-results th{
    padding: 1px 8px;
    border-left: 1px solid #d0d0d0;
}
table#tb-detail-results td{
    padding-top: 3px;
    padding-bottom: 3px;
    border-left: 1px solid #d0d0d0;
}
table#tb-detail-results{
    table-layout: fixed;
}
table#tb-detail-results td div.tl-average{
    padding-left:5px;
    border-left: 1px solid #d0d0d0;
}
.tab-monitor #res-val {
    width: calc(100% - 120px);
}
.tab-monitor .res-info {
    height: 25px;
}
.tab-monitor .bpt, table#tb-detail-results .bpt {
    width: 100px;
    padding-left: 16px;
}
.tab-monitor table#tb-detail-results .sys {
    width: 70px;
}
.tab-monitor table#tb-detail-results .dia {
    width: 65px;
}
.tab-monitor table#tb-detail-results .pul {
    width: 65px;
}
.tab-monitor #plot {
    position: relative;
    height: calc(100% - 103px);
    border: 1px solid teal;
}
.tab-monitor #tb-results tr.selected{
    background-color:#b2dfdb !important;
}
.tab-monitor #tb-results tr:hover{
    background-color:#E0F2F1 !important;
    cursor:pointer;
}
table#tb-detail-results tr.rval td.bpt {
    color:#FF5700 !important;
}
table#tb-detail-results tr.lval td.bpt {
    color:#1CE6DB !important;
}
#plot .axis path,
#plot .axis line {
    fill: none;
    stroke: grey;
    stroke-width: 1;
    shape-rendering: crispEdges;
}
#plot  .grid .tick {
    stroke: silver;
    shape-rendering: crispEdges;
}
#plot  .grid path {
    stroke-width: 0;
}
#plot #chart path{
    fill:none;
}
#plot #chart .timeseries path{
    stroke-width:1.5px;
    stroke:#00933C;
}
#plot #chart #lval_SYS path,
#plot #chart #lval_DIA path{
    stroke:#1CE6DB !important;
}
#plot #chart #rval_SYS path,
#plot #chart #rval_DIA path{
    stroke:#FF5700 !important;
}
#plot #chart #rval_PULSE path{
    stroke:#AA57FF !important;
}
#plot #chart #lval_PULSE path{
    stroke:#63E61C !important;
}

#plot #chart .timeseries.color path{
    stroke-width:0px;
}
#plot .dot {
    /* consider the stroke-with the mouse detect radius? */
    stroke: transparent;
    stroke-width: 10px;  
    cursor: pointer;
}
 
#plot .dot:hover {
    stroke: rgba(68, 127, 255, 0.3);
}

#plot .dot.color0 {
    fill: green;
}
#plot .dot.color1 {
    fill: green;
}
#plot .dot.color2 {
    fill: blue;
}
#plot .dot.color3 {
    fill: orange;
}
#plot .dot.color4 {
    fill: red;
}
#plot .dot.color5 {
    fill: darkred;
}
#tb-results td.seq.c0 {
    background-color: green;
}
#tb-results td.seq.c1 {
    background-color: green;
}
#tb-results td.seq.c2 {
    background-color: blue;
}
#tb-results td.seq.c3 {
    background-color: orange;
}
#tb-results td.seq.c4 {
    background-color: red;
}
#tb-results td.seq.c5 {
    background-color: darkred;
}
/*
#plot #chart .timeseries circle{
    stroke: white;
}*/
#plot #chart .timeseries text{
    fill: white;
    stroke: none;
    font-size:12px;
    font-weight: bold;
}