.claro .dgrid {
  background: #fff;
  border-color: #aaa;
  color: #000;
}
.claro .dgrid-header {
  background: #fff872;
  background-image: -webkit-linear-gradient(top, #535353 0%, #535353 100%);
  background-image: -moz-linear-gradient(top, #535353 0%, #535353 100%);
  background-image: -o-linear-gradient(top, #535353 0%, #535353 100%);
  background-image: -ms-linear-gradient(top, #535353 0%, #535353 100%);
  background-image: linear-gradient(to bottom, #535353 0%, #535353 100%); 
  color: white;
}

.claro .dgrid-footer {
  background: #d4deec;
  background-image: -webkit-linear-gradient(top, #dae2ed 0%, #b2c7e8 49%, #f8eb00 50%, #c1b700 100%);
  background-image: -moz-linear-gradient(top, #dae2ed 0%, #b2c7e8 49%, #f8eb00 50%, #c1b700 100%);
  background-image: -o-linear-gradient(top, #dae2ed 0%, #b2c7e8 49%, #f8eb00 50%, #c1b700 100%);
  background-image: -ms-linear-gradient(top, #dae2ed 0%, #b2c7e8 49%, #f8eb00 50%, #c1b700 100%);
  background-image: linear-gradient(to bottom, #dae2ed 0%, #b2c7e8 49%, #f8eb00 50%, #c1b700 100%);
}
.claro .dgrid-header .dgrid-cell {
  border-color: #bbb;
  font-weight: bold;
}
.claro .dgrid-header .dgrid-cell:hover {
  background: #fffdd0;
  background-image: -webkit-linear-gradient(top, #fff 0%, #fffdd0 100%);
  background-image: -moz-linear-gradient(top, #fff 0%, #fffdd0 100%);
  background-image: -o-linear-gradient(top, #fff 0%, #fffdd0 100%);
  background-image: -ms-linear-gradient(top, #fff 0%, #fffdd0 100%);
  background-image: linear-gradient(to bottom, #fff 0%, #fffdd0 100%);
}
.claro .dgrid-row {
  background: #fff url("images/row_back.png") repeat-x;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -ms-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-property: background-color, border-color;
  -moz-transition-property: background-color, border-color;
  -o-transition-property: background-color, border-color;
  -ms-transition-property: background-color, border-color;
  transition-property: background-color, border-color;
}

.claro .dgrid-row:nth-child(odd) {
  background-color: #F0F0F0;
}

.claro .dgrid-row:nth-child(odd) .dgrid-row:hover {
  background-color: #F0F0F0;
}
.claro .dgrid-row:hover {
  background-color: lightyellow;
}
.claro .dgrid-selected {
  background-color: #999999 !important;
  color: blue !important;
}
.claro .dgrid-selected:hover {
  background-color: #999999;
}
.claro .dgrid-highlight {
  background-color: #999999;
}
.claro .dgrid-cell {
  border-color: #edc;
}