@media only screen and (min-width: 768px){
  .data-row {
    background-color:#eef;
  }
  .data-row:nth-child(even) {
    background-color:#fff;
  }
  .data-row > div,
  .th-row > div {
    border-right:2px solid white;
    padding:5px;
  }
}
@media only screen and (max-width: 767.9px){
  .data-row div {
    padding:5px;
    background-color:#e0f7fa;
  }
  .data-row div:nth-child(1) {
    border-right:2px solid white;
  }
  .data-row div:nth-child(1),
  .data-row div:nth-child(2) {
    color:#fff;
  }
  .data-row div:nth-child(1) {
    background-color:#0097a7;
  }
  .data-row div:nth-child(2) {
    background-color:#00acc1;
  }
}
.control-row {
  padding:10px 0px;
  margin-bottom:3px;
}
.data-row {
  margin-bottom:10px;
  border:1px solid #FFFFFF;
}
.data-row:hover{
  border:1px solid #4040FF;
}
.control-row input,
.control-row select{
  width:100%;
}
.badge {
  margin-right:10px;
}
.badge-light {
  border:1px solid #eee;
}
.highlight {
    background-color: #FFFF88;
}