#body .dt-list .dt-row {
  padding: 8px 10px;
  max-width: 930px;
  margin: 5px auto;
  border: 1px solid #ccc;
  border-radius: 3px;
  display: flex;
  justify-content: space-between;
}

#body .dt-list .dt-row .status {
  display: flex;
  height: 30px;
  vertical-align: middle;
}

#body .dt-list .dt-row .status .dot {
  width: 20px;
  height: 20px;
  border: 1px solid #fff;
  margin: 5px 0;
  border-radius: 4px;
  display: inline-block;
}

#body .dt-list .dt-row .status .dot.grey {
  background-color: grey;
}
#body .dt-list .dt-row .status .dot.red {
  background-color: red;
}
#body .dt-list .dt-row .status .dot.orange {
  background-color: orange;
}
#body .dt-list .dt-row .status .dot.green {
  background-color: green;
}

#body .dt-list .dt-row .status .text {
  display: inline-block;
  height: 20px;
  margin: 5px 0 0 10px;
}

#body .dt-list .dt-row .right-col {
  display: flex;
  justify-content: space-between;
  font-size: 75%;
}

#body a:nth-of-type(even) .dt-list .dt-row{
  background-color:#eee;
}

#body .dt-list .dt-row:hover,
#body a:nth-of-type(even) .dt-list .dt-row:hover{
  color: #fff;
  background-color:#407ab1;
}

#body .dt-list a {
  color:#000;
  text-decoration:none;
  display: contents;
}

#body .dt-list th{
  text-align:left;
}