.claro .dgrid {
  background: #fff;
  border-color: #aaa;
  color: #000;
}
.claro .dgrid-header {
  background: #ebf0f5;
  background-image: -webkit-linear-gradient(top, #ebf0f5 0%, #d5e0ea 100%);
  background-image: -moz-linear-gradient(top, #ebf0f5 0%, #d5e0ea 100%);
  background-image: -o-linear-gradient(top, #ebf0f5 0%, #d5e0ea 100%);
  background-image: -ms-linear-gradient(top, #ebf0f5 0%, #d5e0ea 100%);
  background-image: linear-gradient(to bottom, #ebf0f5 0%, #d5e0ea 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebf0f5', endColorstr='#d5e0ea',GradientType=0 );
}

.claro .dgrid-footer {
  background: #d4deec;
  background-image: -webkit-linear-gradient(top, #dae2ed 0%, #b2c7e8 49%, #a8c1eb 50%, #9ebaec 100%);
  background-image: -moz-linear-gradient(top, #dae2ed 0%, #b2c7e8 49%, #a8c1eb 50%, #9ebaec 100%);
  background-image: -o-linear-gradient(top, #dae2ed 0%, #b2c7e8 49%, #a8c1eb 50%, #9ebaec 100%);
  background-image: -ms-linear-gradient(top, #dae2ed 0%, #b2c7e8 49%, #a8c1eb 50%, #9ebaec 100%);
  background-image: linear-gradient(to bottom, #dae2ed 0%, #b2c7e8 49%, #a8c1eb 50%, #9ebaec 100%);
}
.claro .dgrid-header .dgrid-cell {
  border-color: #bbb;
  font-weight: bold;
}
.claro .dgrid-header .dgrid-cell:hover {
  background: #ebf1f6;
  background-image: -webkit-linear-gradient(top, #fff 0%, #d2e0eb 100%);
  background-image: -moz-linear-gradient(top, #fff 0%, #d2e0eb 100%);
  background-image: -o-linear-gradient(top, #fff 0%, #d2e0eb 100%);
  background-image: -ms-linear-gradient(top, #fff 0%, #d2e0eb 100%);
  background-image: linear-gradient(to bottom, #fff 0%, #d2e0eb 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: rgb(166, 255, 255);
}
.claro .dgrid-selected {
  background-color: #80FFFF !important;
}
.claro .dgrid-selected:hover {
  background-color: rgb(116, 214, 214);
}
.claro .dgrid-highlight {
  background-color: #ff6;
}
.claro .dgrid-cell {
  border-color: #edc;
}