.RadGrid_ST {
    border-color: #768ca5;
    color: #333333;
    background-color: #ffffff;
    font-size: 12px;
    line-height: 16px;
    font-family: 'AvenirNextPro', sans-serif;
    width: 100% !important;
}

    .RadGrid_ST .rgMasterTable, .RadGrid_ST .rgDetailTable, .RadGrid_ST .rgGroupPanel table, .RadGrid_ST .rgCommandRow table, .RadGrid_ST .rgEditForm table, .RadGrid_ST .rgPager table {
        font-size: 12px;
        line-height: 16px;
        font-family: 'AvenirNextPro', sans-serif;
    }

    .RadGrid_ST .rgInput {
        border-color: #6e8aa8;
        color: #333333;
        background-color: #ffffff;
    }

.GridToolTip_ST {
    font-size: 12px;
    line-height: 16px;
    font-family: 'AvenirNextPro', sans-serif;
}

.RadGrid_ST .rgHeader:first-child, .RadGrid_ST th.rgResizeCol:first-child, .RadGrid_ST .rgFilterRow > td:first-child, .RadGrid_ST .rgRow > td:first-child, .RadGrid_ST .rgAltRow > td:first-child {
    border-left-width: 0;
    padding-left: 8px;
}

.RadGrid_ST .rgSave, .RadGrid_ST .rgAdd, .RadGrid_ST .rgRefresh, .RadGrid_ST .rgEdit, .RadGrid_ST .rgDel, .RadGrid_ST .rgFilter, .RadGrid_ST .rgPagePrev, .RadGrid_ST .rgPageNext, .RadGrid_ST .rgPageFirst, .RadGrid_ST .rgPageLast, .RadGrid_ST .rgExpand, .RadGrid_ST .rgCollapse, .RadGrid_ST .rgSortAsc, .RadGrid_ST .rgSortDesc, .RadGrid_ST .rgUpdate, .RadGrid_ST .rgCancel, .RadGrid_ST .rgUngroup, .RadGrid_ST .rgExpXLS, .RadGrid_ST .rgExpDOC, .RadGrid_ST .rgExpPDF, .RadGrid_ST .rgExpCSV {
    background-image: url('Grid/sprite.gif');
}

.RadGrid_ST .rgHeaderDiv {
    background: #dae2e8 0 -7050px repeat-x url('Grid/sprite.gif');
}

.rgTwoLines .rgHeaderDiv {
    background-position: 0 -6550px;
}

.RadGrid_ST .rgHeader, .RadGrid_ST th.rgResizeCol, .RadGrid_ST .rgHeaderWrapper {
    /* border: 1px solid;*/
    border-color: #98acbf #728ba1 #3d556c #455f77;
    border-top-width: 0;
    /*background: 0 -2300px repeat-x #718ca1 url('Grid/sprite.gif');*/
    background-color: #14171F;
    font-weight: bold;
}

.RadGrid_ST .rgMultiHeaderRow th.rgHeader, .RadGrid_ST .rgMultiHeaderRow th.rgResizeCol {
    /*border: 1px solid;*/
    border-color: #98acbf #728ba1 #3d556c #455f77;
    border-top-width: 0;
    font-weight: bold;
}

.RadGrid_ST .rgHeaderDiv {
    border-right-color: #768ca5;
}

.RadGrid_ST th.rgSorted {
    border-color: #7c93a8 #758ea4 #334d65 #39556e;
    background-color: #5c7990;
    background-position: 0 -2600px;
}

.RadGrid_ST .rgHeader {
    color: #fff;
}

    .RadGrid_ST .rgHeader a {
        color: #fff;
    }

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

.RadGrid_ST .rgRow > td {
    border-color: #14171F; /*#fff #fff #fff #dae2e8*/
    ;
}

.RadGrid_ST .rgAltRow {
    background: #dae2e8;
}

    .RadGrid_ST .rgAltRow > td {
        border-color: #14171F;
    }

.RadGrid_ST .rgRow .rgSorted {
    border-bottom-color: #f0f0f0;
    background-color: #f0f0f0;
}

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

.RadGrid_ST .rgRow a, .RadGrid_ST .rgAltRow a, .RadGrid_ST .rgEditRow a, .RadGrid_ST .rgFooter a, .RadGrid_ST .rgEditForm a {
    color: #0e3d4f;
}

.RadGrid_ST .rgMasterTable .rgSelectedCell, .RadGrid_ST .rgSelectedRow {
    background: #7bbbcf 0 -3900px repeat-x url('Grid/sprite.gif');
}

    * + html .RadGrid_ST .rgSelectedRow .rgSorted {
        background-color: #7bbbcf;
    }

.RadGrid_ST .rgMasterTable .rgActiveCell, .RadGrid_ST .rgActiveRow, .RadGrid_ST .rgHoveredRow {
    background: #bfe3f6 0 -2900px repeat-x url('Grid/sprite.gif');
}

    * + html .RadGrid_ST .rgActiveRow .rgSorted, * + html .RadGrid_ST .rgHoveredRow .rgSorted {
        background-color: #bfe3f6;
    }

.RadGrid_ST .rgEditRow {
    background: white 0 -4900px repeat-x url('Grid/sprite.gif');
}

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

    .RadGrid_ST .rgSelectedRow > td, .RadGrid_ST .rgActiveRow > td, .RadGrid_ST .rgHoveredRow > td, .RadGrid_ST .rgEditRow > td {
        border-left-width: 0;
        border-right-width: 0;
        padding-left: 8px;
        padding-right: 8px;
    }

.RadGrid_ST .rgSelectedRow > td {
    border-bottom-color: #133c44;
}

    .RadGrid_ST .rgSelectedRow > td.rgSorted {
        border-bottom-color: #133c44;
    }

.RadGrid_ST .rgActiveRow > td, .RadGrid_ST .rgHoveredRow > td, .RadGrid_ST .rgActiveRow td.rgSorted, .RadGrid_ST .rgHoveredRow td.rgSorted {
    border-bottom-color: #5d9fb7;
}

.RadGrid_ST .rgEditRow > td {
    border-color: #fff #fff #768ca5 #fff;
}

    .RadGrid_ST .rgEditRow > td.rgSorted {
        border-color: #fff #fff #768ca5 #fff;
    }

.RadGrid_ST .rgEditRow {
    background-color: rgba(118, 140, 165, 0.75);
    color: #333333;
}

.RadGrid_ST .rgDeletedRow.rgHoveredRow > td {
    border-color: #dae2e8;
}

.RadGrid_ST .rgBatchOverlay {
    background: rgba(118, 140, 165, 0.75);
}

.RadGrid_ST .rgBatchUndoDeleteButton {
    padding: 0 7px 0 0;
    left: 7px;
    border: 1px solid;
    border-radius: 4px;
    border-color: #6e8aa8;
    color: #0d202b;
    background-color: #d7e2e7;
    background-image: linear-gradient(#e0e7ed, #c2d2dd 50%, #a3baca 50%, #d7e2e7);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.45);
}

    .RadGrid_ST .rgBatchUndoDeleteButton:before {
        vertical-align: -7px;
        background-image: url('Common/radActionsSprite.png');
        background-position: 0px -2380px;
        background-repeat: no-repeat;
    }

    .RadGrid_ST .rgBatchUndoDeleteButton:hover {
        border-color: #1c9fcc;
        color: #0e3d4f;
        background-color: #bee3f6;
        background-image: linear-gradient(#d4eaf8, #baddf4 50%, #9edaf2 50%, #bee3f6);
        box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.32);
    }

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

.RadGrid_ST .rgDrag {
    background-image: url('Grid/rgDrag.gif');
}

.RadGrid_ST .rgFooterDiv, .RadGrid_ST .rgFooter, .RadGrid_ST .rgFooterWrapper {
    /* background: #dae2e8;*/
}

    .RadGrid_ST .rgFooter > td, .RadGrid_ST .rgFooterWrapper {
        border-top-width: 1px;
        border-color: #14171F; /*//#a2b3c7 #dae2e8 #fff #dae2e8;*/
        font-weight: bold;
    }

        .RadGrid_ST .rgFooterWrapper .rgFooter > td {
            border-bottom: 0;
            font-weight: bold;
        }

.RadGrid_ST .rgFooterWrapper {
    border-bottom: 1px solid #fff;
}

.RadGrid_ST .rgPager .rgStatus {
    border: 1px solid;
    border-color: #a2b3c7 #9cb6c5 #fff #9cb6c5;
    border-left-width: 0;
}

.RadGrid_ST .rgStatus div {
    background-image: url('Common/loading_small.gif');
}

.RadGrid_ST .rgPager {
    background: #dae2e8;
}

.RadGrid_ST td.rgPagerCell {
    border: 1px solid;
    border-color: #a2b3c7 #fff #fff;
    border-right-width: 0;
}

.RadGrid_ST .rgInfoPart {
    color: #506175;
}

    .RadGrid_ST .rgInfoPart strong {
        color: #000;
    }

.RadGrid_ST .rgPageFirst {
    background-position: 0 -550px;
}

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

.RadGrid_ST .rgPagePrev {
    background-position: 0 -700px;
}

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

.RadGrid_ST .rgPageNext {
    background-position: 0 -850px;
}

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

.RadGrid_ST .rgPageLast {
    background-position: 0 -1000px;
}

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

.RadGrid_ST .rgPager .rgPagerButton {
    border-color: #4e667e #476077 #425c71;
    background: #d7e2e7 repeat-x 0 -1550px url('Grid/sprite.gif');
    color: #0d202b;
    font: 12px "Segoe UI", Arial, Helvetica, sans-serif;
}

.RadGrid_ST .rgNumPart a {
    color: #000;
}

    .RadGrid_ST .rgNumPart a:hover, .RadGrid_ST .rgNumPart a.rgCurrentPage {
        background: no-repeat url('Grid/sprite.gif');
    }

        .RadGrid_ST .rgNumPart a:hover span, .RadGrid_ST .rgNumPart a.rgCurrentPage span {
            background: no-repeat url('Grid/sprite.gif');
        }

    .RadGrid_ST .rgNumPart a:hover {
        background-position: 100% -1250px;
        color: #0e3d4f;
    }

        .RadGrid_ST .rgNumPart a:hover span {
            background-position: 0 -1150px;
            cursor: pointer;
        }

    .RadGrid_ST .rgNumPart a.rgCurrentPage {
        background-position: 100% -1450px;
        color: #0053a5;
    }

        .RadGrid_ST .rgNumPart a.rgCurrentPage:hover {
            background-position: 100% -1450px;
            color: #0053a5;
        }

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

.RadGrid_ST .rgHeader .rgSortAsc {
    background-position: 3px -247px;
    height: 10px;
}

.RadGrid_ST .rgHeader .rgSortDesc {
    background-position: 3px -197px;
    height: 10px;
}

.RadGrid_ST .rgCommandRow .rgPrev,
.RadGrid_ST .rgCommandRow .rgNext {
    padding: 0 10px;
    line-height: 20px;
    border-radius: 3px;
    border-color: #6e8aa8;
    color: #0d202b;
    background-color: #d7e2e7;
    background-image: linear-gradient(#e0e7ed, #c2d2dd 50%, #a3baca 50%, #d7e2e7);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.45);
    margin-right: 10px;
}

    .RadGrid_ST .rgCommandRow .rgPrev span,
    .RadGrid_ST .rgCommandRow .rgNext span {
        width: 10px;
        height: 10px;
        background-image: url('Common/radActionsSprite.png');
    }

    .RadGrid_ST .rgCommandRow .rgPrev:hover,
    .RadGrid_ST .rgCommandRow .rgNext:hover {
        border-color: #1c9fcc;
        color: #0e3d4f;
        background-color: #bee3f6;
        background-image: linear-gradient(#d4eaf8, #baddf4 50%, #9edaf2 50%, #bee3f6);
        box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.32);
    }

    .RadGrid_ST .rgCommandRow .rgPrev.rgDisabled:hover,
    .RadGrid_ST .rgCommandRow .rgNext.rgDisabled:hover {
        border-color: #6e8aa8;
        color: #0d202b;
        background-color: #d7e2e7;
        background-image: linear-gradient(#e0e7ed, #c2d2dd 50%, #a3baca 50%, #d7e2e7);
        box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.45);
    }

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

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

.GridReorderTop_ST {
    background: 0 0 no-repeat url('Grid/sprite.gif');
}

.GridReorderBottom_ST {
    background: 0 0 no-repeat url('Grid/sprite.gif');
    background-position: 0 -50px;
}

.RadGrid_ST .rgFilterRow {
    background: #dae2e8;
}

    .RadGrid_ST .rgFilterRow > td {
        border: 1px solid;
        border-top-width: 0;
        border-color: #dae2e8 #dae2e8 #a2b3c7;
    }

.RadGrid_ST .rgFilter {
    background-position: 0 -300px;
}

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

.RadGrid_ST .rgFilterActive {
    background-position: 0 -400px;
}

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

.RadGrid_ST .rgFiltered {
    background-position: 0 -325px;
}

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

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

.RadGrid_ST .rgFilterBox {
    border-color: #768ca5;
    font: 12px "Segoe UI", Arial, Helvetica, sans-serif;
    color: #000;
}

.RadGrid_ST .rgOptions {
    background: url('Common/radActionsSprite.png') -2.5px -2402.5px no-repeat;
}

.RadGrid_ST .rgOptSelected {
    background-position: -22.5px -2402.5px;
}

.RadMenu_ST .rgHCMClear, .RadMenu_ST .rgHCMFilter {
    border-color: #4e667e #476078 #425c71;
    background: #d7e2e7 center -23px repeat-x url('FormDecorator/ButtonSprites.gif');
    color: #0d202b;
    font-family: 'AvenirNextPro', sans-serif;
    border-radius: 2px;
}

    .RadMenu_ST .rgHCMClear:hover, .RadMenu_ST .rgHCMFilter:hover {
        border-color: #5d9fb7;
        background-position: center -67px;
        background-color: #bee3f6;
        color: #0e3d4f;
    }

.RadMenu_ST_Context .rgFilterApply,
.RadMenu_ST_Context .rgFilterCancel {
    background-image: url('Common/radGradientButtonSprite.png');
    border-color: #6e8aa8;
    color: #0d202b;
    background-color: #d7e2e7;
    background-image: linear-gradient(#e0e7ed, #c2d2dd 50%, #a3baca 50%, #d7e2e7);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.45);
    font-family: 'AvenirNextPro', sans-serif;
    font-size: 12px;
}

div.RadMenu_ST_Context .rlbGroup {
    border-color: #ffffff;
}

.GridContextMenu_ST .rmLeftImage {
    background-image: url('../Common/Grid/contextMenu.gif');
}

.GridContextMenu_ST .rgHCMSortAsc .rmLeftImage {
    background-position: 0 0;
}

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

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

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

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

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

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

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

.RadGrid_ST .rgGroupPanel {
    border: 0;
    border-bottom: 1px solid #3d556c;
    background: #dfeeff;
}

    .RadGrid_ST .rgGroupPanel td {
        border: 0;
        padding: 3px;
        vertical-align: middle;
    }

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

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

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

.RadGrid_ST .rgUngroup {
    background-position: 0 -6500px;
}

.RadGrid_ST .rgGroupItem {
    border: 1px solid #506175;
    background: #ebf7ff;
    color: #0053a5;
}

.RadGrid_ST .rgGroupHeader {
    background: #14171F;
    font-size: 1.1em;
    line-height: 21px;
    color: #fff;
}

    .RadGrid_ST .rgGroupHeader > td {
        padding: 0 8px;
    }

.RadGrid_ST td.rgGroupCol, .RadGrid_ST td.rgExpandCol {
    /*background: #14171F none;*/
    border-color: #14171F;
}

.RadGrid_ST tfoot .rgGroupCol,
html .RadGrid_ST .rgFooterWrapper .rgGroupCol {
    /*background: #14171F;*/
    border-color: #14171F;
    font-weight: bold;
}

.RadGrid_ST .rgExpand {
    background-position: 5px -496px;
}

.RadGrid_ST .rgCollapse {
    background-position: 3px -454px;
}

.RadGrid_ST .rgEditForm:not(.rgEditPopup) {
    border-bottom: 1px solid #768ca5;
}

.RadGrid_ST .rgUpdate {
    background-position: 0 -1800px;
}

.RadGrid_ST .rgCancel {
    background-position: 0 -1850px;
}

.RadGrid_ST .rgDetailTable {
    border-color: #14171F;
}

.RadGrid_ST .rgCommandRow {
    background: #495a70 0 -2099px repeat-x url('Grid/sprite.gif');
    color: #fff;
}

.RadGrid_ST .rgCommandCell {
    border: 1px solid #212f41;
    padding: 0;
}

.RadGrid_ST .rgCommandTable {
    border: 1px solid;
    border-color: #14171F;
}

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

.RadGrid_ST .rgCommandRow a {
    color: #fff;
    text-decoration: none;
}

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

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

.RadGrid_ST .rgEdit {
    background-position: 0 -1700px;
}

.RadGrid_ST .rgDel {
    background-position: 0 -1750px;
}

.RadGrid_ST .rgExpXLS, .RadGrid_ST .rgExpDOC, .RadGrid_ST .rgExpPDF, .RadGrid_ST .rgExpCSV {
    background-image: url('../Common/Grid/export.gif');
}

.RadGrid_ST .rgExpXLS {
    background-position: 0 0;
}

.RadGrid_ST .rgExpDOC {
    background-position: 0 -50px;
}

.RadGrid_ST .rgExpPDF {
    background-position: 0 -100px;
}

.RadGrid_ST .rgExpCSV {
    background-position: 0 -150px;
}

.rgCellSelectorArea_ST, .GridRowSelector_ST {
    background: #3d556c;
}

.GridItemDropIndicator_ST {
    border-top: 1px dashed #3d556c;
}

.GridToolTip_ST {
    border: 1px solid #768ca5;
    padding: 3px;
    background: #dae2e8;
    color: #000;
}

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

.RadGridRTL_ST .rgPageFirst {
    background-position: 0 -1000px;
}

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

.RadGridRTL_ST .rgPagePrev {
    background-position: 0 -850px;
}

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

.RadGridRTL_ST .rgPageNext {
    background-position: 0 -700px;
}

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

.RadGridRTL_ST .rgPageLast {
    background-position: 0 -550px;
}

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

.RadGridRTL_ST .rgExpand {
    background-position: -20px -496px;
}


/*RADGRID FOR MOBILE*/
.RadGrid_ST {
    min-width: fit-content;
}

    .RadGrid_ST table {
        border-collapse: collapse;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 100% !important;
    }

    .RadGrid_ST th {
        background-color: #eee;
        font-weight: bold;
    }

    /*Fixing situations*/
    .RadGrid_ST .rfdRealInput {
        position: initial !important;
    }

    .RadGrid_ST:focus {
        outline: none;
    }

/* Stack rows vertically on small screens */
@media (max-width: 55em) {
    .RadGrid_ST {
        border: 0 !important;
        padding-top: 10px;
    }

        .RadGrid_ST .rgMasterTable {
            display: block;
        }

        .RadGrid_ST thead tr {
            position: absolute;
            top: -9999em;
            left: -9999em;
        }

        .RadGrid_ST tbody > tr.rgRow,
        .RadGrid_ST tbody > tr.rgAltRow {
            border: 1px solid transparent;
            transition: all linear 0.15s
        }

            .RadGrid_ST tbody > tr.rgRow:active,
            .RadGrid_ST tbody > tr.rgRow:hover,
            .RadGrid_ST tbody > tr.rgRow:focus,
            .RadGrid_ST tbody > tr.rgAltRow:active,
            .RadGrid_ST tbody > tr.rgAltRow:hover,
            .RadGrid_ST tbody > tr.rgAltRow:focus {
                border: 1px solid #21A794;
            }

        .RadGrid_ST tr + tr,
        .RadGrid_ST .rgPager {
            margin-top: 0.5em;
        }

        .RadGrid_ST tbody > .rgRow,
        .RadGrid_ST tbody > .rgRow > td,
        .RadGrid_ST tbody > .rgAltRow,
        .RadGrid_ST tbody > .rgAltRow > td {
            display: block;
        }

        .RadGrid_ST tbody {
            width: 100% !important;
            display: inherit;
        }

            .RadGrid_ST tbody > tr > td {
                box-sizing: border-box;
                border-bottom: 1px solid transparent !important;
                border-left: 0 !important;
                border-top: 0 !important;
                border-right: 0 !important;
                /*padding-left: 20px;*/
                width: 100% !important;
                text-align: right;
            }


            .RadGrid_ST tbody .rgWrap.rgAdvPart {
                margin-top: 10px;
            }

            .RadGrid_ST tbody > .rgRow {
                background: #ecf0f1;
            }

                .RadGrid_ST tbody > .rgRow > td {
                    border-color: #14171F !important;
                }

            .RadGrid_ST tbody > .rgAltRow {
                background: #bdc3c7;
            }

                .RadGrid_ST tbody > .rgAltRow > td {
                    border-color: #14171F !important;
                }

        .RadGrid_ST .rgGroupHeader td {
            text-align: left;
        }

        .RadGrid_ST .rgRow td,
        .RadGrid_ST .rgAltRow td {
            text-align: right;
            position: relative;
        }

            .RadGrid_ST .rgRow td:before,
            .RadGrid_ST .rgAltRow td:before {
                content: attr(data-label);
                display: inline-block;
                font-weight: bold;
                left: 10px;
                position: absolute;
                top: 50%;
                transform: translate(0, -50%);
            }
}