.soria .dgrid { background: #fff; border-color: #bba; color: #000; } .soria .dgrid-header, .soria .dgrid-footer { background: #f2f4fe; background-image: -webkit-linear-gradient(top, #f2f4fe 0%, #d0dff5 50%, #c6d8f0 51%, #c2d5ef 100%); background-image: -moz-linear-gradient(top, #f2f4fe 0%, #d0dff5 50%, #c6d8f0 51%, #c2d5ef 100%); background-image: -o-linear-gradient(top, #f2f4fe 0%, #d0dff5 50%, #c6d8f0 51%, #c2d5ef 100%); background-image: -ms-linear-gradient(top, #f2f4fe 0%, #d0dff5 50%, #c6d8f0 51%, #c2d5ef 100%); background-image: linear-gradient(to bottom, #f2f4fe 0%, #d0dff5 50%, #c6d8f0 51%, #c2d5ef 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f4fe', endColorstr='#c2d5ef',GradientType=0 ); } .soria .dgrid-header .dgrid-cell { border-color: #bba; font-weight: bold; } .soria .dgrid-header .dgrid-cell:hover { 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%); } .soria .dgrid-row:hover { background-color: #60a1ea; } .soria .dgrid-selected { background-color: #aec7e3; } .soria .dgrid-highlight { background-color: #ff6; } .soria .dgrid-cell { border-color: #ddc; }