


/*-------------------*/



.RadGrid_Dasof {
    border: 1px solid;
    border-color: #e3e3e3;
    color: #333333;
    background-color: #ffffff;
    font-family: "Segoe UI", Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 16px;
}

    .RadGrid_Dasof .rgMasterTable,
    .RadGrid_Dasof .rgDetailTable,
    .RadGrid_Dasof .rgGroupPanel table,
    .RadGrid_Dasof .rgCommandRow table,
    .RadGrid_Dasof .rgEditForm table,
    .RadGrid_Dasof .rgPager table {
        font-family: "Segoe UI", Arial, Helvetica, sans-serif;
        font-size: 12px;
        line-height: 16px;
    }

    .RadGrid_Dasof .rgInput {
        background-color: #ffffff;
        border: 1px solid #cdcdcd;
        color: #333333;
    }


.FirstColumnVisible .rgHeader:first-child,
.FirstColumnVisible th.rgResizeCol:first-child,
.FirstColumnVisible .rgFilterRow > td:first-child,
.FirstColumnVisible .rgRow > td:first-child,
.FirstColumnVisible .rgAltRow > td:first-child {
    display: table-cell !important;
}


.GridToolTip_Dasof {
    font-family: "Segoe UI", Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 16px;
}

.RadGrid_Dasof .rgSave,
.RadGrid_Dasof .rgAdd,
.RadGrid_Dasof .rgRefresh,
.RadGrid_Dasof .rgEdit,
.RadGrid_Dasof .rgDel,
.RadGrid_Dasof .rgFilter,
.RadGrid_Dasof .rgPagePrev,
.RadGrid_Dasof .rgPageNext,
.RadGrid_Dasof .rgPageFirst,
.RadGrid_Dasof .rgPageLast,
.RadGrid_Dasof .rgExpand,
.RadGrid_Dasof .rgCollapse,
.RadGrid_Dasof .rgSortAsc,
.RadGrid_Dasof .rgSortDesc,
.RadGrid_Dasof .rgUpdate,
.RadGrid_Dasof .rgCancel,
.RadGrid_Dasof .rgUngroup,
.RadGrid_Dasof .rgExpXLS,
.RadGrid_Dasof .rgExpDOC,
.RadGrid_Dasof .rgExpPDF,
.RadGrid_Dasof .rgExpCSV {
    background-image: url('Grid/sprite.gif');
}

.RadGrid_Dasof .rgHeaderDiv {
    background: #eeeeee 0 -7550px repeat-x url('Grid/sprite.gif');
}

/*header*/
.rgTwoLines .rgHeaderDiv {
    background-position: 0 -7050px;
}

.rgHeaderWrapper .rgHeaderDiv {
    border-color: #d1d1d1;
}

.RadGrid_Dasof .rgHeader, .RadGrid_Dasof th.rgResizeCol,
.RadGrid_Dasof .rgHeaderWrapper {
    border: 0;
    border-bottom: 1px solid #828282;
    background: #eaeaea 0 -2300px repeat-x url('Grid/sprite.gif');
}

.RadGrid_Dasof .rgMultiHeaderRow .rgHeader,
.RadGrid_Dasof .rgMultiHeaderRow .rgResizeCol {
    border-left: 1px solid #828282;
}

.RadGrid_Dasof th.rgSorted {
    background-color: #c4c4c4;
    background-position: 0 -2600px;
}

.RadGrid_Dasof .rgHeader {
    color: white;
    background: #0a2857;
    font-weight: bold !important;
}

    .RadGrid_Dasof .rgHeader a {
        color: #333;
    }

.RadGrid_Dasof .rgRow > td,
.RadGrid_Dasof .rgAltRow > td,
.RadGrid_Dasof .rgEditRow > td,
.RadGrid_Dasof .rgFooter > td {
    border-style: solid;
    border-width: 0 0 1px 0;
}

.RadGrid_Dasof .rgRow > td {
    border-color: #fff;
}

.RadGrid_Dasof .rgAltRow {
    background: no-repeat;
}

    .RadGrid_Dasof .rgAltRow > td {
        border-color: white;
    }

.RadGrid_Dasof .rgRow .rgSorted {
    border-bottom-color: #f2f2f2;
    background-color: #f2f2f2;
}

.RadGrid_Dasof .rgAltRow .rgSorted {
    border-bottom-color: #e6e6e6;
    background-color: #e6e6e6;
}

.RadGrid_Dasof .rgSelectedRow .rgSorted,
.RadGrid_Dasof .rgActiveRow .rgSorted,
.RadGrid_Dasof .rgHoveredRow .rgSorted,
.RadGrid_Dasof .rgEditRow .rgSorted {
    background-color: transparent;
}

.RadGrid_Dasof .rgRow a,
.RadGrid_Dasof .rgAltRow a,
.RadGrid_Dasof .rgEditRow a {
    color: #000;
}

.RadGrid_Dasof tr.rgEditRow a, .RadGrid_Dasof tr.rgHoveredRow a, .RadGrid_Dasof tr.rgActiveRow a {
    color: #000;
}

.RadGrid_Dasof .rgFooter a,
.RadGrid_Dasof .rgEditForm a {
    color: #000;
}

.RadGrid_Dasof .rgMasterTable .rgSelectedCell,
.RadGrid_Dasof .rgSelectedRow {
    background: #828282 0 -3900px repeat-x url('Grid/sprite.gif') !important;
    color: #fff;
}

    * + html .RadGrid_Dasof .rgSelectedRow .rgSorted, * html .RadGrid_Dasof .rgSelectedRow .rgSorted {
        background-color: #828282;
    }

    .RadGrid_Dasof .rgSelectedCell a,
    .RadGrid_Dasof .rgSelectedRow a {
        color: #fff;
    }

.RadGrid_Dasof .rgMasterTable .rgActiveCell,
.RadGrid_Dasof .rgActiveRow,
.RadGrid_Dasof .rgHoveredRow { /*background: #c5c5c5 0 -2900px repeat-x url('Grid/sprite.gif');
    color: #333;*/
    background: rgba(217, 217, 217, 0.90) !important;
    color: #333333;
}

.RadGrid_Dasof .rgSelectedRow:hover {
    background: rgba(86, 86, 86, 0.4) !important;
    color: #333;
}

* + html .RadGrid_Dasof .rgActiveRow .rgSorted,
* + html .RadGrid_Dasof .rgHoveredRow .rgSorted {
    background-color: #c5c5c5;
}

* html .RadGrid_Dasof .rgActiveRow .rgSorted,
* html .RadGrid_Dasof .rgHoveredRow .rgSorted {
    background-color: #c5c5c5;
}

.RadGrid_Dasof .rgEditRow {
    background: white 0 -4900px repeat-x url('Grid/sprite.gif');
    color: #333;
}

    * + html .RadGrid_Dasof .rgEditRow .rgSorted, * html .RadGrid_Dasof .rgEditRow .rgSorted {
        background-color: #fff;
    }

.RadGrid_Dasof .rgActiveRow > td,
.RadGrid_Dasof .rgHoveredRow > td {
    border-bottom-color: #9e9e9e;
}

    .RadGrid_Dasof .rgActiveRow > td.rgSorted,
    .RadGrid_Dasof .rgHoveredRow > td.rgSorted {
        border-bottom-color: #9e9e9e;
    }

.RadGrid_Dasof .rgSelectedRow > td {
    border-bottom-color: #6c6c6c;
}

    .RadGrid_Dasof .rgSelectedRow > td.rgSorted {
        border-bottom-color: #6c6c6c;
    }

.RadGrid_Dasof .rgEditRow {
    background: rgba(160, 160, 160, 0.75);
    color: #333333;
}

.RadGrid_Dasof .rgBatchOverlay {
    background: rgba(160, 160, 160, 0.75);
}

.RadGrid_Dasof .rgDeletedRow.rgHoveredRow > td {
    border-bottom-color: transparent;
}

.RadGrid_Dasof .rgBatchUndoDeleteButton {
    padding: 0 7px 0 0;
    left: 7px;
    border: 1px solid;
    border-color: #cdcdcd;
    color: #333333;
    background-color: #e6e6e6;
    background-image: linear-gradient(white, #e6e6e6);
    border-radius: 4px;
}

    .RadGrid_Dasof .rgBatchUndoDeleteButton:before {
        vertical-align: -7px;
        background-image: url('Common/radActionsSprite.png');
        background-position: 0px -2380px;
        background-repeat: no-repeat;
    }

    .RadGrid_Dasof .rgBatchUndoDeleteButton:hover {
        border-color: #aaaaaa;
        color: #000000;
        background-color: #c3c3c3;
        background-image: linear-gradient(#dddddd, #c3c3c3);
    }

        .RadGrid_Dasof .rgBatchUndoDeleteButton:hover:before {
            background-position: -20px -2380px;
        }

.RadGrid_Dasof .rgDrag {
    background-image: url('Grid/rgDrag.gif');
}

.RadGrid_Dasof .rgFooterDiv,
.RadGrid_Dasof .rgFooter {
    background: #eee;
}

.RadGrid_Dasof .rgFooterWrapper {
    background: #eee;
    border-top: 1px solid #828282;
    border-bottom: 1px solid #fff;
}

.RadGrid_Dasof .rgFooter > td {
    border-top: 1px solid #828282;
    border-bottom: 1px solid #fff;
}

.RadGrid_Dasof .rgFooterWrapper .rgFooter > td {
    border-bottom: 0;
}

.RadGrid_Dasof .rgPager .rgStatus {
    border: 1px solid;
    border-color: #828282 #c9c9c9 #eee #c9c9c9;
    border-left-width: 0;
}

.RadGrid_Dasof .rgStatus div {
    background-image: url('Common/loading_small.gif');
}

.RadGrid_Dasof td.rgPagerCell {
    border: 1px solid;
    border-color: #828282 #eee #eee;
    border-right-width: 0;
}

.RadGrid_Dasof .rgInfoPart {
    color: #656565;
}

    .RadGrid_Dasof .rgInfoPart strong {
        color: #4c4e54;
    }

.RadGrid_Dasof .rgPageFirst {
    background-position: 0 -550px;
}

    .RadGrid_Dasof .rgPageFirst:hover {
        background-position: 0 -600px;
    }

.RadGrid_Dasof .rgPagePrev {
    background-position: 0 -700px;
}

    .RadGrid_Dasof .rgPagePrev:hover {
        background-position: 0 -750px;
    }

.RadGrid_Dasof .rgPageNext {
    background-position: 0 -850px;
}

    .RadGrid_Dasof .rgPageNext:hover {
        background-position: 0 -900px;
    }

.RadGrid_Dasof .rgPageLast {
    background-position: 0 -1000px;
}

    .RadGrid_Dasof .rgPageLast:hover {
        background-position: 0 -1050px;
    }

.RadGrid_Dasof .rgPager .rgPagerButton {
    border-color: #d0d0d0 #aeaeae #8b8b8b;
    background: #e8e8e8 repeat-x 0 -1550px url('Grid/sprite.gif');
    color: #000;
    font-family: "segoe ui",arial,sans-serif;
}

.RadGrid_Dasof .rgNumPart a {
    color: #000;
}

    .RadGrid_Dasof .rgNumPart a:hover, .RadGrid_Dasof .rgNumPart a.rgCurrentPage {
        background: no-repeat url('Grid/sprite.gif');
    }

        .RadGrid_Dasof .rgNumPart a:hover span, .RadGrid_Dasof .rgNumPart a.rgCurrentPage span {
            background: no-repeat url('Grid/sprite.gif');
        }

    .RadGrid_Dasof .rgNumPart a:hover {
        background-position: 100% -1250px;
    }

        .RadGrid_Dasof .rgNumPart a:hover span {
            background-position: 0 -1150px;
        }

    .RadGrid_Dasof .rgNumPart a.rgCurrentPage {
        background-position: 100% -1450px;
    }

        .RadGrid_Dasof .rgNumPart a.rgCurrentPage:hover {
            background-position: 100% -1450px;
        }

            .RadGrid_Dasof .rgNumPart a.rgCurrentPage span, .RadGrid_Dasof .rgNumPart a.rgCurrentPage:hover span {
                background-position: 0 -1350px;
            }

.RadGrid_Dasof .rgHeader .rgSortAsc {
    background-position: 3px -248px;
    height: 10px;
}

.RadGrid_Dasof .rgHeader .rgSortDesc {
    background-position: 3px -198px;
    height: 10px;
}

.RadGrid_Dasof .rgCommandRow .rgPrev,
.RadGrid_Dasof .rgCommandRow .rgNext {
    padding: 0 10px;
    line-height: 20px;
    border-radius: 3px;
    border-color: #cdcdcd;
    color: #333333;
    background-color: #e6e6e6;
    background-image: linear-gradient(white, #e6e6e6);
    margin-right: 10px;
}

    .RadGrid_Dasof .rgCommandRow .rgPrev span,
    .RadGrid_Dasof .rgCommandRow .rgNext span {
        width: 10px;
        height: 10px;
        background-image: url('Common/radActionsSprite.png');
    }

    .RadGrid_Dasof .rgCommandRow .rgPrev:hover,
    .RadGrid_Dasof .rgCommandRow .rgNext:hover {
        border-color: #aaaaaa;
        color: #000000;
        background-color: #c3c3c3;
        background-image: linear-gradient(#dddddd, #c3c3c3);
    }

    .RadGrid_Dasof .rgCommandRow .rgPrev.rgDisabled:hover,
    .RadGrid_Dasof .rgCommandRow .rgNext.rgDisabled:hover {
        border-color: #cdcdcd;
        color: #333333;
        background-color: #e6e6e6;
        background-image: linear-gradient(white, #e6e6e6);
    }

.RadGrid_Dasof .rgPrev span {
    margin-right: 10px;
    background-position: -5px -45px;
}

.RadGrid_Dasof .rgNext span {
    margin-left: 10px;
    background-position: -5px -65px;
}

.GridReorderTop_Dasof {
    background: 0 0 no-repeat url('Grid/sprite.gif');
}

.GridReorderBottom_Dasof {
    background: 0 0 no-repeat url('Grid/sprite.gif');
    background-position: 0 -50px;
}

.RadGrid_Dasof .rgFilterRow {
    background: #eee;
}

    .RadGrid_Dasof .rgFilterRow > td {
        border-bottom: 1px solid #828282;
    }

.RadGrid_Dasof .rgFilter {
    background-position: 0 -300px;
}

    .RadGrid_Dasof .rgFilter:hover {
        background-position: 0 -350px;
    }

.RadGrid_Dasof .rgFilterActive {
    background-position: 0 -400px;
}

    .RadGrid_Dasof .rgFilterActive:hover {
        background-position: 0 -400px;
    }

.RadGrid_Dasof .rgFiltered {
    background-position: 0 -325px;
}

    .RadGrid_Dasof .rgFiltered:hover {
        background-position: 0 -375px;
    }

    .RadGrid_Dasof .rgFiltered.rgFilterActive {
        background-position: 0 -425px;
    }

.RadGrid_Dasof .rgFilterBox {
    border-color: #8e8e8e #c9c9c9 #c9c9c9 #8e8e8e;
    font-family: "segoe ui",arial,sans-serif;
    color: #333;
}

.RadGrid_Dasof .rgOptions {
    background: url('Common/radActionsSprite.png') -2.5px -2402.5px no-repeat;
}

.RadGrid_Dasof .rgOptSelected {
    background-position: -22.5px -2402.5px;
}

.RadMenu_Dasof .rgHCMClear,
.RadMenu_Dasof .rgHCMFilter {
    border-color: #d0d0d0 #a8a8a8 #8b8b8b;
    background: #e8e8e8 center -23px repeat-x url('FormDecorator/ButtonSprites.gif');
    color: #000;
    font-family: "segoe ui",arial,sans-serif;
}

    .RadMenu_Dasof .rgHCMClear:hover,
    .RadMenu_Dasof .rgHCMFilter:hover {
        border-color: #d1d1d1 #b9b9b9 #a3a3a3;
        background-position: center -67px;
        background-color: #e5e5e5;
    }

.RadMenu_Dasof_Context .rgFilterApply,
.RadMenu_Dasof_Context .rgFilterCancel {
    border-color: #cdcdcd;
    color: #333333;
    background-color: #e6e6e6;
    background-image: linear-gradient(white, #e6e6e6);
    font-family: "Segoe UI", Arial, Helvetica, sans-serif;
    font-size: 12px;
}

div.RadMenu_Dasof_Context .rlbGroup {
    border-color: #eeeeee;
}

.GridContextMenu_Dasof .rmLeftImage {
    background-image: url('../Common/Grid/contextMenu.gif');
}

.GridContextMenu_Dasof .rgHCMSortAsc .rmLeftImage {
    background-position: 0 0;
}

.GridContextMenu_Dasof .rgHCMSortDesc .rmLeftImage {
    background-position: 0 -40px;
}

.GridContextMenu_Dasof .rgHCMUnsort .rmLeftImage {
    background-position: 0 -80px;
}

.GridContextMenu_Dasof .rgHCMGroup .rmLeftImage {
    background-position: 0 -120px;
}

.GridContextMenu_Dasof .rgHCMUngroup .rmLeftImage {
    background-position: 0 -160px;
}

.GridContextMenu_Dasof .rgHCMCols .rmLeftImage {
    background-position: 0 -200px;
}

.GridContextMenu_Dasof .rgHCMFilter .rmLeftImage {
    background-position: 0 -240px;
}

.GridContextMenu_Dasof .rgHCMUnfilter .rmLeftImage {
    background-position: 0 -280px;
}

/*grouping*/
.RadGrid_Dasof .rgGroupPanel {
    border: 0;
    border-bottom: 1px solid #828282;
    background: #eeeeee 0 -1900px repeat-x url('Grid/sprite.gif');
}

    .RadGrid_Dasof .rgGroupPanel td {
        border: 0;
        padding: 3px 4px;
    }

        .RadGrid_Dasof .rgGroupPanel td td {
            padding: 0;
        }

    .RadGrid_Dasof .rgGroupPanel .rgSortAsc {
        background-position: 4px -144px;
    }

    .RadGrid_Dasof .rgGroupPanel .rgSortDesc {
        background-position: 4px -94px;
    }

.RadGrid_Dasof .rgUngroup {
    background-position: 0 -6998px;
}

.RadGrid_Dasof .rgGroupItem {
    border: 1px solid;
    border-color: #c4c4c4 #c4c4c4 #9e9e9e;
    background: #c6c6c6 0 -6500px repeat-x url('Grid/sprite.gif');
}

.RadGrid_Dasof .rgMasterTable td.rgGroupCol, .RadGrid_Dasof .rgMasterTable td.rgExpandCol {
    border-color: #d9d9d9;
    background: #d9d9d9 none;
}

html .RadGrid_Dasof .rgFooterWrapper .rgGroupCol {
    background: #eaeaea;
}

.RadGrid_Dasof .rgGroupHeader {
    background: #d9d9d9;
    font-size: 1.1em;
    line-height: 21px;
    color: #000;
}

    .RadGrid_Dasof .rgGroupHeader td {
        border-top: 1px solid #828282;
        border-bottom: 1px solid #d9d9d9;
    }

        .RadGrid_Dasof .rgGroupHeader td.rgGroupCol {
            border-top-color: #828282;
        }

.RadGrid_Dasof .rgExpand {
    background-position: 5px -496px;
}

.RadGrid_Dasof .rgCollapse {
    background-position: 3px -454px;
}

.RadGrid_Dasof .rgEditForm {
    border-bottom: 1px solid #828282;
}

.RadGrid_Dasof .rgUpdate {
    background-position: 0 -1800px;
}

.RadGrid_Dasof .rgCancel {
    background-position: 0 -1850px;
}

.RadGrid_Dasof .rgDetailTable {
    border-color: #828282;
}

.RadGrid_Dasof .rgCommandRow {
    background: #c5c5c5 0 -2099px repeat-x url('Grid/sprite.gif');
    color: #000;
}

.RadGrid_Dasof .rgCommandCell {
    border: 1px solid;
    border-color: #999 #f2f2f2;
    border-top-width: 0;
    padding: 0;
}

.RadGrid_Dasof tfoot .rgCommandCell,
.RadGrid_Dasof .rgMasterTable > tbody > tr.rgCommandRow .rgCommandCell {
    border-top-width: 1px;
    border-bottom-width: 0;
}

.RadGrid_Dasof .rgCommandTable {
    border: 0;
    border-top: 1px solid #fdfdfd;
    border-bottom: 1px solid #e7e7e7;
}

    .RadGrid_Dasof .rgCommandTable td {
        border: 0;
        padding: 2px 7px;
    }

.RadGrid_Dasof .rgCommandRow a {
    color: #000;
    text-decoration: none;
}

.RadGrid_Dasof .rgSave {
    background-position: 0 -1825px;
    height: 18px;
    width: 18px;
}

.RadGrid_Dasof .rgAdd {
    margin-right: 3px;
    background-position: 0 -1650px;
}

.RadGrid_Dasof .rgRefresh {
    margin-right: 3px;
    background-position: 0 -1600px;
}

.RadGrid_Dasof .rgEdit {
    background-position: 0 -1700px;
}

.RadGrid_Dasof .rgDel {
    background-position: 0 -1750px;
}

.RadGrid_Dasof .rgSelected .rgDel {
    background-position: 0 -1775px;
}

.RadGrid_Dasof .rgExpXLS,
.RadGrid_Dasof .rgExpDOC,
.RadGrid_Dasof .rgExpPDF,
.RadGrid_Dasof .rgExpCSV {
    background-image: url('../Common/Grid/export.gif');
}

.RadGrid_Dasof .rgExpXLS {
    background-position: 0 0;
}

.RadGrid_Dasof .rgExpDOC {
    background-position: 0 -50px;
}

.RadGrid_Dasof .rgExpPDF {
    background-position: 0 -100px;
}

.RadGrid_Dasof .rgExpCSV {
    background-position: 0 -150px;
}

/*editing*/
/*hierarchy*/
/*command row*/
/*multirow select*/
.rgCellSelectorArea_Dasof,
.GridRowSelector_Dasof {
    background: #4c4e54;
}

/*row drag n drop*/
.GridItemDropIndicator_Dasof {
    border-top: 1px dashed #666;
}

/*tooltip*/
.GridToolTip_Dasof {
    border: 1px solid #828282;
    padding: 3px;
    background: #fff;
    color: #333;
}

.RadGridRTL_Dasof .rgPageFirst {
    background-position: 0 -1000px;
}

    .RadGridRTL_Dasof .rgPageFirst:hover {
        background-position: 0 -1050px;
    }

.RadGridRTL_Dasof .rgPagePrev {
    background-position: 0 -850px;
}

    .RadGridRTL_Dasof .rgPagePrev:hover {
        background-position: 0 -900px;
    }

.RadGridRTL_Dasof .rgPageNext {
    background-position: 0 -700px;
}

    .RadGridRTL_Dasof .rgPageNext:hover {
        background-position: 0 -750px;
    }

.RadGridRTL_Dasof .rgPageLast {
    background-position: 0 -550px;
}

    .RadGridRTL_Dasof .rgPageLast:hover {
        background-position: 0 -600px;
    }

.RadGridRTL_Dasof .rgExpand {
    background-position: -20px -496px;
}

.RadGrid .rgRow > td, .RadGrid .rgAltRow > td, .RadGrid .rgEditRow > td, .RadGrid .rgFooter > td, .RadGrid .rgGroupHeader > td { /*border-bottom:1px solid !important;
    border-bottom-color:#dedcdc !important;*/
}

.RadGrid .rgHeader, .RadGrid .rgRow > td, .RadGrid .rgAltRow > td, .RadGrid .rgEditRow > td, .RadGrid .rgFooter > td {
    border-right-width: 0 !important;
    border-left-width: 0 !important;
}


/*** SORTED ***/
.RadGrid_Dasof th.rgSorted {
    background: #004665;
}

.RadGrid_Dasof .rgHeader a {
    color: #FFF;
}

.RadGrid_Dasof .rgAltRow .rgSorted,
.RadGrid_Dasof .rgRow .rgSorted {
    background: rgba(0, 0, 0, 0.06);
    border-bottom: none;
    color: #333;
}

.RadGrid_Dasof .rgSelectedRow > td.rgSorted {
    border-bottom: none;
    background: rgba(234, 234, 234, 0.76);
}

.RadGrid_Dasof .rgAltRow {
    background-color: #efefef;
}

.gridContainer {
    overflow: auto;
}

/*CUSTOM DASOF*/
.RadGrid_Dasof .row .col-header {
    display: none;
}

@media(max-width: 1024px) {
    .RadGrid_Dasof {
        border: none !important;
    }

        .RadGrid_Dasof thead {
            display: none;
        }

        /*BACKGROUND*/
        .RadGrid_Dasof .rgAltRow {
            background: none;
        }

        .RadGrid_Dasof .row .col-header {
            display: block;
            background-color: #004665;
        }

            .RadGrid_Dasof .row .col-header span {
                color: white;
                font-weight: 400;
            }

        /*PADDING*/
        .RadGrid_Dasof .rgRow > td,
        .RadGrid_Dasof .rgAltRow > td,
        .RadGrid_Dasof .rgRow > td:first-child, .RadGrid_Dasof
        .rgAltRow > td:first-child {
            display: block;
            padding: 0px 15px !important;
        }

        .RadGrid_Dasof .row div {
            padding: 3px 15px;
        }

        /*BORDERS*/
        .RadGrid_Dasof .rgRow > td, .RadGrid_Dasof .rgAltRow > td {
            border-style: solid !important;
            border-color: #EFEFEF !important;
            border-left-width: 1px !important;
            border-right-width: 1px !important;
        }

            .RadGrid_Dasof .rgRow > td:first-child, .RadGrid_Dasof .rgAltRow > td:first-child {
                border-top-width: 1px !important;
                border-left-width: 1px !important;
            }

            .RadGrid_Dasof .rgRow > td:last-child, .RadGrid_Dasof .rgAltRow > td:last-child {
                border-bottom-width: 1px !important;
                margin-bottom: 5px !important;
            }

        .RadGrid_Dasof .rgSelectedRow > td div:last-child {
            background-color: darkgray;
        }

        .RadGrid_Dasof .rgMasterTable .rgSelectedCell,
        .RadGrid_Dasof .rgSelectedRow,
        .RadGrid_Dasof td.rgEditRow .rgSelectedRow,
        .RadGrid_Dasof .rgSelectedRow td.rgSorted {
            background-color: white;
        }

        .RadGrid_Dasof td.rgPagerCell {
            border-width: 1px;
        }
}

@media(max-width: 576px) {
    .RadGrid_Dasof .row .col-header {
        background-color: white;
    }

        .RadGrid_Dasof .row .col-header span {
            color: black;
            font-weight: 500;
            font-size: 12px;
        }

    .RadGrid_Dasof .rgSelectedRow .row .col-header {
        background-color: darkgray;
    }
}

@media(max-width: 768px) {
    .RadGrid_Dasof .rgPagerCell .rgInfoPart,
    .RadGrid_Dasof .rgPagerCell .NextPrevAndNumeric .rgAdvPart, .RadGrid .rgPagerCell .NextPrevNumericAndAdvanced .rgAdvPart {
        width: 100% !important;
    }

    .RadGrid_Dasof .rgPagerCell .rgWrap {
        float: none !important;
        display: inline-block !important;
    }

    .RadGrid_Dasof td.rgPagerCell {
        text-align: center !important;
    }

    .RadGrid_Dasof .rgPagerCell .NextPrevAndNumeric {
        display: inline-block !important;
    }
}
