.claro .dgrid {
  background: #f5fbf6;
  border-color: #aaa;
  color: #000;
}
.claro .dgrid-header {
  background: #4cb050;
  background-image: -webkit-linear-gradient(top, #5bad5d 0%, #4cb050 100%);
  background-image: -moz-linear-gradient(top, #5bad5d 0%, #4cb050 100%);
  background-image: -o-linear-gradient(top, #5bad5d 0%, #4cb050 100%);
  background-image: -ms-linear-gradient(top, #5bad5d 0%, #4cb050 100%);
  background-image: linear-gradient(to bottom, #5bad5d 0%, #4cb050 100%); 
}

.claro .dgrid-footer {
  background: #f5fbf6;
  background-image: -webkit-linear-gradient(top,  #5bad5d 0%, #4cb050 100%);
  background-image: -moz-linear-gradient(top,  #5bad5d 0%, #4cb050 100%);
  background-image: -o-linear-gradient(top,  #5bad5d 0%, #4cb050 100%);
  background-image: -ms-linear-gradient(top, #5bad5d 0%, #4cb050 100%);
  background-image: linear-gradient(to bottom, #5bad5d 0%, #4cb050 100%);
}
.claro .dgrid-header .dgrid-cell {
  border-color: rgb(223, 223, 223);
  font-weight: bold;
}
.claro .dgrid-header .dgrid-cell:hover {
  background: #def0e0;
  background-image: -webkit-linear-gradient(top, #fff 0%, #def0e0 100%);
  background-image: -moz-linear-gradient(top, #fff 0%, #def0e0 100%);
  background-image: -o-linear-gradient(top, #fff 0%, #def0e0 100%);
  background-image: -ms-linear-gradient(top, #fff 0%, #def0e0 100%);
  background-image: linear-gradient(to bottom, #fff 0%, #def0e0 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: #4cb050;
}
.claro .dgrid-selected {
  background-color: #9bd3a3 !important;
}
.claro .dgrid-selected:hover {
  background-color: #4cb050;
}
.claro .dgrid-highlight {
  background-color: #4cb050;
}
.claro .dgrid-cell {
  border-color: #def0e0;
}