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

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

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

.RadGrid_Messages th.rgHeader, .RadGrid_Messages th.rgResizeCol {
    border: 0;
    background: #eaeaea;
    padding: 4px 13px 2px 13px;
}

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

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

    .RadGrid_Messages .rgHeader a {
        color: #333
    }

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

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

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

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

.RadGrid_Messages .rgRow > td, .RadGrid_Messages .rgAltRow > td, .RadGrid_Messages .rgEditRow > td, .RadGrid_Messages .rgFooter > td {
    border-style: solid;
    border-width: 0 0 1px 0;
    overflow: hidden;
    /* white-space: nowrap; */
    text-overflow: ellipsis;
}

.RadGrid_Messages .rgRow > td {
    border-color: #fff
}

.RadGrid_Messages .rgAltRow {
    background-color: #f2f2f2
}

    .RadGrid_Messages .rgAltRow > td {
        border-color: #f2f2f2
    }
    
.RadGrid_Messages .rgRow .rgSorted {
    background-color: #f2f2f2
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.RadGrid_Messages .rgBatchOverlay {
    background: rgba(204,204,204,0.75)
}

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

.RadGrid_Messages .rgBatchUndoDeleteButton {
    padding: 0 7px 0 0;
    left: 7px;
    border: 1px solid;
    border-color: #b3b3b3;
    color: #333;
    background-color: #e6e6e6;
    background-image: linear-gradient(white,#e6e6e6);
    border-radius: 4px
}

    .RadGrid_Messages .rgBatchUndoDeleteButton:before {
        vertical-align: -7px;
        background-image: url('<%=WebResource("Telerik.Web.UI.Skins.Default.Common.radActionsSprite.png")%>');
        background-position: 0 -2380px;
        background-repeat: no-repeat
    }

    .RadGrid_Messages .rgBatchUndoDeleteButton:hover {
        border-color: darkgray;
        color: #000;
        background-color: #c2c2c2;
        background-image: linear-gradient(gainsboro,#c2c2c2)
    }

        .RadGrid_Messages .rgBatchUndoDeleteButton:hover:before {
            background-position: -20px -2380px
        }

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

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

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

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

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

.RadGrid_Messages .rgPager .rgStatus {
    border: 1px solid;
    border-color: #828282 #c9c9c9 #eee #c9c9c9;
    border-left-width: 0
}

.RadGrid_Messages .rgStatus div {
    background-image: url('<%=WebResource("Telerik.Web.UI.Skins.Default.Common.loading_small.gif")%>')
}

.RadGrid_Messages .rgPager {
    background: #eee;
    height: 27px;
}

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

.RadGrid_Messages .rgInfoPart {
    color: #656565
}

    .RadGrid_Messages .rgInfoPart strong {
        color: #4c4e54
    }

.RadGrid_Messages .rgPageFirst {
    background-position: 0 -550px
}

    .RadGrid_Messages .rgPageFirst:hover {
        background-position: 0 -600px
    }

.RadGrid_Messages .rgPagePrev {
    background-position: 0 -700px
}

    .RadGrid_Messages .rgPagePrev:hover {
        background-position: 0 -750px
    }

.RadGrid_Messages .rgPageNext {
    background-position: 0 -850px
}

    .RadGrid_Messages .rgPageNext:hover {
        background-position: 0 -900px
    }

.RadGrid_Messages .rgPageLast {
    background-position: 0 -1000px
}

    .RadGrid_Messages .rgPageLast:hover {
        background-position: 0 -1050px
    }

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

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

.RadGrid_Messages .rgNumPart a {
    color: #000
}

.RadGrid_Messages .rgNumPart a:hover {
        background-position: 100% -1250px
    }

        .RadGrid_Messages .rgNumPart a:hover span {
            background-position: 0 -1150px
        }

    .RadGrid_Messages .rgNumPart a.rgCurrentPage {
        background-position: 100% -1450px
    }

        .RadGrid_Messages .rgNumPart a.rgCurrentPage:hover {
            background-position: 100% -1450px
        }

            .RadGrid_Messages .rgNumPart a.rgCurrentPage span, .RadGrid_Messages .rgNumPart a.rgCurrentPage:hover span {
                background-position: 0 -1350px
            }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

        .RadGrid_Messages .rgGroupPanel td td {
            padding: 0
        }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.rgCellSelectorArea_Messages, .GridRowSelector_Messages {
    background: #4c4e54
}

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

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

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

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

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

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

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

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

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

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

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