.sage .dgrid { background: #fff; color: #000; } .sage .dgrid-header, .sage .dgrid-footer { background: #333; background-image: -webkit-linear-gradient(top, #4e4e4e 0%, #555 12%, #636363 25%, #505050 39%, #303030 49%, #000 50%, #1c1c1c 60%, #292929 76%, #1e1e1e 91%, #141414 100%); background-image: -moz-linear-gradient(top, #4e4e4e 0%, #555 12%, #636363 25%, #505050 39%, #303030 49%, #000 50%, #1c1c1c 60%, #292929 76%, #1e1e1e 91%, #141414 100%); background-image: -o-linear-gradient(top, #4e4e4e 0%, #555 12%, #636363 25%, #505050 39%, #303030 49%, #000 50%, #1c1c1c 60%, #292929 76%, #1e1e1e 91%, #141414 100%); background-image: -ms-linear-gradient(top, #4e4e4e 0%, #555 12%, #636363 25%, #505050 39%, #303030 49%, #000 50%, #1c1c1c 60%, #292929 76%, #1e1e1e 91%, #141414 100%); background-image: linear-gradient(to bottom, #4e4e4e 0%, #555 12%, #636363 25%, #505050 39%, #303030 49%, #000 50%, #1c1c1c 60%, #292929 76%, #1e1e1e 91%, #141414 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e4e4e', endColorstr='#141414',GradientType=0 ); color: #fff; } .sage .dgrid-header { text-transform: uppercase; } .sage .dgrid-header .dgrid-cell { border-color: #111; font-weight: bold; } .sage .dgrid-row { -webkit-transition-duration: 0.1s; -moz-transition-duration: 0.1s; -o-transition-duration: 0.1s; -ms-transition-duration: 0.1s; transition-duration: 0.1s; -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; } .sage .dgrid-row-odd { background: #f2f7e8; } .sage .dgrid-row:hover { background-color: #c5dca6; color: #333; } .sage .dgrid-selected { background-color: #b3d18b; } .sage .dgrid-selected:hover { background-color: #b3d18b; } .sage .dgrid-highlight { background: #d5e8bd; } .sage .dgrid-cell { border-color: #bbc581; } .sage .dgrid-cell { border-left: none; border-right: none; } .sage .dgrid-sort-arrow { background-image: url("../images/ui-icons_ffffff_256x240.png"); } .sage .dgrid-header .dojoDndItemBefore { border-left: 2px dotted #fff !important; } .sage .dgrid-header .dojoDndItemAfter { border-right: 2px dotted #fff !important; } .sage .dgrid-header-row { border-bottom: none; } .sage .dgrid-header .dgrid-cell { padding: 7px 3px; }