body {
  line-height: 1.4;
  font-family: "Source Sans Pro", sans-serif;
  -webkit-font-smoothing: antialiased;
  font-family: "Lato", sans-serif;
  //font-family: Arial, Helvetica, sans-serif;
  margin: 0;
}


.sbx{border: 1px solid grey;}
.sbx {
  width: max-content;
  background: white;
  height: max-content;
  font-family: Arial;
  border-radius: 7px;
}
.sbx.active { border: 3px solid; }
.sbx.high { background: yellow; }

/*
.cat-1{ border-color: pink;}
.cat-2{ border-color: green;}
.cat-3{ border-color: orange;}
.cat-4{ border-color: lightgreen;}
.cat-5{ border-color: khaki;}
.cat-6{ border-color: violet;}
.cat-7{ border-color: green;}
.cat-8{ border-color: tomato;}
.cat-11{ border-color: teal;}
*/
.sMkr-name { font-weight: bold; margin-bottom: 10px;}
.dt { font-size: 1rem; margin: 10px; color: grey;}
.i { color: skyblue; cursor: pointer; }
.i:hover { color: blue; }
.vbx, .pbx, .rbx{min-height:1rem;}
.dtbx.vbx.NODATA:after{content: 'M';}
.dtbx.vbx.NODATA .v, .dtbx.vbx.NODATA .u { display: none;}

.hvrntc {
    font-size: 0.7rem;
    text-align: center;
    color: grey;
}

/*.v { font-size: 1rem; }*/
.u { font-size: 0.8rem; margin-left: 5px;}
.pu {margin-left: 10px;}
.inalarm::before{content:"@";color: red;}
.inmode::before{content:"&";color: orange;}
.inalarm.inmode::before{content:"!";color: teal;}
.sig.siglevel-3{color: green;}
.sig.siglevel-2{color: coral;}
.sig.siglevel-1{color: khaki;}