.RadGrid_skillupUI {
    border-color: #d9d9d9;
    color: #5f5f5f;
    background-color: #ffffff;
}

    .RadGrid_skillupUI .rgInput,
    .RadGrid_skillupUI .rgEditRow > td > [type="text"],
    .RadGrid_skillupUI .rgEditForm td > [type="text"],
    .RadGrid_skillupUI .rgBatchContainer > [type="text"],
    .RadGrid_skillupUI .rgFilterBox {
        border-color: #c4c4c4;
        color: #3b3b3b;
        background-color: #ffffff;
    }

        .RadGrid_skillupUI .rgInput:hover,
        .RadGrid_skillupUI .rgEditRow > td > [type="text"]:hover,
        .RadGrid_skillupUI .rgEditForm td > [type="text"]:hover,
        .RadGrid_skillupUI .rgBatchContainer > [type="text"]:hover,
        .RadGrid_skillupUI .rgFilterBox:hover {
            border-color: #a62065;
            color: black;
            background-color: #ffffff;
        }

        .RadGrid_skillupUI .rgInput:focus,
        .RadGrid_skillupUI .rgEditRow > td > [type="text"]:focus,
        .RadGrid_skillupUI .rgEditForm td > [type="text"]:focus,
        .RadGrid_skillupUI .rgBatchContainer > [type="text"]:focus,
        .RadGrid_skillupUI .rgFilterBox:focus {
            border-color: #bf0062;
            color: #333333;
            background-color: #ffffff;
        }

    .RadGrid_skillupUI .rgActionButton {
        color: #5f5f5f;
    }

    .RadGrid_skillupUI .rgHeader,
    .RadGrid_skillupUI th.rgResizeCol,
    .RadGrid_skillupUI .rgHeaderWrapper,
    .RadGrid_skillupUI .rgFilterRow {
        background-color: #e8e8e8;
        border-bottom: 1px solid #ffffff;
    }

    .RadGrid_skillupUI .rgHeaderDiv {
        border-right-color: #ffffff;
    }

    .RadGrid_skillupUI .rgMultiHeaderRow th.rgHeader, .RadGrid_skillupUI .rgMultiHeaderRow th.rgResizeCol {
        border: 0;
        border-bottom: 1px solid #ffffff;
        border-left: 1px solid #ffffff;
    }

    .RadGrid_skillupUI th.rgSorted {
        background-color: #c2c2c2;
    }

        .RadGrid_skillupUI th.rgSorted, .RadGrid_skillupUI th.rgSorted a {
            color: #5f5f5f;
        }

    .RadGrid_skillupUI .rgHeader {
        color: #888888;
        text-transform: uppercase;
        font-size: 0.714em;
        line-height: 2;
    }

        .RadGrid_skillupUI .rgHeader a {
            color: #888888;
        }

        .RadGrid_skillupUI .rgHeader .t-button {
            font-size: 1.4em;
            line-height: 1.42857;
        }

    .RadGrid_skillupUI .rgRow > td,
    .RadGrid_skillupUI .rgAltRow > td,
    .RadGrid_skillupUI .rgEditRow > td {
        border-style: solid;
        border-bottom: 1px solid #e3e3e3;
        border-width: 0 0 1px;
    }

    .RadGrid_skillupUI .rgRow a,
    .RadGrid_skillupUI .rgAltRow a, .RadGrid_skillupUI tr.rgEditRow a,
    .RadGrid_skillupUI .rgFooter a,
    .RadGrid_skillupUI .rgEditForm a {
        color: #000;
    }

    .RadGrid_skillupUI .rgHoveredRow {
        background: #e5e5e5;
    }

    .RadGrid_skillupUI .rgMasterTable .rgSelectedCell,
    .RadGrid_skillupUI .rgSelectedRow {
        color: #ffffff;
        background: #ec77b3;
    }

    .RadGrid_skillupUI .rgActiveRow td:not(.rgExpandCol) {
        box-shadow: inset 0px 5px 5px -5px #ec77b3, inset 0px -5px 5px -5px #ec77b3;
    }

    .RadGrid_skillupUI .rgActiveRow td:first-child:not(.rgExpandCol),
    .RadGrid_skillupUI .rgActiveRow .rgExpandCol + td {
        box-shadow: inset 0px 5px 5px -5px #ec77b3, inset 0px -5px 5px -5px #ec77b3, inset 5px 0px 5px -5px #ec77b3;
    }

    .RadGrid_skillupUI .rgActiveRow td:not(.rgExpandCol):last-child {
        box-shadow: inset 0px 5px 5px -5px #ec77b3, inset 0px -5px 5px -5px #ec77b3, inset -5px 0px 5px -5px #ec77b3;
    }

    .RadGrid_skillupUI .rgActiveCell {
        box-shadow: inset 0 0 5px #ec77b3;
    }

    .RadGrid_skillupUI .rgSelectedCell a,
    .RadGrid_skillupUI .rgSelectedRow a {
        color: #ffffff;
    }

    .RadGrid_skillupUI .rgHoveredRow {
        background: #ffbadd;
        color: #333333;
    }

        .RadGrid_skillupUI .rgHoveredRow a {
            color: #333333;
        }

    .RadGrid_skillupUI .rgSorted {
        background-color: whitesmoke;
        color: #464646;
    }

    .RadGrid_skillupUI .rgSelectedRow .rgSorted,
    .RadGrid_skillupUI .rgHoveredRow .rgSorted {
        /*background-color: desaturate( lighten( $grid-hovered-bg-color, 1%), 40% );*/
        background-color: rgba(245, 245, 245, 0.6);
    }

    .RadGrid_skillupUI .rgEditRow {
        background: rgba(217, 217, 217, 0.75);
        color: #5f5f5f;
    }

        .RadGrid_skillupUI .rgEditRow > td {
            border-color: #999;
        }

    .RadGrid_skillupUI .rgDeletedRow > td {
        border-color: #b3b3b3;
        color: #5f5f5f;
    }

        .RadGrid_skillupUI .rgDeletedRow > td a {
            color: #5f5f5f;
        }

    .RadGrid_skillupUI .rgBatchOverlay {
        background: rgba(217, 217, 217, 0.75);
    }

    .RadGrid_skillupUI .rgBatchUndoDeleteButton {
        border-color: #c4c4c4;
        color: #5f5f5f;
        background-color: #e3e3e3;
        background-image: linear-gradient(white, #e3e3e3);
    }

        .RadGrid_skillupUI .rgBatchUndoDeleteButton:hover {
            border-color: #a62065;
            color: #ffffff;
            background-color: #a62065;
            background-image: linear-gradient(#c02575, #a62065);
        }

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

    .RadGrid_skillupUI .rgFooterDiv,
    .RadGrid_skillupUI .rgFooter,
    .RadGrid_skillupUI .rgFooterWrapper {
        background: #e3e3e3;
    }

    .RadGrid_skillupUI .rgFooterWrapper {
        border-top: 0 none;
    }

    .RadGrid_skillupUI .rgPagerCell {
        border-color: #c4c4c4;
        color: #5f5f5f;
        background-color: #e3e3e3;
    }

        .RadGrid_skillupUI .rgPagerCell .rgNumPart a {
            border-radius: 2px;
            color: inherit;
        }

            .RadGrid_skillupUI .rgPagerCell .rgNumPart a:hover {
                border-color: #a62065;
                color: #ffffff;
                background-color: #a62065;
                background-image: linear-gradient(#c02575, #a62065);
            }

            .RadGrid_skillupUI .rgPagerCell .rgNumPart a.rgCurrentPage {
                border-color: #e30074;
                color: #e30074;
                background: none;
            }

        .RadGrid_skillupUI .rgPagerCell .rgPagerButton,
        .RadGrid_skillupUI .rgPagerCell .rgActionButton {
            border-width: 1px;
            border-style: solid;
            border-radius: 2px;
            border-color: #c4c4c4;
            color: #5f5f5f;
            background-color: #e3e3e3;
            background-image: linear-gradient(white, #e3e3e3);
        }

            .RadGrid_skillupUI .rgPagerCell .rgPagerButton:hover,
            .RadGrid_skillupUI .rgPagerCell .rgActionButton:hover {
                border-color: #a62065;
                color: #ffffff;
                background-color: #a62065;
                background-image: linear-gradient(#c02575, #a62065);
            }

    .RadGrid_skillupUI .rgFilterRow > td {
        border-bottom: 1px solid #d9d9d9;
    }

    .RadGrid_skillupUI .rgFilter {
        border: 1px solid;
        border-color: #c4c4c4;
        color: #5f5f5f;
        background-color: #e3e3e3;
        background-image: linear-gradient(white, #e3e3e3);
    }

        .RadGrid_skillupUI .rgFilter:hover, .RadGrid_skillupUI .rgFilter:focus {
            border-color: #a62065;
            color: #ffffff;
            background-color: #a62065;
            background-image: linear-gradient(#c02575, #a62065);
        }

    .RadGrid_skillupUI .rgFilterActive, .RadGrid_skillupUI .rgFilterActive:hover, .RadGrid_skillupUI .rgFilterActive:focus {
        border-color: #bf0062;
        color: #ffffff;
        background-color: #e30074;
        background-image: none;
        box-shadow: inset 0 0 6px rgba(165, 165, 165, 0.5);
    }

    .RadGrid_skillupUI .rgFiltered {
        border-color: #e30074;
        color: #ffffff;
        background-color: #e30074;
        background-image: linear-gradient(#ff178e, #e30074);
    }

        .RadGrid_skillupUI .rgFiltered:hover, .RadGrid_skillupUI .rgFiltered:focus {
            border-color: #a62065;
            color: #ffffff;
            background-color: #a62065;
            background-image: linear-gradient(#c02575, #a62065);
        }

        .RadGrid_skillupUI .rgFiltered.rgFilterActive {
            border-color: #bf0062;
            color: #ffffff;
            background-color: #e30074;
            background-image: none;
        }

    .RadGrid_skillupUI .rgOptions {
        color: #5f5f5f;
    }

    .RadGrid_skillupUI .rgOptSelected {
        color: #e30074;
    }

.GridContextMenu_skillupUI .rgHCMClear,
.GridContextMenu_skillupUI .rgHCMFilter {
    font-size: 1em;
    height: 2.15385em;
    border-color: #c4c4c4;
    color: #5f5f5f;
    background-color: #e3e3e3;
    background-image: linear-gradient(white, #e3e3e3);
    border-radius: 0;
}

    .GridContextMenu_skillupUI .rgHCMClear:hover,
    .GridContextMenu_skillupUI .rgHCMFilter:hover {
        border-color: #a62065;
        color: #ffffff;
        background-color: #a62065;
        background-image: linear-gradient(#c02575, #a62065);
    }

.GridContextMenu_skillupUI .rmGroup .rgHCMItem div.rmContent {
    padding: 15px;
    margin: 0 auto;
}

.RadMenu_skillupUI_Context .rgFilterApply,
.RadMenu_skillupUI_Context .rgFilterCancel {
    border-color: #c4c4c4;
    color: #5f5f5f;
    background-color: #e3e3e3;
    background-image: linear-gradient(white, #e3e3e3);
    color: #5f5f5f;
    border-color: #c4c4c4;
    height: 28px;
}

.GridContextMenu_skillupUI .rgFilterMenu.rmTemplate div.rmContent,
.GridContextMenu_skillupUI .rgFilterListMenu.rmTemplate div.rmContent {
    padding-right: 8px;
    padding-bottom: 10px;
}

.RadGrid_skillupUI .rgGroupPanel {
    background-color: #e8e8e8;
    border: 0;
    border-bottom: 1px solid #ffffff;
    color: #5f5f5f;
}

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

        .RadGrid_skillupUI .rgGroupPanel td td {
            padding: 0;
        }

.RadGrid_skillupUI .rgGroupItem {
    border-color: #c4c4c4;
    color: #5f5f5f;
    background-color: #e3e3e3;
    background-image: linear-gradient(white, #e3e3e3);
    color: #5f5f5f;
    border: 1px solid #c4c4c4;
    border-radius: 4px;
}

.RadGrid_skillupUI .rgGroupHeader {
    background-image: linear-gradient(#ffffff 0%, #f2f2f2 30%, #d5d4d3 100%);
    box-shadow: 0 1px 3px #c4c4c4;
    font-size: 11px;
    text-transform: uppercase;
    line-height: 22px;
    color: #888888;
}

    .RadGrid_skillupUI .rgGroupHeader td {
        padding: 5px 8px 2px;
        border-bottom: 1px solid #e3e3e3;
    }

.RadGrid_skillupUI .rgEditForm {
    border-bottom: 1px solid #999;
}

.RadGrid_skillupUI .rgDetailTable {
    border-color: #ccc;
}

.RadGrid_skillupUI td.rgExpandCol {
    border-bottom-color: #e6e6e6;
    background-color: #e6e6e6;
}

.RadGrid_skillupUI .rgCommandCell {
    border-color: #c4c4c4;
    color: #5f5f5f;
    background-color: #e3e3e3;
    background-image: linear-gradient(white, #e3e3e3);
}

    .RadGrid_skillupUI .rgCommandCell .t-button:hover {
        border-color: #a62065;
        color: #ffffff;
        background-color: #a62065;
        background-image: linear-gradient(#c02575, #a62065);
    }

    .RadGrid_skillupUI .rgCommandCell .t-button:focus, .RadGrid_skillupUI .rgCommandCell .t-button:active {
        border-color: #bf0062;
        color: #ffffff;
        background-color: #e30074;
        background-image: none;
    }

.rgCellSelectorArea_skillupUI,
.GridRowSelector_skillupUI {
    background: #4c4e54;
}

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

.GridReorderTop_skillupUI,
.GridReorderBottom_skillupUI {
    color: #a2a2a2;
}

.GridToolTip_skillupUI {
    border: 1px solid #c98400;
    padding: 3px;
    background: #ffefbd;
    color: #333;
}

.RadGridRTL_skillupUI .rgHeader:first-child, .RadGridRTL_skillupUI th.rgResizeCol:first-child,
.RadGridRTL_skillupUI .rgFilterRow > td:first-child,
.RadGridRTL_skillupUI .rgRow > td:first-child,
.RadGridRTL_skillupUI .rgAltRow > td:first-child {
    padding-left: 7px;
}