.RadGrid_Access {
    border-color: #ccc;
    color: #333;
    background-color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    white-space: nowrap;
    outline: none !important;
}

    .RadGrid_Access .rgMasterTable {
        table-layout: fixed !important;
        width: auto !important;
        width: -webkit-fill-available !important;
        min-width: -moz-available !important;
    }

    .RadGrid_Access .noChildItems .rgExpandCol {
        min-width: 28px;
    }

        .RadGrid_Access .noChildItems .rgExpandCol > button {
            display: none;
        }

    .RadGrid_Access td.rgExpandCol > button.t-button {
        padding: 0;
    }

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

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

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

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

    .RadGrid_Acces td.rgExpandCol > button.t-button {
        padding: 0;
    }

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

    .RadGrid_Access .rgSave, .RadGrid_Access .rgAdd, .RadGrid_Access .rgRefresh, .RadGrid_Access .rgEdit, .RadGrid_Access .rgDel, .RadGrid_Access .rgFilter, .RadGrid_Access .rgPagePrev, .RadGrid_Access .rgPageNext, .RadGrid_Access .rgPageFirst, .RadGrid_Access .rgPageLast, .RadGrid_Access .rgExpand, .RadGrid_Access .rgCollapse, .RadGrid_Access .rgSortAsc, .RadGrid_Access .rgSortDesc, .RadGrid_Access .rgUpdate, .RadGrid_Access .rgCancel, .RadGrid_Access .rgUngroup, .RadGrid_Access .rgExpXLS, .RadGrid_Access .rgExpDOC, .RadGrid_Access .rgExpPDF, .RadGrid_Access .rgExpCSV {
        background-image: url('<%=WebResource("Telerik.Web.UI.Skins.Default.Grid.sprite.gif")%>')
    }

    .RadGrid_Access .rgHeaderDiv {
        background: #eee 0 -7550px repeat-x url('<%=WebResource("Telerik.Web.UI.Skins.Default.Grid.sprite.gif")%>')
    }

.rgTwoLines .rgHeaderDiv {
    background-position: 0 -7050px
}

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

.RadGrid_Access .rgHeader, .RadGrid_Access th.rgResizeCol, .RadGrid_Access .rgHeaderWrapper {
    border: 0;
    border-bottom: 1px solid #828282;
    background-color: #eaeaea;
}

.RadGrid_Access .rgMultiHeaderRow .rgHeader, .RadGrid_Access .rgMultiHeaderRow .rgResizeCol {
    border-left: 1px solid #828282
}

.RadGrid_Access th.rgHeader {
    color: #333;
    font-weight: bold;
    height: 16px;
    padding: 4px 13px 2px 13px;
}

    .RadGrid_Access .rgHeader a {
        color: #333
    }

.RadGrid_Access .rgRow > td, .RadGrid_Access .rgAltRow > td, .RadGrid_Access .rgEditRow > td, .RadGrid_Access .rgFooter > td {
    border-style: solid;
    border-width: 0 0 1px 0
}

.RadGrid_Access .rgRow > td {
    border-color: #fff;
    background-color: #fff;
}

.RadGrid_Access .rgAltRow {
    background-color: #f2f2f2;
}

    .RadGrid_Access .rgAltRow > td {
        border-color: #f2f2f2;
        background-color: #f2f2f2;
    }

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

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

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

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

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

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

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

.RadGrid_Access .rgActiveRow > td, .RadGrid_Access .rgHoveredRow > td {
    border-bottom-color: #9e9e9e
}

.RadGrid_Access .rgSelectedRow > td {
    border-bottom-color: #6c6c6c
}

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

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

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

.RadGrid_Access .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_Access .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_Access .rgBatchUndoDeleteButton:hover {
        border-color: darkgray;
        color: #000;
        background-color: #c2c2c2;
        background-image: linear-gradient(gainsboro,#c2c2c2)
    }

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

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

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

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

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

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

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

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

.RadGrid_Access .rgPager {
    background: #eee
}

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

.RadGrid_Access .rgInfoPart {
    color: #656565
}

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

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

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

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

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

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

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

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

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

.RadGrid_Access .rgPager .rgPagerButton {
    border-color: #d0d0d0 #aeaeae #8b8b8b;
    background: #e8e8e8 repeat-x 0 -1550px url('<%=WebResource("Telerik.Web.UI.Skins.Default.Grid.sprite.gif")%>');
    color: #000;
    font-family: "segoe ui",arial,sans-serif
}

.RadGrid_Access .rgNumPart a {
    color: #000
}

    .RadGrid_Access .rgNumPart a:hover, .RadGrid_Access .rgNumPart a.rgCurrentPage {
        background: no-repeat url('<%=WebResource("Telerik.Web.UI.Skins.Default.Grid.sprite.gif")%>')
    }

        .RadGrid_Access .rgNumPart a:hover span, .RadGrid_Access .rgNumPart a.rgCurrentPage span {
            background: no-repeat url('<%=WebResource("Telerik.Web.UI.Skins.Default.Grid.sprite.gif")%>')
        }

    .RadGrid_Access .rgNumPart a:hover {
        background-position: 100% -1250px;
        background-color: lavender;
    }

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

    .RadGrid_Access .rgNumPart a.rgCurrentPage {
        background-position: 100% -1450px;
        background-color: lavender;
    }

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

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

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

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

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

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

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

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

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

.GridReorderTop_Access {
    background: 0 0 no-repeat url('<%=WebResource("Telerik.Web.UI.Skins.Default.Grid.sprite.gif")%>')
}

.GridReorderBottom_Access {
    background: 0 0 no-repeat url('<%=WebResource("Telerik.Web.UI.Skins.Default.Grid.sprite.gif")%>');
    background-position: 0 -50px
}

.RadGrid_Access .rgFilterRow {
    background: #eee
}

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

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

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

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

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

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

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

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

.RadGrid_Access .rgFilterBox {
    border-color: #8e8e8e #c9c9c9 #c9c9c9 #8e8e8e;
    font-family: "segoe ui",arial,sans-serif;
    color: #333
}

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

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

.RadMenu_Access .rgHCMClear, .RadMenu_Access .rgHCMFilter {
    border-color: #d0d0d0 #a8a8a8 #8b8b8b;
    background-color: #e8e8e8;
    color: #000;
    font-family: "segoe ui",arial,sans-serif
}

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

.RadMenu_Access_Context .rgFilterApply, .RadMenu_Access_Context .rgFilterCancel {
    border-color: #b3b3b3;
    color: #333;
    background-color: #e6e6e6;
    background-image: linear-gradient(white,#e6e6e6);
    font-family: "Segoe UI",Arial,Helvetica,sans-serif;
    font-size: 12px
}

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

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

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

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

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

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

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

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

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

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

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

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

        .RadGrid_Access .rgGroupPanel td td {
            padding: 0
        }

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

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

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

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

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

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

.RadGrid_Access .rgGroupHeader {
    background: #d9d9d9;
    font-size: 1.1em;
    line-height: 21px;
    color: #000
}

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

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

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

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

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

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

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

.RadGrid_Access table.rgDetailTable {
    border-color: #828282;
    border-style: solid;
    border-width: 1px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.rgCellSelectorArea_Access, .GridRowSelector_Access {
    background: #4c4e54
}

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

.GridToolTip_Access {
    font-family: "Segoe UI",Arial,Helvetica,sans-serif;
    font-size: 12px;
    line-height: 16px
}

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

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

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

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

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

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

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

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

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

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