.RadGrid_CSI {
    border: 1px solid #e5e5e5;
    color: black;
    background-color: #ffffff;
    scrollbar-face-color: #E9E9E9;
    scrollbar-highlight-color: #fff;
    scrollbar-shadow-color: #E9E9E9;
    scrollbar-3dlight-color: #DBDBDB;
    scrollbar-arrow-color: #787878;
    scrollbar-track-color: #F5F5F5;
    scrollbar-darkshadow-color: #AEAEAE;
}

    .RadGrid_CSI,
    .RadGrid_CSI .rgMasterTable,
    .RadGrid_CSI .rgDetailTable,
    .RadGrid_CSI .rgGroupPanel table,
    .RadGrid_CSI .rgCommandRow table,
    .RadGrid_CSI .rgEditForm table,
    .RadGrid_CSI .rgPager table {
        font: 100 12px "Segoe UI", Arial, Verdana;
    }

        .RadGrid_CSI .rgInput {
            background-color: red;
            border: 1px solid #cdcdcd;
            color: black;
        }

        .RadGrid_CSI .rgHeader:first-child,
        .RadGrid_CSI .rgHeader,
        .RadGrid_CSI th.rgResizeCol:first-child,
        .RadGrid_CSI .rgFilterRow > td:first-child,
        .RadGrid_CSI .rgRow > td:first-child,
        .RadGrid_CSI .rgAltRow > td:first-child,
        .RadGrid_CSI .rgRow > td,
        .RadGrid_CSI .rgAltRow > td {
            border-left-width: 0;
            padding-left: 0 !important;
            padding-right: 0 !important;
        }

        .RadGrid_CSI .rgSave,
        .RadGrid_CSI .rgUpdate,
        .RadGrid_CSI .rgCancel,
        .RadGrid_CSI .rgEdit,
        .RadGrid_CSI .rgDel,
        .RadGrid_CSI .rgExpand,
        .RadGrid_CSI .rgCollapse,
        .RadGrid_CSI .rgFilter,
        .RadGrid_CSI .rgAdd,
        .RadGrid_CSI .rgRefresh,
        .RadGrid_CSI .rgSortAsc,
        .RadGrid_CSI .rgSortDesc,
        .RadGrid_CSI .rgUngroup,
        .RadGrid_CSI .rgPagePrev,
        .RadGrid_CSI .rgPageNext,
        .RadGrid_CSI .rgPageFirst,
        .RadGrid_CSI .rgPageLast {
            /* background-image: url('Grid/radActionsSprite.png'); */
            width: 21px;
            height: 21px;
        }

        .RadGrid_CSI .rgHeader,
        .RadGrid_CSI th.rgResizeCol,
        .RadGrid_CSI .rgHeaderWrapper,
        .RadGrid_CSI .rgMultiHeaderRow th.rgHeader,
        .RadGrid_CSI .rgMultiHeaderRow th.rgResizeCol {
            border: 0;
            border-bottom: 1px solid #cdcdcd;
            border-top: 1px solid #cdcdcd;
            background: #ececec /* url('Grid/Sprite.gif') repeat-x */ !important;
        }

        .RadGrid_CSI .rgHeader,
        .RadGrid_CSI th.rgResizeCol,
        .RadGrid_CSI .rgHeaderWrapper {
            background-color: #E5E9EE;
        }

            .RadGrid_CSI .rgHeader,
            .RadGrid_CSI .rgHeader a {
                color: #000000;
                font-size: 9pt;
            }

        .RadGrid_CSI .rgRow td,
        .RadGrid_CSI .rgAltRow td {
            border-bottom: 1px solid white;
            border-top: .25px solid #e9e9e9;
            color: black;
            font-weight: bolder;
        }

        .RadGrid_CSI .rgActiveRow td,
        .RadGrid_CSI .rgActiveRow td.rgSorted,
        .RadGrid_CSI .rgSelectedRow td,
        .RadGrid_CSI .rgSelectedRow td.rgSorted {
            background-color: #e5e5e5;
            border-bottom: #e5e5e5;
        }

        .RadGrid_CSI .rgHoveredRow:hover td,
        .RadGrid_CSI .rgHoveredRow:hover td.rgSorted {
            background-color: #d6d6d6;
            border-bottom: #e5e5e5;
        }

        .RadGrid_CSI .rgInfoPart {
            color: #000000;
            font-weight: bolder;
        }

            .RadGrid_CSI .rgInfoPart strong {
                color: #000000;
            }

        .RadGrid_CSI .rgPagePrev:active,
        .RadGrid_CSI .rgPageNext:active,
        .RadGrid_CSI .rgPageFirst:active,
        .RadGrid_CSI .rgPageLast:active {
            color: black;
        }

        .RadGrid_CSI .rgPageFirst {
            background-position: -11px -714px;
        }

            .RadGrid_CSI .rgPageFirst:active {
                background-position: -11px -714px;
            }

        .RadGrid_CSI .rgPagePrev {
            background-position: -11px -114px;
        }

            .RadGrid_CSI .rgPagePrev:active {
                background-position: -11px -114px;
            }

        .RadGrid_CSI .rgPageNext {
            background-position: -11px -164px;
        }

            .RadGrid_CSI .rgPageNext:active {
                background-position: -11px -164px;
            }

        .RadGrid_CSI .rgPageLast {
            background-position: -11px -765px;
        }

            .RadGrid_CSI .rgPageLast:active {
                background-position: -11px -765px;
            }

        .RadGrid_CSI .rgPager .rgPagerButton {
            border-color: #ffffff;
            background: #ffffff;
            color: black;
            height: 23px;
            font-weight: bold;
            font-size: 13px;
            line-height: 26px;
            font-family: "Segoe UI", Arial, Helvetica, sans-serif;
        }

        .RadGrid_CSI .rgNumPart a {
            border: 0;
            line-height: 26px;
            min-width: 15px;
            padding: 0;
            color: #666;
            -webkit-border-radius: 16px;
            -moz-border-radius: 16px;
            border-radius: 16px;
            text-align: center;
            font-weight: bolder;
        }

        .RadGrid_CSI .rgNumPart span {
            float: none;
            padding: 0;
        }

        .RadGrid_CSI .rgNumPart a:hover {
            background-color: #ffffff;
            border-color: #ffffff;
        }

        .RadGrid_CSI .rgNumPart a.rgCurrentPage,
        .RadGrid_CSI .rgNumPart a.rgCurrentPage:hover {
            color: #cdcdcd;
        }

        .RadGrid_CSI .rgFooter {
            background-color: #f7f7f7
        }


        .RadGrid_CSI .rgPagerLabel {
            padding-top: 10px;
        }

        .RadGrid_CSI .t-button.rgPagerButton {
            padding-top: 1.5px !important;
        }

        .RadGrid_CSI .rgWrap.rgArrPart1, .RadGrid_CSI .rgWrap.rgArrPart2 {
            padding-top: 4px !important;
        }