.dgrid {
  border: 1px solid #d0d0d0;
  background: #fff;
}
.ui-widget-header,
.ui-widget-header .dgrid-cell,
.dgrid-footer,
.dgrid-footer .dgrid-cell {
  line-height: 20px;
}
/* Header */
.ui-widget-header {
  font-weight: bold;
  box-shadow: 0 1px 1px rgba(0,0,0,0.1);
}
.ui-widget-header .dgrid-cell:hover {
  box-shadow: 0 1px 1px rgba(0,0,0,0.2);
  transition: all 0.1s;
  background: #e1e1e1;
  background: linear-gradient(#f6f6f6, #e1e1e1);
}
.ui-widget-header .dgrid-cell:active {
  box-shadow: 0 1px 3px rgba(0,0,0,0.25) inset;
  transition: none;
  outline: none;
  background: #d0d0d0;
  background: linear-gradient(#f5f5f5, #f5f5f5);
}
.ui-widget-header .dgrid-cell-padding {
  padding: 8px;
}
/* Footer */
.dgrid-footer {
  border-top: 1px solid #d0d0d0;
}
/* Cell */
.dgrid-cell {
  border-color: #dcdcdc;
  padding: 4px 8px;
  vertical-align: middle;
}
/* Row */
.ui-state-default {
  transition-duration: 0.1s;
  transition-property: background, border-color;
/* Hover */
}
.ui-state-default:hover {
  background: #f5f5f5;
}
/* Active */
.ui-state-active {
  background: #e9e9e9;
  box-shadow: inset 0 0px 1px rgba(0,0,0,0.15);
}
.ui-state-active:hover,
.ui-state-active:active {
  background: #e9e9e9;
  box-shadow: inset 0 0px 1px rgba(0,0,0,0.15);
}
.ui-state-active .dijit {
  color: #333;
}
/* Error / Loading Message */
.dgrid-no-data,
.dgrid-loading {
  margin: 50px;
  text-align: center;
  color: #9a9b9f;
}
/* list view */
.dgrid-list .ui-state-default {
  line-height: 20px;
  padding: 4px;
}