.RadGrid_NNGTR {
    border-color: #dedede;
    color: #333333;
    background-color: #ffffff;
    font-size: 12px;
    margin-bottom: 1rem;
}

    .RadGrid_NNGTR .rgHeader {
        background: whitesmoke;
        font-weight: bold !important;
    }

    .RadGrid_NNGTR .rgActionButton,
    .RadGrid_NNGTR .rgDrag,
    .RadGrid_NNGTR .rgDragClue,
    .RadGrid_NNGTR .rgExpandIcon,
    .RadGrid_NNGTR .rgCollapseIcon,
    .RadGrid_NNGTR .rgGroupPanelExpand,
    .RadGrid_NNGTR .rgGroupPanelCollapse,
    .RadGrid_NNGTR .rgButtonSortDesc,
    .RadGrid_NNGTR .rgButtonSortDesc,
    .RadGrid_NNGTR .rgButtonSortAsc,
    .RadGrid_NNGTR .rgButtonSortClear,
    .RadGrid_NNGTR .rgMobileExportForm .rgColumnItem,
    .RadGrid_NNGTR a.rgFilter,
    .RadGrid_NNGTR a.rgColumns {
        color: #333333;
    }

        .RadGrid_NNGTR .rgActionButton:hover,
        .RadGrid_NNGTR .rgDrag:hover,
        .RadGrid_NNGTR .rgDragClue:hover,
        .RadGrid_NNGTR .rgExpandIcon:hover,
        .RadGrid_NNGTR .rgCollapseIcon:hover,
        .RadGrid_NNGTR .rgGroupPanelExpand:hover,
        .RadGrid_NNGTR .rgGroupPanelCollapse:hover,
        .RadGrid_NNGTR .rgButtonSortDesc:hover,
        .RadGrid_NNGTR .rgButtonSortDesc:hover,
        .RadGrid_NNGTR .rgButtonSortAsc:hover,
        .RadGrid_NNGTR .rgButtonSortClear:hover,
        .RadGrid_NNGTR .rgMobileExportForm .rgColumnItem:hover,
        .RadGrid_NNGTR a.rgFilter:hover,
        .RadGrid_NNGTR a.rgColumns:hover {
            color: #333333;
        }

    .RadGrid_NNGTR .rgInput,
    .RadGrid_NNGTR .rgEditRow > td > [type="text"],
    .RadGrid_NNGTR .rgEditForm td > [type="text"],
    .RadGrid_NNGTR .rgBatchContainer > [type="text"],
    .RadGrid_NNGTR .rgFilterBox {
        border-color: #cccccc;
        color: #333333;
        background-color: #ffffff;
        padding: 6px 12px;
        border-radius: 4px;
    }

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

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

.t-ie .RadGrid_NNGTR .rgInput, .t-ie .RadGrid_NNGTR .rgEditRow > td > [type="text"], .t-ie .RadGrid_NNGTR .rgEditForm td > [type="text"], .t-ie .RadGrid_NNGTR .rgBatchContainer > [type="text"], .t-ie .RadGrid_NNGTR .rgFilterBox {
    height: 34px;
    height: calc(1.42857em + 14px);
}

.RadGrid_NNGTR .rgEdit,
.RadGrid_NNGTR .rgDel {
    text-indent: 0;
}

.RadGrid_NNGTR.rgMultiHeader .rgDataDiv > table,
.RadGrid_NNGTR.rgMultiHeader .rgFooterDiv > table {
    margin-left: -1px;
}

.RadGrid_NNGTR .rgHeader,
.RadGrid_NNGTR th.rgResizeCol {
    padding: 10px 13px 9px;
}

.RadGrid_NNGTR .rgHeader,
.RadGrid_NNGTR th.rgResizeCol,
.RadGrid_NNGTR .rgHeaderWrapper,
.RadGrid_NNGTR .rgMultiHeaderRow th.rgHeader,
.RadGrid_NNGTR .rgMultiHeaderRow th.rgResizeCol {
    border: 0;
    border-top: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
    border-left: 1px solid #dedede;
    border-right: 1px solid #dedede;
}

.RadGrid_NNGTR .rgHeaderDiv table {
    width: 360% !important;
}

.RadGrid_NNGTR .rgDataDiv table {
    width: 360% !important;
}

.RadGrid_NNGTR .rgHeader,
.RadGrid_NNGTR th.rgResizeCol,
.RadGrid_NNGTR .rgHeaderWrapper {
    background-color: #e6e8f4;
    font-weight: 900;
}

.RadGrid_NNGTR .rgHeaderDiv {
    border-right: 1px solid #dee2e6;
}

.RadGrid_NNGTR .rgHeaderWrapper {
    border-bottom: 1px solid #dee2e6;
}

.RadGrid_NNGTR .rgHeader,
.RadGrid_NNGTR .rgHeader a {
    color: #333333;
}

.RadGrid_NNGTR .rgRow > td,
.RadGrid_NNGTR .rgAltRow > td,
.RadGrid_NNGTR .rgEditRow > td,
.RadGrid_NNGTR .rgFooter > td,
.RadGrid_NNGTR .rgFilterRow > td,
.RadGrid_NNGTR .rgHeader,
.RadGrid_NNGTR .rgResizeCol,
.RadGrid_NNGTR .rgGroupHeader td {
    /* padding-left: 15px;
    padding-right: 15px;  */
    padding: .35rem .75rem;
}

.RadGrid_NNGTR .rgRow,
.RadGrid_NNGTR .rgAltRow,
.RadGrid_NNGTR .rgEditRow,
.RadGrid_NNGTR .rgFooter,
.RadGrid_NNGTR .rgGroupHeader {
    height: 40px;
    height: calc(.75rem + 20px);
}

    .RadGrid_NNGTR .rgRow > td,
    .RadGrid_NNGTR .rgAltRow > td,
    .RadGrid_NNGTR .rgFooter > td {
        border-color: #dedede;
    }

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

    .RadGrid_NNGTR .rgAltRow > td {
        background-color: #f9f9f9;
        color: #333333;
    }

    .RadGrid_NNGTR .rgAltRow .rgSorted {
        background-color: #ececec;
    }

    .RadGrid_NNGTR .rgAltRow.rgHoveredRow .rgSorted {
        background-color: #dddddd;
    }

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

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

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

.RadGrid_NNGTR .rgActiveCell {
    box-shadow: inset 0 0 5px #285f8f;
}

.RadGrid_NNGTR .rgHoveredRow > td {
    background: #eeeeee;
    color: #000000;
}

.RadGrid_NNGTR .rgEditRow {
    background: rgba(222, 222, 222, 0.75);
    color: #333333;
}

    .RadGrid_NNGTR .rgEditRow > td {
        border-style: solid;
        border-width: 0 0 1px 0;
        border-color: #dedede;
    }

    .RadGrid_NNGTR .rgEditRow td > input[type="text"] {
        font: inherit;
        box-sizing: border-box;
        border: 1px solid #cccccc;
    }

.RadGrid_NNGTR .rgBatchOverlay {
    background: rgba(222, 222, 222, 0.75);
}

.RadGrid_NNGTR .rgBatchUndoDeleteButton {
    border-color: #cccccc;
    color: #333333;
    background-color: #ffffff;
}

    .RadGrid_NNGTR .rgBatchUndoDeleteButton:hover {
        border-color: #adadad;
        color: #333333;
        background-color: #e6e6e6;
    }

.RadGrid_NNGTR .rgBatchContainer {
    margin: -9px 0px;
}

.RadGrid_NNGTR .rgSorted {
    background-color: #e4e4e4;
}

.RadGrid_NNGTR .rgMasterTable .rgSelectedCell,
.RadGrid_NNGTR .rgSelectedRow td,
.RadGrid_NNGTR td.rgEditRow .rgSelectedRow,
.RadGrid_NNGTR .rgSelectedRow td.rgSorted {
    color: #ffffff;
    background: #337ab7;
    border-color: #ffffff;
}

.RadGrid_NNGTR .rgSelectedRow.rgHoveredRow {
    background: #337ab7;
}

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

.RadGrid_NNGTR .rgFooterWrapper,
.RadGrid_NNGTR .rgFooter {
    background: whitesmoke;
}

.RadGrid_NNGTR .rgFooterWrapper {
    border-top: 1px solid #dedede;
}

    .RadGrid_NNGTR .rgFooterWrapper tr.rgFooter td {
        border-bottom-width: 0;
    }

.RadGrid_NNGTR .rgFooter > td {
    border-left: 1px solid #dedede;
    padding: 10px 5px;
}

    .RadGrid_NNGTR .rgFooter > td:first-child {
        border-left-width: 0;
    }

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

.RadGrid_NNGTR .rgPagerCell {
    color: #333333;
    background: whitesmoke;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    border-color: #dedede;
}

    .RadGrid_NNGTR .rgPagerCell .rgNumPart a,
    .RadGrid_NNGTR .rgPagerCell .rgPagerButton,
    .RadGrid_NNGTR .rgPagerCell .rgActionButton {
        border-width: 1px;
        border-style: solid;
        box-sizing: content-box;
        border-color: #cccccc;
        color: #333333;
        background-color: #ffffff;
        padding-top: 6px;
        padding-bottom: 6px;
    }

        .RadGrid_NNGTR .rgPagerCell .rgNumPart a:hover,
        .RadGrid_NNGTR .rgPagerCell .rgPagerButton:hover,
        .RadGrid_NNGTR .rgPagerCell .rgActionButton:hover {
            border-color: #adadad;
            color: #333333;
            background-color: #e6e6e6;
        }

    .RadGrid_NNGTR .rgPagerCell .rgNumPart a,
    .RadGrid_NNGTR .rgPagerCell .rgActionButton {
        margin: 0;
        width: 1.42857em;
        border-left-width: 0;
    }

    .RadGrid_NNGTR .rgPagerCell .rgNumPart a {
        border-radius: 0;
        text-align: center;
    }

        .RadGrid_NNGTR .rgPagerCell .rgNumPart a.rgCurrentPage {
            border-color: #2d6da3;
            color: #ffffff;
            background-color: #337ab7;
        }

    .RadGrid_NNGTR .rgPagerCell .rgPageFirst {
        border-left-width: 1px;
        border-radius: 0.28571em 0 0 0.28571em;
    }

    .RadGrid_NNGTR .rgPagerCell .rgPageLast {
        border-radius: 0 0.28571em 0.28571em 0;
    }

    .RadGrid_NNGTR .rgPagerCell .NumericPages .rgNumPart a:first-child {
        border-left-width: 1px;
        border-radius: 0.28571em 0 0 0.28571em;
    }

    .RadGrid_NNGTR .rgPagerCell .NumericPages .rgNumPart a:last-child {
        border-radius: 0 0.28571em 0.28571em 0;
    }

    .RadGrid_NNGTR .rgPagerCell .rgActionButton {
        box-sizing: content-box;
    }

    .RadGrid_NNGTR .rgPagerCell .rgPagerButton {
        border-radius: 0.28571em;
    }

.RadGrid_NNGTR .rgGroupPanel {
    border-bottom: 1px solid #dedede;
    background: whitesmoke;
}

.RadGrid_NNGTR .rgGroupItem {
    padding: 6px;
    border-radius: 4px;
    border: 1px solid #dedede;
    color: #333333;
}

.RadGrid_NNGTR .rgGroupHeader td {
    border-bottom: 1px solid #dedede;
    background: #fbfbfb;
}

    .RadGrid_NNGTR .rgGroupHeader td p {
        font: bold 12px verdana,sans-serif;
        color: #567db0;
    }

.RadGrid_NNGTR .rgGroupHeader .rgGroupCol {
    border-bottom-width: 0;
}

.RadGrid_NNGTR .rgRow .rgGroupCol,
.RadGrid_NNGTR .rgAltRow .rgGroupCol {
    border-bottom-width: 0;
    background: #fbfbfb;
}

.RadGrid_NNGTR .rgMasterTable > tbody tr:first-child .rgGroupCol {
    border-top-width: 0;
}

.RadGrid_NNGTR table.rgMasterTable .rgGroupCol {
    border-left-width: 0;
}

.RadGrid_NNGTR .rgFooter .rgGroupCol,
.RadGrid_NNGTR .rgFooter .rgGroupCol ~ td {
    border-bottom: 1px solid #dedede;
}

.RadGrid_NNGTR td.rgGroupCol {
    background: #fbfbfb !important;
}

.RadGrid_NNGTR .rgFilterRow > td {
    border-bottom: 1px solid #dedede;
}

.RadGrid_NNGTR .rgFilterBox {
    border-radius: 4px 0 0 4px;
}

.RadGrid_NNGTR .rgFilter {
    border-color: #cccccc;
    margin-left: -1px;
    border-radius: 0 4px 4px 0;
    background-color: #ffffff;
    padding: 6px;
}

    .RadGrid_NNGTR .rgFilter:hover, .RadGrid_NNGTR .rgFilter:focus {
        border-color: #adadad;
        color: #333333;
        background-color: #e6e6e6;
    }

.RadGrid_NNGTR .rgFilterActive, .RadGrid_NNGTR .rgFilterActive:hover, .RadGrid_NNGTR .rgFilterActive:focus {
    border-color: #adadad;
    color: #333333;
    background-color: #e6e6e6;
    box-shadow: inset 0 0 6px rgba(165, 165, 165, 0.5);
}

.RadGrid_NNGTR .rgFiltered {
    border-color: #2d6da3;
    color: #ffffff;
    background-color: #337ab7;
}

    .RadGrid_NNGTR .rgFiltered:hover, .RadGrid_NNGTR .rgFiltered:focus {
        border-color: #204d73;
        color: #ffffff;
        background-color: #285f8f;
    }

    .RadGrid_NNGTR .rgFiltered.rgFilterActive {
        border-color: #122a3f;
        color: #ffffff;
        background-color: #285f8f;
    }

.RadGrid_NNGTR .rgFilterRow .riTextBox {
    border-radius: 0.28571em 0 0 0.28571em;
}

.RadGrid_NNGTR a.rcCalPopup,
.RadGrid_NNGTR a.rcTimePopup {
    margin-right: 0;
    border-radius: 0;
}

.RadGrid_NNGTR .rgOptions {
    color: #333333;
}

.RadGrid_NNGTR .rgOptSelected {
    color: #337ab7;
}

.RadGrid_NNGTR .rgEditForm .rgHeader {
    padding: 10px;
    border-left-width: 0;
}

.RadGrid_NNGTR .rgEditFormContainer table {
    padding-left: 10px;
}

.RadGrid_NNGTR .rgRow > td > [type="text"],
.RadGrid_NNGTR .rgAltRow > td > [type="text"],
.RadGrid_NNGTR .rgEditForm > td > [type="text"] {
    font: inherit;
    border: 1px solid #cccccc;
    border-radius: 4px;
}

.RadGrid_NNGTR .RadComboBox .rcbInput {
    border: 0 none;
    padding: 0;
}

.RadGrid_NNGTR .rgEditFormContainer {
    padding: 12px 0;
}

    .RadGrid_NNGTR .rgEditFormContainer .rgUpdate {
        margin-left: 0.71429em;
    }

    .RadGrid_NNGTR .rgEditFormContainer .rgUpdate,
    .RadGrid_NNGTR .rgEditFormContainer .rgCancel {
        background-color: #ffffff;
        border-color: #cccccc;
        border-radius: 0.28571em;
    }

        .RadGrid_NNGTR .rgEditFormContainer .rgUpdate:hover,
        .RadGrid_NNGTR .rgEditFormContainer .rgCancel:hover {
            background-color: #e6e6e6;
        }

.RadGrid_NNGTR .rgEditForm {
    margin: -1px;
    padding: 7px;
    border-bottom: 1px solid #dedede;
}

    .RadGrid_NNGTR .rgEditForm.rgEditPopup {
        padding: 0;
        overflow: hidden;
    }

        .RadGrid_NNGTR .rgEditForm.rgEditPopup > .rgHeader + div {
            box-sizing: border-box;
        }

    .RadGrid_NNGTR .rgEditForm [type="image"] {
        margin-right: 2px;
        padding: 8px;
        border: 1px solid #cccccc !important;
        border-radius: 4px;
        background: #ffffff;
    }

        .RadGrid_NNGTR .rgEditForm [type="image"]:hover {
            background: #e6e6e6;
        }

    .RadGrid_NNGTR .rgEditForm [type="text"]:disabled {
        background: #ffffff;
        opacity: .7;
    }

.RadGrid_NNGTR .rgDetailTable {
    border-color: #dedede;
}

    .RadGrid_NNGTR .rgDetailTable .rgRow td:first-child,
    .RadGrid_NNGTR .rgDetailTable .rgAltRow td:first-child {
        border-left-width: 0;
    }

.RadGrid_NNGTR .rgFooter .rgExpandCol {
    border-left-width: 0;
}

.RadGrid_NNGTR .rgRow .rgExpandCol,
.RadGrid_NNGTR .rgRow .rgCollapseCol,
.RadGrid_NNGTR .rgAltRow .rgExpandCol,
.RadGrid_NNGTR .rgAltRow .rgCollapseCol {
    border-left-width: 0;
}

.RadGrid_NNGTR .rgCommandCell {
    border-color: #dedede;
    color: #333333;
    background-color: whitesmoke;
}

    .RadGrid_NNGTR .rgCommandCell .t-button {
        border-radius: 4px;
    }

        .RadGrid_NNGTR .rgCommandCell .t-button:hover {
            border-color: #adadad;
            color: #333333;
            background-color: #e6e6e6;
        }

        .RadGrid_NNGTR .rgCommandCell .t-button:focus, .RadGrid_NNGTR .rgCommandCell .t-button:active {
            border-color: #adadad;
            color: #333333;
            background-color: #e6e6e6;
        }

.RadGrid_NNGTR .rgCommandCell {
    border-color: #dedede;
}

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

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

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

.GridContextMenu_NNG .rgHCMClear,
.GridContextMenu_NNG .rgHCMFilter {
    font-size: 1em;
    height: 2.42857em;
    border-color: #cccccc;
    color: #333333;
    background-color: #ffffff;
    border-radius: 0.28571em;
}

    .GridContextMenu_NNG .rgHCMClear:hover,
    .GridContextMenu_NNG .rgHCMFilter:hover {
        border-color: #adadad;
        color: #333333;
        background-color: #e6e6e6;
    }

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

.RadGrid .rgCollapse {
    background-color: silver !important;
}

.RadGrid .rgExpand {
    background-color: white !important;
}