.claro .dgrid {
  background: #fff;
  border-color: #aaa;
  color: #000;
}
.claro .dgrid-header {
  background: #8e8e8e;
  background-image: -webkit-linear-gradient(top, #c5c5c5 0%, #8e8e8e 100%);
  background-image: -moz-linear-gradient(top, #c5c5c5 0%, #8e8e8e 100%);
  background-image: -o-linear-gradient(top, #c5c5c5 0%, #8e8e8e 100%);
  background-image: -ms-linear-gradient(top, #c5c5c5 0%, #8e8e8e 100%);
  background-image: linear-gradient(to bottom, #c5c5c5 0%, #8e8e8e 100%); 
  text-shadow: 1px 1px #c5c5c5;
}

.claro .dgrid-footer {
  background: #d4deec;
  background-image: -webkit-linear-gradient(top, #dae2ed 0%, #b2c7e8 49%, #c5c5c5 50%, #6f6f6f 100%);
  background-image: -moz-linear-gradient(top, #dae2ed 0%, #b2c7e8 49%, #c5c5c5 50%, #6f6f6f 100%);
  background-image: -o-linear-gradient(top, #dae2ed 0%, #b2c7e8 49%, #c5c5c5 50%, #6f6f6f 100%);
  background-image: -ms-linear-gradient(top, #dae2ed 0%, #b2c7e8 49%, #c5c5c5 50%, #6f6f6f 100%);
  background-image: linear-gradient(to bottom, #dae2ed 0%, #b2c7e8 49%, #c5c5c5 50%, #6f6f6f 100%);
}
.claro .dgrid-header .dgrid-cell {
  border-color: #bbb;
  font-weight: bold;
}
.claro .dgrid-header .dgrid-cell:hover {
  background: #ececec;
  background-image: -webkit-linear-gradient(top, #fff 0%, #ececec 100%);
  background-image: -moz-linear-gradient(top, #fff 0%, #ececec 100%);
  background-image: -o-linear-gradient(top, #fff 0%, #ececec 100%);
  background-image: -ms-linear-gradient(top, #fff 0%, #ececec 100%);
  background-image: linear-gradient(to bottom, #fff 0%, #ececec 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: #8e8e8e;
}
.claro .dgrid-selected {
  background-color: #bdbdbd !important;
}
.claro .dgrid-selected:hover {
  background-color: #d1d0d0;
}
.claro .dgrid-highlight {
  background-color: #c9c9c9;
}
.claro .dgrid-cell {
  border-color: #edc;
}