.RadGrid_PG {
    border-color: #CFD8DC;
    color: #455A64;
    background-color: #ffffff;
    font-family: "Roboto", "Noto", sans-serif;
    line-height: 28px !important;
}

    .RadGrid_PG .t-button {
        padding: 7px 0px!important;
        border-radius: 90px;
        /*color: #607D8B;*/
        /*ADD*/
        background-color: transparent;
        border: none;
    }

        .RadGrid_PG .t-button:hover {
            border-color: #ECEFF1;
            color: #455A64;
            background-color: #ECEFF1;
            border-radius: 3px; /*built*/
        }

        .RadGrid_PG .t-button:active {
            border-color: #CFD8DC;
            color: #455A64;
            background-color: #CFD8DC;
        }

    .RadGrid_PG .rgHeader .t-button:hover,
    .RadGrid_PG .rgGroupItem .t-button:hover {
        background: none;
    }

    .RadGrid_PG .t-font-icon:before {
        font-family: "Material Icons", "FontAwesome";
        font-size: 18px;
    }

.rgDragIcon:before,
.rgPrintIcon:before,
.rgExpDOCIcon:before,
.rgExpXLSIcon:before,
.rgExpCSVIcon:before,
.rgExpPDFIcon:before {
    font-family: "WebComponentsIcons";
}

.rgSortDescIcon:before {
    content: "\e5db";
}

.rgSortAscIcon:before {
    content: "\e5d8";
}

.rgAddIcon:before {
    content: "\e145";
}

.rgRefreshIcon:before {
    content: "\e5d5";
}

.rgFilterIcon:before {
    content: "\e152";
}

.rgCollapseIcon:before {
    content: "\e5cf";
}

.rgExpandIcon:before {
    content: "\e5cc";
}

.rgOptionsIcon:before {
    content: "\e5d4";
}

.rgSaveIcon:before {
    content: "\e161";
}

.rgCancelIcon:before {
    content: "\e14c";
}

.rgEditIcon:before {
    content: "\e254";
}

.rgUpdateIcon:before {
    content: "\e876";
}

.rgUngroupIcon::before {
    content: "\e14c";
}

.rgPrevIcon:before {
    content: "\e314";
}

.rgNextIcon:before {
    content: "\e315";
}

.rgDelIcon:before {
    content: "\e10c";
}

/*.rgApproveIcon:before {
    content: "\e118";
}

.rgNumberingIcon:before {
    content: "\e613";
}*/
/*.RadGrid.rgHeader[scope='col'] {
    width: auto !important;
    overflow: unset !important;
}*/

.RadGrid_PG .t-text {
    font-family: 'isans-m' !important;
    font-size: 12px !important;
}
/***End:ADD**/
button .t-font-icon, button .t-text {
    display: inline-block !important;
}

.RadGrid button .t-font-icon{
    display:none;
}

/*.RadGrid .NextPrevAndNumeric button .t-font-icon{
    display:inline-block;
}*/

.RadGrid_PG .rgInput,
.RadGrid_PG .rgEditRow > td > [type="text"],
.RadGrid_PG .rgEditForm td > [type="text"],
.RadGrid_PG .rgBatchContainer > [type="text"],
.RadGrid_PG .rgFilterBox {
    border-color: #CFD8DC;
    color: #455A64;
    background-color: #fff; /*has changed*/
    padding: 0px 5px !important; /*has changed*/
    outline: none;
    border-radius: 3px;
}

    .RadGrid_PG .rgInput:hover,
    .RadGrid_PG .rgEditRow > td > [type="text"]:hover,
    .RadGrid_PG .rgEditForm td > [type="text"]:hover,
    .RadGrid_PG .rgBatchContainer > [type="text"]:hover,
    .RadGrid_PG .rgFilterBox:hover {
        border-color: #999; /*has changed*/
        box-shadow: none !important; /*built*/
        /*color: #455A64;
        background-color: transparent;*/ /*comment*/
    }

    .RadGrid_PG .rgInput:focus,
    .RadGrid_PG .rgEditRow > td > [type="text"]:focus,
    .RadGrid_PG .rgEditForm td > [type="text"]:focus,
    .RadGrid_PG .rgBatchContainer > [type="text"]:focus,
    .RadGrid_PG .rgFilterBox:focus {
        border-color: #66afe9 !important; /*has changed*/
        box-shadow: none !important; /*has changed*/
        /*color: #455A64;
        background-color: transparent;*/ /*comment*/
    }

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

.RadGrid_PG .rgBatchContainer {
    font-size: 1.077em;
}

    .RadGrid_PG .rgBatchContainer > [type="text"],
    .RadGrid_PG .rgBatchContainer .rfdCheckboxChecked,
    .RadGrid_PG .rgBatchContainer .rfdCheckboxUnchecked {
        margin-left: 13px;
    }

.RadGrid_PG .rgEditForm label {
    font-size: .857em;
    color: #607D8B;
    font-weight: 500;
    line-height: 1.66667;
    padding-top: 8px;
    padding-bottom: 8px;
}

.RadGrid_PG .rgEditForm td > [type="text"] {
    margin-left: 13px;
}

.RadGrid_PG .rgHeaderDiv {
    border-color: #CFD8DC;
}

.RadGrid_PG .rgHeader,
.RadGrid_PG th.rgResizeCol,
.RadGrid_PG .rgHeaderWrapper {
    border: 0;
    /*border-bottom: 1px solid #F44336 !important;*/ /*has changed*/
    background-color: #f3f3f3;
    /*padding: 8px 3px !important; /*has changed*/ 
    border-left: none !important; /*built*/
}

    .RadGrid_PG .rgHeader, .RadGrid_PG .rgHeader a {
        font-family: 'isans-m' !important /*built*/
    }

.RadGrid_PG .rgHeader {
    font-size: 13px; /*has changed*/
    font-weight: 500;
    line-height: 1.66667;
    padding: 10px 8px 10px 8px !important
}

    .RadGrid_PG .rgHeader .t-button {
        font-size: 1.167em;
        line-height: 1.42857;
    }

    .RadGrid_PG .rgHeader,
    .RadGrid_PG .rgHeader a {
        color: #333;
    }

.RadGrid_PG .rgMultiHeaderRow .rgHeader,
.RadGrid_PG .rgMultiHeaderRow .rgResizeCol {
    border-left: 1px solid #CFD8DC;
}

.RadGrid_PG th.rgSorted,
.RadGrid_PG th.rgSorted a,
.RadGrid_PG th.rgSorted button {
    color: #263238;
}

.RadGrid_PG .rgEditRow,
.RadGrid_PG .rgFilterRow,
.RadGrid_PG .rgGroupHeader {
    height: 47px;
    height: calc(1.42857em + 27px);
}

    .RadGrid_PG .rgFilterRow > td {
        border: 0;
        border-bottom: 1px solid #ffd9d6 !important; /*has changed*/
        /*padding: 5px 15px !important;*/ /*has changed*/
        padding: 5px 3px 5px 15px !important /*has changed*/;
    }

    .RadGrid_PG .rgFilterRow .rgFilterBox { /*Add*/
        width: 100%;
    }

.RadGrid_PG .rgRow,
.RadGrid_PG .rgAltRow,
.RadGrid_PG .rgEditRow {
    height: 47px;
    height: calc(1.53846em + 20px); /*has changed*/
    font-size: 13px; /*has changed*/
    line-height: 1.53846;
}

    .RadGrid_PG .rgRow > td,
    .RadGrid_PG .rgAltRow > td,
    .RadGrid_PG .rgEditRow > td {
        border: 0;
        border-left: none !important; /*built*/
        border-bottom: 1px solid #f7f7f7 !important; /*built*/
        padding: 5px 8px !important; /*has changed*/
    }

    /*Add*/
    .rtl .RadGrid_PG .rgRow > td,
    .rtl .RadGrid_PG .rgAltRow > td,
    .rtl .RadGrid_PG .rgEditRow > td {
        text-align:right!important;
    }

    /*Add*/
    .ltr .RadGrid_PG .rgRow > td,
    .ltr .RadGrid_PG .rgAltRow > td,
    .ltr .RadGrid_PG .rgEditRow > td {
        text-align:left!important;
    }

    .RadGrid_PG .rgRow .rgDragIcon,
    .RadGrid_PG .rgRow .t-button,
    .RadGrid_PG .rgAltRow .rgDragIcon,
    .RadGrid_PG .rgAltRow .t-button,
    .RadGrid_PG .rgEditRow .rgDragIcon,
    .RadGrid_PG .rgEditRow .t-button {
        font-size: 1.077em;
        line-height: 1.42857;
    }

    .RadGrid_PG .rgRow .t-ripple-container,
    .RadGrid_PG .rgAltRow .t-ripple-container,
    .RadGrid_PG .rgEditRow .t-ripple-container {
        margin: -1px 0 0 -1px;
    }

.RadGrid_PG .rgBatchCurrent {
    padding-left: 2px;
}

.RadGrid_PG .rgEditForm {
    border-bottom: 1px solid #CFD8DC;
    padding: 8px;
}

.RadGrid_PG .rgActiveRow td:not(.rgExpandCol) {
    box-shadow: inset 0px 5px 5px -5px transparent, inset 0px -5px 5px -5px transparent;
}

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

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

.RadGrid_PG .rgActiveCell {
    box-shadow: inset 0 0 5px transparent;
}

.RadGrid_PG .rgRow > td > a,
.RadGrid_PG .rgAltRow > td > a,
.RadGrid_PG .rgFooter > td > a,
.RadGrid_PG .rgEditForm > td > a,
.RadGrid_PG .rgEditRow > td > a,
.RadGrid_PG .rgHoveredRow > td > a {
    color: #2196F3; /*changed*/
    text-decoration: none;
}

.RadGrid_PG .rgMasterTable .rgSelectedCell,
.RadGrid_PG .rgSelectedRow {
    background-color: #E1F5FE;
    color: #455A64;
}

    .RadGrid_PG .rgSelectedCell > a,
    .RadGrid_PG .rgSelectedRow > td > a {
        color: #03A9F4;
    }

.RadGrid_PG .rgHoveredRow {
    background-color: #ECEFF1;
    color: #455A64;
}

.RadGrid_PG .rgEditRow {
    background: #edf6e3;
    color: #455A64;
}

.RadGrid_PG .rgDeletedRow > td {
    border-color: #a3b4bc;
    color: #455A64;
}

    .RadGrid_PG .rgDeletedRow > td a {
        color: #455A64;
    }

.RadGrid_PG .rgBatchOverlay {
    background: rgba(207, 216, 220, 0.75);
}

.RadGrid_PG .rgBatchUndoDeleteButton {
    padding: 7px 13px;
    border-radius: 0;
    border-color: #CFD8DC;
    color: #455A64;
    background-color: #f4f7f8;
}

    .RadGrid_PG .rgBatchUndoDeleteButton:hover {
        border-color: #ECEFF1;
        color: #455A64;
        background-color: #ECEFF1;
    }

.RadGrid_PG .rgBatchUndoDeleteIcon:before {
    content: "\e166";
}

.RadGrid_PG .rgDrag {
    background-image: url('/_SiteCommon/Images/loading_small.gif') !important;
}

.RadGrid_PG .rgFooterWrapper {
    border-top: 1px solid #CFD8DC;
}

.RadGrid_PG .rgFooter {
    font-size: .857em;
    font-weight: 500;
    line-height: 1.66667;
    height: 47px;
    height: calc(1.66667em + 27px);
}

    .RadGrid_PG .rgFooter td {
        border-bottom: 1px solid #CFD8DC;
        padding: 5px 15px;
        border-right: none !important;
        border-left: none !important;
    }

    .RadGrid_PG .rgFooter .rgGroupCol {
        border-bottom-color: #CFD8DC;
    }

    .RadGrid_PG .rgFooter,
    .RadGrid_PG .rgFooter a {
        color: #607D8B;
    }

.RadGrid_PG tfoot .rgFooter .rgGroupCol {
    background-color: #ffffff;
    box-shadow: none;
}

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

.RadGrid_PG .rgStatus div {
    background-image: url('/_SiteCommon/Images/loading_small.gif') !important;
}

.RadGrid_PG .rgPagerCell {
    color: #455A64;
    padding: 5px;
    border-color: #CFD8DC;
    font-size: 13px; /*built*/
}

    .RadGrid_PG .rgPagerCell .rgIcon:before {
        font-family: "WebComponentsIcons";
    }

    .RadGrid_PG .rgPagerCell .rgAdvPart {
        line-height: inherit;
    }
    
    /*Add*/
    .rtl .RadGrid_PG .rgPagerCell .rgNumPart {
        padding-top: 6px;
    }


    .RadGrid_PG .rgPagerCell .rgNumPart a {
        color: #ffffff;
    }

        .RadGrid_PG .rgPagerCell .rgNumPart a .t-ripple {
            border-radius: 90px;
        }

    .RadGrid_PG .rgPagerCell .rgPagerButton {
        border: 0 none;
        background-color: #f4f7f8;
        color: #455A64;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.2);
    }

    .RadGrid_PG .rgPagerCell .rgActionButton {
        border-radius: 90px;
    }

        .RadGrid_PG .rgPagerCell .rgActionButton:hover {
            border-color: #ECEFF1;
            color: #455A64;
            background-color: #ECEFF1;
        }

    .RadGrid_PG .rgPagerCell .rgNumPart a {
        color: #455A64;
        text-align: center;
        border-width: 0;
        padding: 8px 12px 8px 8px; /*has changed*/
        min-width: 1.42857em;
    }

        .RadGrid_PG .rgPagerCell .rgNumPart a:hover {
            border-color: #ECEFF1;
            color: #455A64;
            background-color: #ECEFF1;
            border-radius: 90px;
        }

        .RadGrid_PG .rgPagerCell .rgNumPart a.rgCurrentPage {
            border-bottom: 2px solid #2196F3;
            color: #2196F3;
            background: none;
            border-radius: 0;
            margin-bottom: -5px;
            padding-bottom: 11px;
        }

    .RadGrid_PG .rgPagerCell .RadInput,
    .RadGrid_PG .rgPagerCell .RadComboBox,
    .RadGrid_PG .rgPagerCell .RadDropDownList {
        min-width: 90px;
    }

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

    .RadGrid_PG .rgPagerCell .rgPagerButton {
        border-color: #CFD8DC;
        color: #455A64;
        background-color: #f4f7f8;
        padding: 8px 13px;
        border-radius: 0;
    }

        .RadGrid_PG .rgPagerCell .rgPagerButton:hover {
            border-color: #ECEFF1;
            color: #455A64;
            background-color: #ECEFF1;
        }

    .RadGrid_PG .rgPagerCell .rgInfoPart,
    .RadGrid_PG .rgPagerCell .rgSliderLabel,
    .RadGrid_PG .rgPagerCell .rgPagerLabel {
        font-size: .957em; /*has changed*/
        color: #607D8B;
        font-weight: 500;
        line-height: 1.66667;
        /*padding-top: 8px;
        padding-bottom: 8px;*/ /*comment*/
        padding: 8px 5px; /*built*/
        position: relative; /*built*/
        top: 4px; /*built*/
    }

.RadGridRTL .rgInfoPart {
    top: 8px !important;
    direction: ltr;
    float:right!important;
}

.ltr .rgInfoPart {
    top: 8px !important;
    float: left !important;
}

.RadGrid_PG .rgPagerCell .rgInfoPart strong,
.RadGrid_PG .rgPagerCell .rgSliderLabel strong,
.RadGrid_PG .rgPagerCell .rgPagerLabel strong {
    font-weight: 500;
    font-size: 1.167em;
    line-height: 1.42857;
    color: #455A64;
}

.RadGrid_PG .rgPagerCell .RadSlider {
    margin: 7px 0;
}

.GridReorderTop_PG,
.GridReorderBottom_PG {
    color: #03A9F4;
}

.RadGrid_PG .rgGroupPanel {
    padding: 5px;
    border-color: #CFD8DC;
    font-size: 1.143em;
    font-weight: 500;
    line-height: 36px;
    line-height: calc(1.25em + 16px);
}

    .RadGrid_PG .rgGroupPanel,
    .RadGrid_PG .rgGroupPanel caption { /*has changed*/
        /*background: #8BC34A;*/ /*comment*/
        background: #fff;
        color: #333;
        font-size: 13px;
        border-bottom: 1px solid #e2e2e2 !important;
    }

.RadGrid_PG .rgGroupItem {
    border-color: #358ed7; /*has changed*/
    color: #ffffff;
    background-color: #358ed7; /*has changed*/
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.2);
    text-transform: uppercase;
    padding: 8px 13px;
    font-size: 0.875em;
    margin: 0 2px; /*built*/
}

    .RadGrid_PG .rgGroupItem .t-button {
        color: inherit;
        position: relative;
        z-index: 10;
    }

.RadGrid_PG .rgGroupHeader {
    background-color: #f4f7f8;
    color: #455A64;
}

    .RadGrid_PG .rgGroupHeader td {
        padding-left: 0;
        border-bottom: 1px solid #CFD8DC;
    }

    .RadGrid_PG .rgGroupHeader .t-ripple-container {
        margin: -1px 0 0 -1px;
    }

.RadGrid_PG .rgGroupHeaderText {
    font-size: .929em;
    line-height: 1.53846;
    font-weight: 500;
}

.RadGrid_PG td.rgGroupCol,
.RadGrid_PG td.rgExpandCol {
    background-color: #f4f7f8;
    border-color: #f4f7f8;
    color: #455A64;
}

.RadGrid_PG .rgCollapse {
    color: #263238;
}

.RadGrid_PG .rgMasterTable {
    border-collapse: collapse;
    background-color: #fff; /*built*/
}

.RadGrid_PG .rgGroupHeader .rgGroupCol + .rgGroupCol {
    border-left: 1px solid #cfd8dc;
}

.RadGrid_PG .rgGroupCol:empty {
    box-shadow: none !important;
}

.RadGrid_PG .rgGroupHeader .rgGroupCol,
.RadGrid_PG .rgGroupHeader .rgGroupCol + td {
    box-shadow: 0 -1px 0 #cfd8dc;
}

.RadGrid_PG .rgFilter .t-ripple-container {
    margin: -1px 0 0 -1px;
}

.RadGrid_PG .rgFilterActive {
    color: #03A9F4;
}

.RadGrid_PG .rgFiltered {
    color: #263238;
}

.RadGrid_PG .rgGroupCol {
    box-shadow: -1px 0 0 #CFD8DC inset;
}

.RadGrid_PG .rgDetailTable {
    border-color: #CFD8DC;
}

.RadGrid_PG .rgCommandCell {
    padding: 0;
    border-color: #CFD8DC;
    color: #455A64;
    background-color: #f4f7f8;
}

    .RadGrid_PG .rgCommandCell .t-button {
        padding: 13px;
        border-radius: 0;
        border: 0 none;
    }

        .RadGrid_PG .rgCommandCell .t-button:hover {
            border-color: #ECEFF1;
            color: #455A64;
            background-color: #ECEFF1;
        }

        .RadGrid_PG .rgCommandCell .t-button:active {
            border-color: #CFD8DC;
            color: #455A64;
            background-color: #CFD8DC;
        }

.GridContextMenu_PG .rmGroup span.rmIcon {
    margin-left: -2px;
}

.GridContextMenu_PG .rmContent .rgHCMClear,
.GridContextMenu_PG .rmContent .rgHCMFilter {
    color: #8BC34A;
    padding: 8px;
    border: 0 none;
    background: none;
}

    .GridContextMenu_PG .rmContent .rgHCMClear:hover,
    .GridContextMenu_PG .rmContent .rgHCMFilter:hover {
        color: #8BC34A;
        background-color: rgba(139, 195, 74, 0.12);
    }

.GridContextMenu_PG .rgHCMShow,
.GridContextMenu_PG .rgHCMAnd {
    font-size: .857em;
    color: #607D8B;
    font-weight: 500;
    line-height: 1.66667;
    padding-top: 8px;
    padding-bottom: 8px;
}

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

.GridContextMenu_PG span.rgHCMSortAscsIcon:before,
.GridContextMenu_PG span.rgHCMSortDescIcon:before,
.GridContextMenu_PG span.rgHCMUnsortIcon:before,
.GridContextMenu_PG span.rgHCMGroupIcon:before,
.GridContextMenu_PG span.rgHCMUngroupIcon:before {
    font-family: "WebComponentsIcons";
}

.GridContextMenu_PG .rgHCMColsIcon:before {
    content: "\e8f3";
}

.GridContextMenu_PG .rgHCMFilterIcon:before {
    content: "\e152";
}

.RadMenu_Material_Context .rgFilterApply,
.RadMenu_Material_Context .rgFilterCancel {
    padding: 8px 13px;
    border: 0 none;
    border-color: #CFD8DC;
    color: #455A64;
    background-color: #f4f7f8;
}

    .RadMenu_Material_Context .rgFilterApply:hover,
    .RadMenu_Material_Context .rgFilterCancel:hover {
        border-color: #ECEFF1;
        color: #455A64;
        background-color: #ECEFF1;
    }

.GridToolTip_PG {
    background-color: #455A64;
    color: #ffffff;
    border-color: #455A64;
    padding: 4px;
}

/*@media (max-width:768px){
    .RadGrid_PG .rgHeader {
        border: none !important;
    }
}*/


/* Add(icon pager for render mode mobile)  */
@media (max-width:768px) {
    .rgPager .rgPageNext, .rgPager .rgPageLast, .rgPager .rgPageFirst, .rgPager .rgPagePrev {
        transform: rotate(180deg);
    }

    .rtl .RadGrid_PG .rgPagerCell .NextPrevAndNumeric{
        float:right;
        text-align:right;
    }

    .ltr .RadGrid_PG .rgPagerCell .NextPrevAndNumeric {
        float: left;
        text-align: left;
    }
}