.RadGrid_Metro {
    border-color: #cac7c7;
    color: #333;
    background-color: #eae9e9;
    border-radius: 4px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif
}

    .RadGrid_Metro .rgHeader {
        background: #e0dfdf
    }

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

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

    .RadGrid_Metro .rgInput, .RadGrid_Metro .rgEditRow > td > [type="text"], .RadGrid_Metro .rgEditForm td > [type="text"], .RadGrid_Metro .rgBatchContainer > [type="text"], .RadGrid_Metro .rgFilterBox {
        border-color: #608190;
        color: #333;
        background-color: #eae9e9;
        padding: 6px 12px;
        border-radius: 4px
    }

        .RadGrid_Metro .rgInput:hover, .RadGrid_Metro .rgEditRow > td > [type="text"]:hover, .RadGrid_Metro .rgEditForm td > [type="text"]:hover, .RadGrid_Metro .rgBatchContainer > [type="text"]:hover, .RadGrid_Metro .rgFilterBox:hover {
            border-color: #47606b;
            color: #333;
            background-color: #0eaaf7
        }

        .RadGrid_Metro .rgInput:active, .RadGrid_Metro .rgInput:focus, .RadGrid_Metro .rgEditRow > td > [type="text"]:active, .RadGrid_Metro .rgEditRow > td > [type="text"]:focus, .RadGrid_Metro .rgEditForm td > [type="text"]:active, .RadGrid_Metro .rgEditForm td > [type="text"]:focus, .RadGrid_Metro .rgBatchContainer > [type="text"]:active, .RadGrid_Metro .rgBatchContainer > [type="text"]:focus, .RadGrid_Metro .rgFilterBox:active, .RadGrid_Metro .rgFilterBox:focus {
            border-color: #0876a6;
            color: #333;
            background-color: #0da8f5
        }

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

.RadGrid_Metro .rgEdit, .RadGrid_Metro .rgDel {
    text-indent: 0
}

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

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

.RadGrid_Metro .rgHeader, .RadGrid_Metro th.rgResizeCol, .RadGrid_Metro .rgHeaderWrapper, .RadGrid_Metro .rgMultiHeaderRow th.rgHeader, .RadGrid_Metro .rgMultiHeaderRow th.rgResizeCol {
    border: 0;
    border-bottom: 1px solid #cac7c7;
    border-left: 1px solid #cac7c7
}

.RadGrid_Metro .rgHeader, .RadGrid_Metro th.rgResizeCol, .RadGrid_Metro .rgHeaderWrapper {
    background-color: #0a8df9
}

.RadGrid_Metro .rgHeaderDiv {
    border-right: 1px solid #cac7c7
}

.RadGrid_Metro .rgHeaderWrapper {
    border-bottom: 1px solid #cac7c7
}

.RadGrid_Metro .rgHeader, .RadGrid_Metro .rgHeader a {
    color: #333
}

.RadGrid_Metro .rgRow > td, .RadGrid_Metro .rgAltRow > td, .RadGrid_Metro .rgEditRow > td, .RadGrid_Metro .rgFooter > td, .RadGrid_Metro .rgFilterRow > td, .RadGrid_Metro .rgHeader, .RadGrid_Metro .rgResizeCol, .RadGrid_Metro .rgGroupHeader td {
    padding-left: 15px;
    padding-right: 15px
}

.RadGrid_Metro .rgRow, .RadGrid_Metro .rgAltRow, .RadGrid_Metro .rgEditRow, .RadGrid_Metro .rgFooter, .RadGrid_Metro .rgGroupHeader {
    height: 40px;
    height: calc(1.4285714286em + 20px)
}

    .RadGrid_Metro .rgRow > td, .RadGrid_Metro .rgAltRow > td, .RadGrid_Metro .rgFooter > td {
        border-color: #cac7c7
    }

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

    .RadGrid_Metro .rgAltRow > td {
        background-color: #e4e2e2;
        color: #333
    }

    .RadGrid_Metro .rgAltRow .rgSorted {
        background-color: #d7d5d5
    }

    .RadGrid_Metro .rgAltRow.rgHoveredRow .rgSorted {
        background-color: #13bcf7
    }

.RadGrid_Metro .rgActiveRow td:not(.rgExpandCol) {
    box-shadow: inset 0px 5px 5px -5px #05425d,inset 0px -5px 5px -5px #05425d
}

.RadGrid_Metro .rgActiveRow td:first-child:not(.rgExpandCol), .RadGrid_Metro .rgActiveRow .rgExpandCol + td {
    box-shadow: inset 0px 5px 5px -5px #05425d,inset 0px -5px 5px -5px #05425d,inset 5px 0px 5px -5px #05425d
}

.RadGrid_Metro .rgActiveRow td:not(.rgExpandCol):last-child {
    box-shadow: inset 0px 5px 5px -5px #05425d,inset 0px -5px 5px -5px #05425d,inset -5px 0px 5px -5px #05425d
}

.RadGrid_Metro .rgActiveCell {
    box-shadow: inset 0 0 5px #05425d
}

.RadGrid_Metro .rgHoveredRow > td {
    background: #058df5;
    color: #f6f7f6
}

.RadGrid_Metro .rgEditRow {
    background: rgba(202,199,199,0.75);
    color: #333
}

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

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

.RadGrid_Metro .rgBatchOverlay {
    background: rgba(202,199,199,0.75)
}

.RadGrid_Metro .rgBatchUndoDeleteButton {
    border-color: #608190;
    color: #090909;
    background-color: #9ab1bc
}

    .RadGrid_Metro .rgBatchUndoDeleteButton:hover {
        border-color: #47606b;
        color: #090909;
        background-color: #7b99a8
    }

.RadGrid_Metro .rgBatchContainer {
    margin: -9px 0px
}

.RadGrid_Metro .rgSorted {
    background-color: #8cb8cb
}

.RadGrid_Metro .rgMasterTable .rgSelectedCell, .RadGrid_Metro .rgSelectedRow td, .RadGrid_Metro td.rgEditRow .rgSelectedRow, .RadGrid_Metro .rgSelectedRow td.rgSorted {
    color: #fff;
    background: #07658e;
    border-color: #fff
}

.RadGrid_Metro .rgSelectedRow.rgHoveredRow {
    background: #07658e
}

.RadGrid_Metro .rgSelectedCell a, .RadGrid_Metro .rgSelectedRow a {
    color: #fff
}

.RadGrid_Metro .rgFooterWrapper, .RadGrid_Metro .rgFooter {
    background: #e0dfdf
}

.RadGrid_Metro .rgFooterWrapper {
    border-top: 1px solid #cac7c7
}

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

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

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

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

.RadGrid_Metro .rgPagerCell {
    color: #333;
    background: #e0dfdf;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    border-color: #cac7c7
}

    .RadGrid_Metro .rgPagerCell .rgNumPart a, .RadGrid_Metro .rgPagerCell .rgPagerButton, .RadGrid_Metro .rgPagerCell .rgActionButton {
        border-width: 1px;
        border-style: solid;
        box-sizing: content-box;
        border-color: #608190;
        color: #090909;
        background-color: #9ab1bc;
        padding-top: 6px;
        padding-bottom: 6px
    }

        .RadGrid_Metro .rgPagerCell .rgNumPart a:hover, .RadGrid_Metro .rgPagerCell .rgPagerButton:hover, .RadGrid_Metro .rgPagerCell .rgActionButton:hover {
            border-color: #47606b;
            color: #090909;
            background-color: #7b99a8
        }

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

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

        .RadGrid_Metro .rgPagerCell .rgNumPart a.rgCurrentPage {
            border-color: #135908;
            color: #fff;
            background-color: #18700a
        }

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

    .RadGrid_Metro .rgPagerCell .rgPageLast {
        border-radius: 0 .2857142857em .2857142857em 0
    }

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

    .RadGrid_Metro .rgPagerCell .NumericPages .rgNumPart a:last-child {
        border-radius: 0 .2857142857em .2857142857em 0
    }

    .RadGrid_Metro .rgPagerCell .rgActionButton {
        box-sizing: content-box
    }

    .RadGrid_Metro .rgPagerCell .rgPagerButton {
        border-radius: .2857142857em
    }

.RadGrid_Metro .rgGroupPanel {
    border-bottom: 1px solid #cac7c7;
    background: #e0dfdf
}

.RadGrid_Metro .rgGroupItem {
    padding: 6px;
    border-radius: 4px;
    border: 1px solid #cac7c7;
    color: #333
}

.RadGrid_Metro .rgGroupHeader td {
    border-bottom: 1px solid #cac7c7;
    background: #e6e5e5
}

.RadGrid_Metro .rgGroupHeader .rgGroupCol {
    border-bottom-width: 0
}

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

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

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

.RadGrid_Metro .rgFooter .rgGroupCol, .RadGrid_Metro .rgFooter .rgGroupCol ~ td {
    border-bottom: 1px solid #cac7c7
}

.RadGrid_Metro td.rgGroupCol {
    background: #e6e5e5 !important
}

.RadGrid_Metro .rgFilterRow > td {
    border-bottom: 1px solid #cac7c7
}

.RadGrid_Metro .rgFilterBox {
    border-radius: 4px 0 0 4px
}

.RadGrid_Metro .rgFilter {
    border-color: #608190;
    margin-left: -1px;
    border-radius: 0 4px 4px 0;
    background-color: #9ab1bc;
    padding: 6px
}

    .RadGrid_Metro .rgFilter:hover, .RadGrid_Metro .rgFilter:focus {
        border-color: #47606b;
        color: #090909;
        background-color: #7b99a8
    }

.RadGrid_Metro .rgFilterActive, .RadGrid_Metro .rgFilterActive:hover, .RadGrid_Metro .rgFilterActive:focus {
    border-color: #47606b;
    color: #090909;
    background-color: #7b99a8;
    box-shadow: inset 0 0 6px rgba(165,165,165,0.5)
}

.RadGrid_Metro .rgFiltered {
    border-color: #135908;
    color: #fff;
    background-color: #18700a
}

    .RadGrid_Metro .rgFiltered:hover, .RadGrid_Metro .rgFiltered:focus {
        border-color: #072003;
        color: #fff;
        background-color: #0e4106
    }

    .RadGrid_Metro .rgFiltered.rgFilterActive {
        border-color: #000;
        color: #fff;
        background-color: #0e4106
    }

.RadGrid_Metro .rgFilterRow .riTextBox {
    border-radius: .2857142857em 0 0 .2857142857em
}

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

.RadGrid_Metro .rgOptions {
    color: #333
}

.RadGrid_Metro .rgOptSelected {
    color: #18700a
}

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

.RadGrid_Metro .rgEditFormContainer table {
    padding-left: 10px
}

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

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

.RadGrid_Metro .rgEditFormContainer {
    padding: 12px 0
}

    .RadGrid_Metro .rgEditFormContainer .rgUpdate {
        margin-left: .7142857143em
    }

    .RadGrid_Metro .rgEditFormContainer .rgUpdate, .RadGrid_Metro .rgEditFormContainer .rgCancel {
        background-color: #9ab1bc;
        border-color: #608190;
        border-radius: .2857142857em
    }

        .RadGrid_Metro .rgEditFormContainer .rgUpdate:hover, .RadGrid_Metro .rgEditFormContainer .rgCancel:hover {
            background-color: #7b99a8
        }

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

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

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

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

        .RadGrid_Metro .rgEditForm [type="image"]:hover {
            background: #7b99a8
        }

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

.RadGrid_Metro .rgDetailTable {
    border-color: #cac7c7
}

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

.RadGrid_Metro .rgFooter .rgExpandCol {
    border-left-width: 0
}

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

.RadGrid_Metro .rgCommandCell {
    border-color: #cac7c7;
    color: #333;
    background-color: #e0dfdf
}

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

        .RadGrid_Metro .rgCommandCell .t-button:hover {
            border-color: #47606b;
            color: #090909;
            background-color: #7b99a8
        }

        .RadGrid_Metro .rgCommandCell .t-button:focus, .RadGrid_Metro .rgCommandCell .t-button:active {
            border-color: #47606b;
            color: #090909;
            background-color: #7b99a8
        }

.RadGrid_Metro .rgCommandCell {
    border-color: #cac7c7
}

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

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

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

.GridContextMenu_Metro .rgHCMClear, .GridContextMenu_Metro .rgHCMFilter {
    font-size: 1em;
    height: 2.4285714286em;
    border-color: #608190;
    color: #090909;
    background-color: #9ab1bc;
    border-radius: .2857142857em
}

    .GridContextMenu_Metro .rgHCMClear:hover, .GridContextMenu_Metro .rgHCMFilter:hover {
        border-color: #47606b;
        color: #090909;
        background-color: #7b99a8
    }

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

.GridContextMenu .rgFilterMenu div.rmContent, .GridContextMenu .rgFilterListMenu div.rmContent {
    padding-right: 8px;
    box-sizing: content-box;
    overflow: auto;
}
.GridContextMenu_Metro .rgHCMClear, .GridContextMenu_Metro .rgHCMFilter {
    font-size: 1em;
    height: 1.75em;
    border-color: #e0e0e0;
    color: #f9f9f9 !important;
    background-color: #25a0da !important;
    border-radius: 0;
}
.RadListBox.rlbFixedHeight .rlbGroup {
    height: 100%;
    width: 200px !important;
    overflow: auto;
}
.GridContextMenu .rgFilterMenu div.rmContent, .GridContextMenu .rgFilterListMenu div.rmContent {
    padding-right: 1px;
    max-width: 20em !important;
    box-sizing: content-box;
    overflow: auto;
}