.checked {
  background-color:#e3ffef !important
}

.partial { 
  background-color:#fff5e3 !important
}

.l1 .clevel1 {
  border-left: 2px solid red;
}
.l1:hover td.key {
  border-left: 2px solid red;
}

th.clevel1 {border-top: 2px solid red !important;}
th.clevel2 {border-top: 2px solid blue !important;}
th.clevel3 {border-top: 2px solid green !important;}
th.clevel4 {border-top: 2px solid orange !important;}

tr.level1 td.clevel1 {
  border-top: 2px solid red;
}

.l2 .clevel2 {
  border-left: 2px solid blue;
}

.l2:hover td.key {
  border-left: 2px solid blue;
}

tr.level2 td.clevel2 {
  border-top: 2px solid blue;
}

.l3 .clevel3 {
  border-left: 2px solid green;
}

.l3:hover td.key {
  border-left: 2px solid green;
}
tr.level3 td.clevel3 {
  border-top: 2px solid green;
}

.l4 .clevel4 {
  border-left: 2px solid orange;
}

.l4:hover td.key {
  border-left: 2px solid orange;
}
tr.level4 td.clevel4 {
  border-top: 2px solid orange;
}
div.progress { margin: 0px;}

tr.level1:hover { background: #fffafa;}
tr.level2:hover { background: #fafaff;}
tr.level3:hover { background: #fafffa;}
tr.level4:hover { background: #fffffa;}