.RadGrid_DVG {
    border-color: #ccc;
    color: #333;
    background-color: #fff;
    overflow: hidden;
    outline: none;
    user-select: none;
}

    .RadGrid_DVG .rgInput {
        border-color: #b3b3b3;
        color: #333;
        background-color: #fff
    }

.rgHeaderWrapper .rgHeaderDiv {
    border-color: #cdcdcd
}

.RadGrid_DVG tr.rgEditRow > td {
    padding-top: 0;
    padding-bottom: 0;
}

.RadGrid_DVG button.rgEdit, .RadGrid_DVG button.rgUpdate, .RadGrid_DVG button.rgCancel {
    padding: 0;
}

    .RadGrid_DVG button.rgEdit span.rgEditIcon, .RadGrid_DVG button.rgUpdate span.rgUpdateIcon, .RadGrid_DVG button.rgCancel span.rgCancelIcon {
        height: 15px;
        width: 15px;
    }

.RadGrid_DVG th.rgHeader, .RadGrid_DVG th.rgResizeCol {
    border: 0;
    background: #eaeaea;
    padding: 4px 3px 2px 8px;
    border-right: 1px solid #ccc;
}

.RadGrid_DVG th.rgHeader:last-child, .RadGrid_DVG th.rgResizeCol:last-child {
    padding: 4px 8px 2px 8px !important;
    border-right: 0 !important;
}

.RadGrid_DVG th.rgSorted {
    background-color: #c4c4c4;
    background-position: 0 -2600px
}

.RadGrid_DVG th.rgHeader {
    color: #333;
    font-weight: bold;
    height: 16px;
    white-space: nowrap;
}

.RadGrid_DVG .rgHeader a {
        color: #333
    }

.RadGrid_DVG .rgRow:hover td, .RadGrid_DVG .rgAltRow:hover td {
    background-color: #D2DCE6 !important;
    color: #333;
}

.RadGrid_DVG tr.rgNoRecords {
    height: 20px;
}

.RadGrid_DVG tr.rgNoRecords > td {
    padding-left: 10px;
}

.RadGrid_DVG tr.rgRow, .RadGrid_DVG tr.rgAltRow {
    height: 20px !important;
}

.RadGrid_DVG tr.rgRow > td, .RadGrid_DVG tr.rgAltRow > td, .RadGrid_DVG tr.rgEditRow > td, .RadGrid_DVG .rgFooter > td {
    border: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: clip;
}

.RadGrid_DVG tr.rgRow > td {
    padding: 4px 3px 2px 8px !important;
}

/* Increased padding-right for last-child elements */
.RadGrid_DVG tr.rgRow > td:last-child {
    padding: 4px 8px 2px 8px !important;
}

.RadGrid_DVG tr.rgAltRow > td {
    padding: 4px 3px 2px 8px !important;
}

/* Increased padding-right for last-child elements */
.RadGrid_DVG tr.rgAltRow > td:last-child {
    padding: 4px 8px 2px 8px !important;
}

.RadGrid_DVG .rgAltRow {
    background-color: #f2f2f2
}
    
.RadGrid_DVG .rgRow .rgSorted {
    background-color: #f2f2f2
}

.RadGrid_DVG .rgAltRow .rgSorted {
    background-color: #e6e6e6
}

.RadGrid_DVG .rgSelectedRow .rgSorted, .RadGrid_DVG .rgActiveRow .rgSorted, .RadGrid_DVG .rgHoveredRow .rgSorted, .RadGrid_DVG .rgEditRow .rgSorted {
    background-color: transparent
}

.RadGrid_DVG .rgRow a, .RadGrid_DVG .rgAltRow a, .RadGrid_DVG .rgEditRow a {
    color: #000
}

.RadGrid_DVG tr.rgEditRow a, .RadGrid_DVG tr.rgHoveredRow a, .RadGrid_DVG tr.rgActiveRow a {
    color: #000
}

.RadGrid_DVG .rgFooter a, .RadGrid_DVG .rgEditForm a {
    color: #000
}

.RadGrid_DVG .rgMasterTable .rgSelectedCell, .RadGrid_DVG .rgSelectedRow {
    background-color: #829BB4;
    color: #fff
}

    * + html .RadGrid_DVG .rgSelectedRow .rgSorted {
        background-color: #829BB4
    }

    .RadGrid_DVG .rgSelectedCell a, .RadGrid_DVG .rgSelectedRow a {
        color: #fff
    }

.RadGrid_DVG .rgMasterTable .rgActiveCell, .RadGrid_DVG .rgActiveRow, .RadGrid_DVG .rgHoveredRow {
    background-color: #c5c5c5;
    color: #333
}

    * + html .RadGrid_DVG .rgActiveRow .rgSorted, * + html .RadGrid_DVG .rgHoveredRow .rgSorted {
        background-color: #c5c5c5
    }

.RadGrid_DVG .rgEditRow {
    background-color: white;
    color: #333
}

    * + html .RadGrid_DVG .rgEditRow .rgSorted {
        background-color: #fff
    }

.RadGrid_DVG .rgEditRow {
    background: rgba(204,204,204,0.75);
    color: #333
}

.RadGrid_DVG .rgDeletedRow.rgHoveredRow > td {
    border-bottom-color: transparent
}

.RadGrid_DVG .rgDrag {
    background-image: url('<%=WebResource("Telerik.Web.UI.Skins.Default.Grid.rgDrag.gif")%>')
}

.RadGrid_DVG .rgFooterDiv, .RadGrid_DVG .rgFooter {
    background: #eee
}

.RadGrid_DVG .rgFooterWrapper {
    background: #eee;
    border-top: 1px solid #828282;
    border-bottom: 1px solid #fff
}

.RadGrid_DVG .rgFooter > td {
    border-top: 1px solid #828282;
    border-bottom: 1px solid #fff
}

.RadGrid_DVG .rgFooterWrapper .rgFooter > td {
    border-bottom: 0
}

.RadGrid_DVG .rgPager {
    background: #eaeaea;
    height: 27px;
}

.RadGrid_DVG td.rgPagerCell {
    border: 1px solid;
    border-color: #828282 #eee #eee;
    border-right-width: 0;
    color: #000;
}

.RadGrid_DVG .rgInfoPart {
    color: #000;
}

    .RadGrid_DVG .rgInfoPart strong {
        color: #000;
    }

.RadGrid_DVG .rgPager .rgPagerButton {
    border-color: #d0d0d0 #aeaeae #8b8b8b;
    background-color: #e8e8e8;
    color: #000;
}

.RadGrid_DVG .rgPagerCell .rgActionButton {
    height: 25px;
    width: 25px;
    background-color: #FFF;
    border: #ccc 1px solid !important;
    border-radius: 2px;
    font-size: 11pt;
    color: #000;
}

.RadGrid_DVG .rgPagerCell .rgActionButton:hover {
    cursor: pointer;
    background-color: #ddd;
}

.RadGrid_DVG .rgPagerCell .rgNumPart {
    margin: 0 6px;
    color: #000;
}

.RadGrid_DVG .rgPagerCell .rgNumPart a.rgCurrentPage {
    background-color: #829bb4;
    color: #fff;
}

.RadGrid_DVG div.rgNumPart a {
    color: #000;
    border: #ccc 1px solid !important;
    background: #FFF;
    padding: 4px !important;
    font-size: 11pt;
    height: 15px;
    width: 15px;
    line-height: normal;
    font-size: 13px;
}

.RadGrid_DVG .rgNumPart a:hover {
    cursor: pointer;
    background-color: #ddd;
}


.RadGrid_DVG .rgHeader .rgSortAsc {
    background-position: 3px -248px;
    height: 10px
}

.RadGrid_DVG .rgHeader .rgSortDesc {
    background-position: 3px -198px;
    height: 10px
}

.RadGrid_DVG .rgCommandRow .rgPrev, .RadGrid_DVG .rgCommandRow .rgNext {
    padding: 0 10px;
    line-height: 20px;
    border-radius: 3px;
    border-color: #b3b3b3;
    color: #333;
    background-color: #e6e6e6;
    background-image: linear-gradient(white,#e6e6e6);
    margin-right: 10px
}

    .RadGrid_DVG .rgCommandRow .rgPrev span, .RadGrid_DVG .rgCommandRow .rgNext span {
        width: 10px;
        height: 10px;
        background-image: url('<%=WebResource("Telerik.Web.UI.Skins.Default.Common.radActionsSprite.png")%>')
    }

    .RadGrid_DVG .rgCommandRow .rgPrev:hover, .RadGrid_DVG .rgCommandRow .rgNext:hover {
        border-color: darkgray;
        color: #000;
        background-color: #c2c2c2;
        background-image: linear-gradient(gainsboro,#c2c2c2)
    }

    .RadGrid_DVG .rgCommandRow .rgPrev.rgDisabled:hover, .RadGrid_DVG .rgCommandRow .rgNext.rgDisabled:hover {
        border-color: #b3b3b3;
        color: #333;
        background-color: #e6e6e6;
        background-image: linear-gradient(white,#e6e6e6)
    }

.RadGrid_DVG .rgPrev span {
    margin-right: 10px;
    background-position: -5px -45px
}

.RadGrid_DVG .rgNext span {
    margin-left: 10px;
    background-position: -5px -65px
}

.RadGrid_DVG .rgFilterRow {
    background-color: #eee
}

    .RadGrid_DVG .rgFilterRow > td {
        border-bottom: 1px solid #828282
    }

.RadGrid_DVG .rgFilter {
    background-position: 0 -300px
}

    .RadGrid_DVG .rgFilter:hover {
        background-position: 0 -350px
    }

.RadGrid_DVG .rgFilterActive {
    background-position: 0 -400px
}

    .RadGrid_DVG .rgFilterActive:hover {
        background-position: 0 -400px
    }

.RadGrid_DVG .rgFiltered {
    background-position: 0 -325px
}

    .RadGrid_DVG .rgFiltered:hover {
        background-position: 0 -375px
    }

    .RadGrid_DVG .rgFiltered.rgFilterActive {
        background-position: 0 -425px
    }

.RadGrid_DVG .rgFilterBox {
    border-color: #8e8e8e #c9c9c9 #c9c9c9 #8e8e8e;
    color: #333
}

.RadGrid_DVG .rgOptions {
    background: url('<%=WebResource("Telerik.Web.UI.Skins.Default.Common.radActionsSprite.png")%>') -2.5px -2402.5px no-repeat
}

.RadGrid_DVG .rgOptSelected {
    background-position: -22.5px -2402.5px
}

.RadMenu_DVG .rgHCMClear, .RadMenu_DVG .rgHCMFilter {
    border-color: #d0d0d0 #a8a8a8 #8b8b8b;
    background-color: #e8e8e8;
    color: #000;
}

    .RadMenu_DVG .rgHCMClear:hover, .RadMenu_DVG .rgHCMFilter:hover {
        border-color: #d1d1d1 #b9b9b9 #a3a3a3;
        background-position: center -67px;
        background-color: #e5e5e5
    }

.RadMenu_DVG_Context .rgFilterApply, .RadMenu_DVG_Context .rgFilterCancel {
    border-color: #b3b3b3;
    color: #333;
    background-color: #e6e6e6;
    background-image: linear-gradient(white,#e6e6e6);
}

div.RadMenu_DVG_Context .rlbGroup {
    border-color: #e6e6e6
}

.GridContextMenu_DVG .rmLeftImage {
    background-image: url('<%=WebResource("Telerik.Web.UI.Skins.Common.Grid.contextMenu.gif")%>')
}

.GridContextMenu_DVG .rgHCMSortAsc .rmLeftImage {
    background-position: 0 0
}

.GridContextMenu_DVG .rgHCMSortDesc .rmLeftImage {
    background-position: 0 -40px
}

.GridContextMenu_DVG .rgHCMUnsort .rmLeftImage {
    background-position: 0 -80px
}

.GridContextMenu_DVG .rgHCMGroup .rmLeftImage {
    background-position: 0 -120px
}

.GridContextMenu_DVG .rgHCMUngroup .rmLeftImage {
    background-position: 0 -160px
}

.GridContextMenu_DVG .rgHCMCols .rmLeftImage {
    background-position: 0 -200px
}

.GridContextMenu_DVG .rgHCMFilter .rmLeftImage {
    background-position: 0 -240px
}

.GridContextMenu_DVG .rgHCMUnfilter .rmLeftImage {
    background-position: 0 -280px
}

.RadGrid_DVG .rgGroupPanel {
    border: 0;
    border-bottom: 1px solid #828282;
    background-color: #eee;
}

    .RadGrid_DVG .rgGroupPanel td {
        border: 0;
        padding: 3px 4px
    }

        .RadGrid_DVG .rgGroupPanel td td {
            padding: 0
        }

    .RadGrid_DVG .rgGroupPanel .rgSortAsc {
        background-position: 4px -144px
    }

    .RadGrid_DVG .rgGroupPanel .rgSortDesc {
        background-position: 4px -94px
    }

.RadGrid_DVG .rgUngroup {
    background-position: 0 -6998px
}

.RadGrid_DVG .rgGroupItem {
    border: 1px solid;
    border-color: #c4c4c4 #c4c4c4 #9e9e9e;
    background-color: #c6c6c6;
}

.RadGrid_DVG .rgMasterTable td.rgGroupCol, .RadGrid_DVG .rgMasterTable td.rgExpandCol {
    border-color: #d9d9d9;
    background: #d9d9d9 none
}

html .RadGrid_DVG .rgFooterWrapper .rgGroupCol {
    background: #e6e6e6
}

.RadGrid_DVG .rgGroupHeader {
    background: #d9d9d9;
    line-height: 21px;
    color: #000
}

    .RadGrid_DVG .rgGroupHeader td {
        border-top: 1px solid #828282;
        border-bottom: 1px solid #d9d9d9
    }

        .RadGrid_DVG .rgGroupHeader td.rgGroupCol {
            border-top-color: #828282
        }

.RadGrid_DVG .rgExpand {
    background-position: 5px -496px
}

.RadGrid_DVG .rgCollapse {
    background-position: 3px -454px
}

.RadGrid_DVG .rgEditForm:not(.rgEditPopup) {
    border-bottom: 1px solid #828282
}

.RadGrid_DVG .rgUpdate {
    background-position: 0 -1800px
}

.RadGrid_DVG .rgCancel {
    background-position: 0 -1850px
}

.RadGrid_DVG .rgDetailTable {
    border-color: #828282
}

.RadGrid_DVG .rgCommandRow {
    background-color: #c5c5c5;
    color: #000
}

.RadGrid_DVG .rgCommandCell {
    border: 1px solid;
    border-color: #999 #f2f2f2;
    border-top-width: 0;
    padding: 0
}

.RadGrid_DVG tfoot .rgCommandCell, .RadGrid_DVG .rgMasterTable > tbody > tr.rgCommandRow .rgCommandCell {
    border-top-width: 1px;
    border-bottom-width: 0
}

.RadGrid_DVG .rgCommandTable {
    border: 0;
    border-top: 1px solid #fdfdfd;
    border-bottom: 1px solid #e7e7e7
}

    .RadGrid_DVG .rgCommandTable td {
        border: 0;
        padding: 2px 7px
    }

.RadGrid_DVG .rgCommandRow a {
    color: #000;
    text-decoration: none
}

.RadGrid_DVG .rgSave {
    background-position: 0 -1825px;
    height: 18px;
    width: 18px
}

.RadGrid_DVG .rgAdd {
    margin-right: 3px;
    background-position: 0 -1650px
}

.RadGrid_DVG .rgRefresh {
    margin-right: 3px;
    background-position: 0 -1600px
}

.RadGrid_DVG .rgEdit {
    background-position: 0 -1700px
}

.RadGrid_DVG .rgDel {
    background-position: 0 -1750px
}

.RadGrid_DVG .rgSelected .rgDel {
    background-position: 0 -1775px
}

.RadGrid_DVG .rgExpXLS, .RadGrid_DVG .rgExpDOC, .RadGrid_DVG .rgExpPDF, .RadGrid_DVG .rgExpCSV {
    background-image: url('<%=WebResource("Telerik.Web.UI.Skins.Common.Grid.export.gif")%>')
}

.RadGrid_DVG .rgExpXLS {
    background-position: 0 0
}

.RadGrid_DVG .rgExpDOC {
    background-position: 0 -50px
}

.RadGrid_DVG .rgExpPDF {
    background-position: 0 -100px
}

.RadGrid_DVG .rgExpCSV {
    background-position: 0 -150px
}

.rgCellSelectorArea_DVG, .GridRowSelector_DVG {
    background: #4c4e54
}

.GridItemDropIndicator_DVG {
    border-top: 1px dashed #666
}

.GridToolTip_DVG {
    border: 1px solid #828282;
    padding: 3px;
    background: #fff;
    color: #333
}

.RadGridRTL_DVG .rgPageFirst {
    background-position: 0 -1000px
}

    .RadGridRTL_DVG .rgPageFirst:hover {
        background-position: 0 -1050px
    }

.RadGridRTL_DVG .rgPagePrev {
    background-position: 0 -850px
}

    .RadGridRTL_DVG .rgPagePrev:hover {
        background-position: 0 -900px
    }

.RadGridRTL_DVG .rgPageNext {
    background-position: 0 -700px
}

    .RadGridRTL_DVG .rgPageNext:hover {
        background-position: 0 -750px
    }

.RadGridRTL_DVG .rgPageLast {
    background-position: 0 -550px
}

    .RadGridRTL_DVG .rgPageLast:hover {
        background-position: 0 -600px
    }

.RadGridRTL_DVG .rgExpand {
    background-position: -20px -496px
}