.RadGrid_CnMaterial {
    border-color: var(--border-color-ctrl);
    color: var(--color-ctrl_grid-default);
    background-color: var(--bg-color-ctrl_grid);
    /*border-radius: 4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;*/
}
.RadGrid .rgHeader.rgSorted .t-button{
    padding:2px !important;
}
.RadGrid_CnMaterial .t-button {
    padding: 6px !important;
    border-radius: 4px;
    color: var(--color-ctrl-hover);
}
    .RadGrid_CnMaterial .t-button.t-button-meg-command {
        padding: 6px 12px 6px 12px !important;
    }

        .RadGrid_CnMaterial .t-button:hover {
            border-color: var(--border-color-ctrl-hover);
            color: var(--color-ctrl-hover);
            background-color: var(--bg-color-ctrl-hover);
        }

        .RadGrid_CnMaterial .t-button:active {
            border-color: var(--border-color-ctrl-hover);
            color: var(--color-ctrl-hover);
            background-color: var(--bg-color-ctrl-hover);
        }

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

    .RadGrid_CnMaterial .t-font-icon:before {
        /*font-family: "Material Icons" !important;*/
        font-size: var(--font-icon-size) !important;
    }
.RadGrid .rgPagerCell .rgPagePrev .rgIcon:before {
    content: "\e5de";
}
    .RadGrid_CnMaterial .rgDragIcon:before,
    .RadGrid_CnMaterial .rgPrintIcon:before,
    .RadGrid_CnMaterial .rgExpDOCIcon:before,
    .RadGrid_CnMaterial .rgExpXLSIcon:before,
    .RadGrid_CnMaterial .rgExpCSVIcon:before,
    .RadGrid_CnMaterial .rgExpPDFIcon:before {
        font-family: "WebComponentsIcons";
    }

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

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

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

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

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

.RadGrid_CnMaterial .rgCollapseIcon:before {
    content: "\e5cf" !important;
    font-family: var(--font-icons) !important;
}

.RadGrid_CnMaterial .rgExpandIcon:before {
    content: "\e5cc" !important;
    font-family: var(--font-icons) !important;
}

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

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

.RadGrid_CnMaterial .rgDelIcon:before,
.RadGrid_CnMaterial .rgCancelIcon:before {
    content: "\e14c";
}

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

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

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

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

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

.RadGrid_CnMaterial .rgInput,
.RadGrid_CnMaterial .rgEditRow > td > [type="text"],
.RadGrid_CnMaterial .rgEditForm td > [type="text"],
.RadGrid_CnMaterial .rgBatchContainer > [type="text"],
.RadGrid_CnMaterial .rgFilterBox {
    border-color: var(--border-color-ctrl-default);
    color: var(--color-main_text);
    background-color: transparent;
    padding: 8px 0 7px 8px !important;
    outline: none;
    border-width: 1px 1px 2px 1px !important;
    background-color: var(--bg-color-ctrl-default) !important;
    line-height: var(--line-height) !important;
}

    .RadGrid_CnMaterial .rgInput:hover,
    .RadGrid_CnMaterial .rgEditRow > td > [type="text"]:hover,
    .RadGrid_CnMaterial .rgEditForm td > [type="text"]:hover,
    .RadGrid_CnMaterial .rgBatchContainer > [type="text"]:hover,
    .RadGrid_CnMaterial .rgFilterBox:hover {
        border-color: #90A4AE;
        color: var(--color-main_text);
        background-color: transparent;
    }

    .RadGrid_CnMaterial .rgInput:focus,
    .RadGrid_CnMaterial .rgEditRow > td > [type="text"]:focus,
    .RadGrid_CnMaterial .rgEditForm td > [type="text"]:focus,
    .RadGrid_CnMaterial .rgBatchContainer > [type="text"]:focus,
    .RadGrid_CnMaterial .rgFilterBox:focus {
        border-bottom-color: var(--border-color-ctrl-focus);
        color: var(--color-main_text);
        background-color: #f5f5f5;
        /*box-shadow: 0 -1px 0 var(--border-color-ctrl-focus) inset;*/
    }

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

/*.RadGrid_CnMaterial .rgBatchContainer {
    font-size: 1.077em;
}*/

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

.RadGrid_CnMaterial .rgBatchContainer .rfdCheckboxChecked {

}*/

.RadGrid_CnMaterial .rgEditForm label {
    color: var(--color-main_text);
    font-weight: var(--font-bold);
    line-height: 1.6666666667;
    padding-top: 8px;
    padding-bottom: 8px;
}

.RadGrid_CnMaterial .rgEditForm td > [type="text"] {
    margin-left: 13px;
}
#CommunicationPanel .RadGrid_CnMaterial .rgEditForm td > [type="text"],
#rgMemberStatePanel .RadGrid_CnMaterial .rgEditForm td > [type="text"],
.conversionmanagerpanel .RadGrid_CnMaterial .rgEditForm td > [type="text"],
#PersonStatePanel .RadGrid_CnMaterial .rgEditForm td > [type="text"] {
    margin-left: 0px;
}
#CommunicationPanel .RadGrid_CnMaterial .rgEditForm input,
#rgMemberStatePanel .RadGrid_CnMaterial .rgEditForm input,
.conversionmanagerpanel .RadGrid_CnMaterial .rgEditForm input,
#PersonStatePanel .RadGrid_CnMaterial .rgEditForm input {
    margin-right: 5px;
}
#CommunicationPanel .RadGrid_CnMaterial .rgEditForm td,
#rgMemberStatePanel .RadGrid_CnMaterial .rgEditForm td,
.conversionmanagerpanel .RadGrid_CnMaterial .rgEditForm td,
#PersonStatePanel .RadGrid_CnMaterial .rgEditForm td {
    padding-bottom: 8px;
}
#CommunicationPanel .RadGrid_CnMaterial .rgEditForm tr td:first-child,
#rgMemberStatePanel .RadGrid_CnMaterial .rgEditForm tr td:first-child,
.conversionmanagerpanel .RadGrid_CnMaterial .rgEditForm tr td:first-child,
#PersonStatePanel .RadGrid_CnMaterial .rgEditForm tr td:first-child {
    font-weight:500;
}

#TeamPanel .RadGrid_CnMaterial .rgRow td,
#TeamPanel .RadGrid_CnMaterial .rgAltRow td {
    padding-bottom: 5px;
    padding-top: 5px;
}
.RadGrid_CnMaterial .rgHeaderDiv {
    border-color: var(--border-color-ctrl);
}

.RadGrid_CnMaterial .rgHeader,
.RadGrid_CnMaterial th.rgResizeCol,
.RadGrid_CnMaterial .rgHeaderWrapper {
    border: 0;
    border-bottom: 1px solid var(--border-color-ctrl) !important;
    padding: 13px 15px;
}

.RadGrid_CnMaterial .rgHeader {
    font-weight: var(--font-bold) !important;
    /*line-height: 1.6666666667;*/
    background-color: var(--bg-color-ctrl_grid-head);
}
.RadGrid_CnMaterial .rgAltRow {
    background-color: var(--bg-color-ctrl_grid-row-alt);
}
.RadGrid_CnMaterial .rgHeader .t-button {
    line-height: 1.4285714286;
}

    .RadGrid_CnMaterial .rgHeader,
    .RadGrid_CnMaterial .rgHeader a {
        color: var(--color-main_text);
    }

.RadGrid_CnMaterial .rgMultiHeaderRow .rgHeader,
.RadGrid_CnMaterial .rgMultiHeaderRow .rgResizeCol {
    border-left: 1px solid var(--border-color-ctrl);
}

.RadGrid_CnMaterial .rgSorted {
    background-color: var(--bg-color-ctrl_grid-col-sorted);
    opacity: .9;
}
.RadGrid_CnMaterial th.rgSorted,
.RadGrid_CnMaterial th.rgSorted a,
.RadGrid_CnMaterial th.rgSorted button {
    color: var(--color-ctrl_grid-default);
}

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

.RadGrid_CnMaterial .rgFilterRow > td {
    border: 0;
    border-bottom: 1px solid var(--border-color-ctrl);
    padding: 5px 15px;
}

.RadGrid_CnMaterial .rgRow,
.RadGrid_CnMaterial .rgAltRow,
.RadGrid_CnMaterial .rgEditRow {
    height: 40px !important;
    height: calc(1.5384615385em + 22px);
    line-height: 1.5384615385;
}

    .RadGrid_CnMaterial .rgRow > td,
    .RadGrid_CnMaterial .rgAltRow > td,
    .RadGrid_CnMaterial .rgEditRow > td {
        border: 0;
        border-bottom: 1px solid var(--border-color-ctrl) !important;
        padding: 5px 13px;
    }
        .RadGrid_CnMaterial .rgRow > td.rgGroupCol,
        .RadGrid_CnMaterial .rgAltRow > td.rgGroupCol,
        .RadGrid_CnMaterial .rgEditRow > td.rgGroupCol {
            border: 0;
            border-bottom: 1px solid var(--bg-color-main-three) !important;
            padding: 5px 13px;
        }
.RadGrid_CnMaterial .rgRow .rgDragIcon,
.RadGrid_CnMaterial .rgRow .t-button,
.RadGrid_CnMaterial .rgAltRow .rgDragIcon,
.RadGrid_CnMaterial .rgAltRow .t-button,
.RadGrid_CnMaterial .rgEditRow .rgDragIcon,
.RadGrid_CnMaterial .rgEditRow .t-button {
    line-height: 1.4285714286;
}

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

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

.RadGrid_CnMaterial .rgEditForm {
    border-bottom: 1px solid var(--border-color-ctrl);
    padding: 8px;
}

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

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

.RadGrid_CnMaterial .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_CnMaterial .rgActiveCell {
    box-shadow: inset 0 0 5px transparent;
}

.RadGrid_CnMaterial .rgRow > td > a,
.RadGrid_CnMaterial .rgAltRow > td > a,
.RadGrid_CnMaterial .rgFooter > td > a,
.RadGrid_CnMaterial .rgEditForm > td > a,
.RadGrid_CnMaterial .rgEditRow > td > a,
.RadGrid_CnMaterial .rgHoveredRow > td > a {
/*    color: #8BC34A;*/
    /*text-decoration: none;*/
}

.RadGrid_CnMaterial .rgMasterTable .rgSelectedCell,
.RadGrid_CnMaterial .rgSelectedRow {
    background-color: var(--bg-color-ctrl_grid-row-selected);
    color: var(--color-main_text);
}

    .RadGrid_CnMaterial .rgSelectedCell > a,
    .RadGrid_CnMaterial .rgSelectedRow > td > a {
        color: var(--color-main_text);
    }

.RadGrid_CnMaterial .rgHoveredRow {
    background-color: var(--bg-color-ctrl_grid-row-hover);
    background-image: linear-gradient(var(--bg-color-ctrl_grid-row-hover),var(--bg-color-ctrl_grid-row-hover));
    color: var(--color-ctrl_grid-default);
}

.RadGrid_CnMaterial .rgEditRow {
    background: #edf6e3;
    color: var(--color-ctrl_grid-default);
}
.RadGrid_CnMaterial .rgPager {
    background-color: var(--bg-color-ctrl_grid-head);
}
.RadGrid_CnMaterial .rgDeletedRow > td {
    border-color: #a3b4bc;
    color: var(--color-ctrl_grid-default);
}

    .RadGrid_CnMaterial .rgDeletedRow > td a {
        color: var(--color-ctrl_grid-default);
    }

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

.RadGrid_CnMaterial .rgBatchUndoDeleteButton {
    padding: 7px 13px;
    border-radius: 0;
    border-color: var(--border-color-ctrl);
    color: var(--color-main_text);
    background-color: var(--bg-color-main-three);
}

    .RadGrid_CnMaterial .rgBatchUndoDeleteButton:hover {
        border-color: var(--border-color-main-three);
        color: var(--color-main_text);
        background-color: var(--bg-color-main-three);
    }

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

.RadGrid_CnMaterial .rgDrag {
    background-image: url(" ");
}

.RadGrid_CnMaterial .rgFooterWrapper {
    border-top: 1px solid var(--border-color-ctrl-default);
    background-color: var(--bg-color-ctrl_grid-foot);
}
.rgHeaderWrapper .rgHeaderDiv {
    border-color: #ccc !important;
}
.RadGrid_CnMaterial .rgFooter {
    font-weight: var(--font-bold);
    line-height: 1.6666666667;
    height: 47px;
    height: calc(1.6666666667em + 27px);
}

    .RadGrid_CnMaterial .rgFooter td {
        border-bottom: 1px solid var(--border-color-ctrl) !important;
        padding: 5px 15px;
        background-color: var(--bg-color-main-second);
    }

.RadGrid_CnMaterial .rgFooter .rgGroupCol {
    border-bottom-color: var(--border-color-ctrl) !important;
}

    .RadGrid_CnMaterial .rgFooter,
    .RadGrid_CnMaterial .rgFooter a {
        color: var(--color-ctrl_grid-default);
    }

.RadGrid_CnMaterial tfoot .rgFooter .rgGroupCol {
    background-color: var(--bg-color-ctrl_grid-head);
    box-shadow: none;
}

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

.RadGrid_CnMaterial .rgStatus div {
    background-image: url(" ");
}

.RadGrid_CnMaterial .rgPagerCell {
    color: var(--color-main_text);
    padding: 5px;
    border-color: var(--border-color-ctrl);
}

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

.RadGrid_CnMaterial .rgPagerCell .rgAdvPart {
    line-height: inherit;
}

    .RadGrid_CnMaterial .rgPagerCell .rgNumPart a {
        color: var(--color-main_text-light);
    }

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

    .RadGrid_CnMaterial .rgPagerCell .rgPagerButton {
        border: 0 none;
        background-color: var(--bg-color-main-three);
        color: var(--color-main_text);
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.2);
    }

.RadGrid_CnMaterial .rgPagerCell .rgActionButton {
    padding:6px !important;
}

    .RadGrid_CnMaterial .rgPagerCell .rgNumPart a {
        text-align: center;
        padding: 6px !important;
        min-width: 1.4285714286em;
        color: var(--color-ctrl-default);
        background-color: var(--bg-color-ctrl-default);
        border-width: 1px 1px 2px 1px !important;
        border-style: solid !important;
        border-color: var(--border-color-ctrl-default) !important;
    }
    .RadGrid_CnMaterial .rgPagerCell .rgActionButton:hover {
        color: var(--color-ctrl-hover);
        /*box-shadow: inset 0 0 5px var(--border-color-ctrl);*/
        background-color: var(--bg-color-ctrl-hover);
    }

    .RadGrid_CnMaterial .rgPagerCell .rgNumPart a.rgCurrentPage {
        color: var(--color-ctrl-default);
        /*background-color: var(--bg-color-ctrl-default);*/
        border-bottom-color: var(--border-color-ctrl-focus) !important;
    }
    .RadGrid_CnMaterial .rgPagerCell .rgNumPart a:hover {
        color: var(--color-ctrl-hover);
        background-color: var(--bg-color-ctrl-hover);
        /*box-shadow: inset 0 0 5px var(--border-color-ctrl);*/
        /**/
    }
    .RadGrid_CnMaterial .rgPagerCell .rgNumPart a.rgCurrentPage:hover {
        color: var(--color-ctrl-default);
        background-color: var(--bg-color-ctrl-default);
        box-shadow: unset;
    }
    .RadGrid_CnMaterial .rgPagerCell .RadInput,
    .RadGrid_CnMaterial .rgPagerCell .RadComboBox,
    .RadGrid_CnMaterial .rgPagerCell .RadDropDownList {
        min-width: 90px;
    }

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

    .RadGrid_CnMaterial .rgPagerCell .rgPagerButton {
        border-color: var(--border-color-ctrl);
        color: var(--color-main_text);
        background-color: var(--bg-color-main-three);
        padding: 8px 13px;
        border-radius: 0;
    }

        .RadGrid_CnMaterial .rgPagerCell .rgPagerButton:hover {
            border-color: var(--border-color-main-three);
            color: var(--color-main_text);
            background-color: var(--bg-color-main-three);
        }

    .RadGrid_CnMaterial .rgPagerCell .rgInfoPart,
    .RadGrid_CnMaterial .rgPagerCell .rgSliderLabel,
    .RadGrid_CnMaterial .rgPagerCell .rgPagerLabel {
        color: var(--color-main_text);
        font-weight: var(--font-bold);
        line-height: 1.6666666667;
        padding-top: 8px;
        padding-bottom: 8px;
    }

        .RadGrid_CnMaterial .rgPagerCell .rgInfoPart strong,
        .RadGrid_CnMaterial .rgPagerCell .rgSliderLabel strong,
        .RadGrid_CnMaterial .rgPagerCell .rgPagerLabel strong {
            font-weight: var(--font-bold);
            line-height: 1.4285714286;
            color: var(--color-main_text);
        }

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

.GridReorderTop_CnMaterial,
.GridReorderBottom_CnMaterial {
    color: #03A9F4;
}

.RadGrid_CnMaterial .rgGroupPanel {
    padding: 5px;
    border-color: var(--border-color-ctrl);
    /*font-weight: 500;*/
    line-height: 36px;
    line-height: calc(1.25em + 16px);
}
    .RadGrid_CnMaterial .rgGroupPanel div span {
        color: var(--color-ctrl_grid-default);
    }
    .RadGrid_CnMaterial .rgGroupPanel,
    .RadGrid_CnMaterial .rgGroupPanel caption {
        background: var(--bg-color-ctrl_grid-head);
        border-bottom-color: var(--border-color-ctrl) !important;
    }

.RadGrid_CnMaterial .rgGroupItem {
    color: var(--color-ctrl_grid-default);
    border-color: var(--border-color-sec-default);
    background-color: var(--bg-color-sec-default);
    /*box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.2);*/
    box-shadow: var(--box-shadow-button-main);
    padding: 8px 13px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}
.RadGrid .rgGroupItem + .rgGroupItem:before{
    top:10px;
}
.RadGrid_CnMaterial .rgGroupItem:hover {
    background-color: var(--bg-color-ctrl-hover);
}
    .RadGrid .rgUngroupIcon:before, .RadGrid .rgGroupItem .rgSortAscIcon:before, .RadGrid .rgGroupItem .rgSortDescIcon:before {
        color: var( --color-ctrl_grid-default);
    }
.RadGrid_CnMaterial .rgGroupItem .t-button {
    color: inherit;
    position: relative;
    z-index: 10;
}

.RadGrid_CnMaterial .rgGroupHeader {
    background-color: var(--bg-color-main-three);
    color: var(--color-main_text);
}

.RadGrid_CnMaterial .rgGroupHeader td {
    padding-left: 0;
    border-bottom: 1px solid var(--border-color-ctrl-default);
}

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

.RadGrid_CnMaterial .rgGroupHeaderText {
    line-height: 1.5384615385;
    font-weight: var(--font-bold);
    font-size: 13px !important;
}

.RadGrid_CnMaterial td.rgGroupCol,
.RadGrid_CnMaterial td.rgExpandCol {
    background-color: var(--bg-color-main-three);
    border-color: var(--bg-color-main-three);
    color: var(--color-ctrl_grid-default);
}

.RadGrid_CnMaterial .rgCollapse {
    color: #263238;
}

.RadGrid_CnMaterial .rgMasterTable {
    border-collapse: collapse;
}

.RadGrid_CnMaterial .rgGroupHeader .rgGroupCol + .rgGroupCol {
    border-left: 1px solid var(--border-color-ctrl);
}

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

.RadGrid_CnMaterial .rgGroupHeader .rgGroupCol,
.RadGrid_CnMaterial .rgGroupHeader .rgGroupCol + td {
    box-shadow: 0 -1px 0 var(--border-color-ctrl);
}

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

.RadGrid_CnMaterial .rgFilterActive {
    color: var(--color-main-default);
}

.RadGrid_CnMaterial .rgFiltered {
    color: #263238;
}

.RadGrid_CnMaterial .rgGroupCol {
    box-shadow: -1px 0 0 var(--border-color-ctrl) inset;
}

.RadGrid_CnMaterial .rgDetailTable {
    border-color: var(--border-color-ctrl);
}

.RadGrid_CnMaterial .rgCommandCell {
    padding: 0;
    border-color: var(--border-color-ctrl);
    color: var(--color-ctrl_grid-default);
    background-color: var(--bg-color-ctrl_grid-head);
}
.RadGrid_CnMaterial.editablegrid .rgCommandCell .rgCommandCellLeft .controlBaseOnEFilterType {
    padding:4px 0px !important;
}
.RadGrid_CnMaterial.editablegrid .rgCommandCell {
    padding: 0px 4px !important;

}
    .RadGrid_CnMaterial.editablegrid .rgCommandCell .rgCommandCellRight {
        padding: 4px !important;
    }
    .RadGrid_CnMaterial.editablegrid .rgCommandCell .rgCommandCellLeft .t-button {
        margin-top: 4px !important;
        margin-bottom: 4px !important;
    }
.RadGrid_CnMaterial .rgFilterRow {
    background-color: var(--bg-color-ctrl_grid-head);
}
.RadGrid_CnMaterial .rgCommandCell .t-button {
    /*padding: 0 10px;*/
    border-radius: 0;
    border: 0 none;
}

    .RadGrid_CnMaterial .rgCommandCell .t-button:hover {
        border-color: var(--border-color-ctrl-hover);
        color: var(--color-ctrl_grid-default);
        background-color: var(--bg-color-ctrl-hover);
    }

    .RadGrid_CnMaterial .rgCommandCell .t-button:active {
        border-color: var(--border-color-ctrl);
        color: var(--color-ctrl_grid-default);
        background-color: var(--border-color-ctrl);
    }

.GridContextMenu_CnMaterial .rmGroup span.rmIcon {
    margin-left: -2px !important;
}


.GridContextMenu_CnMaterial .rmContent .rgHCMFilter,
.GridContextMenu_CnMaterial.cnPrimaryButton .rmContent .rgHCMFilter {
    color: var(--color-pri-default);
    background-color: var(--bg-color-pri-default);
    border-color: var(--border-color-ctrl-focus);
    box-shadow: var(--box-shadow-button-main);
    padding: 8px;
    border-radius: 4px;
 
}
.GridContextMenu_CnMaterial .rmContent .rgHCMClear,
.GridContextMenu_CnMaterial.cnPrimaryButton .rmContent .rgHCMClear {
    color: var(--color-sec-default);
    background-color: var(--bg-color-sec-default);
    border-color: var(--border-color-sec-default);
    box-shadow: var(--box-shadow-button-main);
    padding: 8px;
    border-radius: 4px;
}
.GridContextMenu_CnMaterial.cnSecondaryButton .rmContent .rgHCMClear,
.GridContextMenu_CnMaterial.cnSecondaryButton .rmContent .rgHCMFilter {
    color: var(--color-main-default);
    background-color: var(--bg-color-main);
    border-color: var(--color-main_text-light);
    box-shadow: var(--box-shadow-button-main);
    padding: 8px;
    border-radius: 4px;
    
}

.GridContextMenu_CnMaterial.cnFieldType .rmContent .rgHCMClear,
.GridContextMenu_CnMaterial.cnFieldType .rmContent .rgHCMFilter {
    color: var(--color-main_text);
    background-color: var(--bg-color-ctrl-default);
    border-color: var(--border-color-ctrl-default);
    padding: 8px;
    border-radius: 4px;
    box-shadow: var(--box-shadow-button);
}

.GridContextMenu_CnMaterial .rmContent .rgHCMClear:hover,
.GridContextMenu_CnMaterial.cnPrimaryButton .rmContent .rgHCMClear:hover,
.GridContextMenu_CnMaterial .rmContent .rgHCMFilter:hover,
.GridContextMenu_CnMaterial.cnPrimaryButton .rmContent .rgHCMFilter:hover {
    color: var(--color-pri-hover);
    background-color: var(--bg-color-pri-hover);
    border-color: var(--border-color-pri-hover);
    box-shadow: var(--box-shadow-button-main);
}

.GridContextMenu_CnMaterial.cnSecondaryButton .rmContent .rgHCMClear:hover,
.GridContextMenu_CnMaterial.cnSecondaryButton .rmContent .rgHCMFilter:hover {
    color: var(--color-pri-hover);
    background-color: var(--bg-color-pri-hover);
    border-color: var(--border-color-pri-hover);
    box-shadow: var(--box-shadow-button-main);
}

.GridContextMenu_CnMaterial.cnFieldType .rmContent .rgHCMClear:hover,
.GridContextMenu_CnMaterial.cnFieldType .rmContent .rgHCMFilter:hover {
    color: var(--color-ctrl-hover);
    background-color: var(--bg-color-ctrl-hover);
    border-color: var(--border-color-ctrl-hover);
    box-shadow: var(--box-shadow-button);
}

.GridContextMenu_CnMaterial .rgHCMShow,
.GridContextMenu_CnMaterial .rgHCMAnd {
    color: var(--color-main_text);
    font-weight: var(--font-bold);
    line-height: 1.6666666667;
    padding-top: 8px;
    padding-bottom: 8px;
}

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

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

.GridContextMenu_CnMaterial .rgHCMColsIcon:before {
    content: "\e8f3" !important;
}

.GridContextMenu_CnMaterial .rgHCMFilterIcon:before {
    content: "\e152" !important;
}

.RadMenu_Material_Context .rgFilterApply,
.RadMenu_Material_Context .rgFilterCancel {
    padding: 8px 13px;
    border: 0 none;
    border-color: var(--border-color-ctrl);
    color: var(--color-main_text);
    background-color: var(--bg-color-main-three);
}

    .RadMenu_Material_Context .rgFilterApply:hover,
    .RadMenu_Material_Context .rgFilterCancel:hover {
        border-color: var(--border-color-main-three);
        color: var(--color-main_text);
        background-color: var(--bg-color-main-three);
    }

.GridToolTip_CnMaterial {
    background-color: var(--bg-color-main) !important;
    color: var(--color-main_text) !important;
    border-color: #cccccc;
    padding: 4px;
}
.RadGrid .rgGroupHeader > td {
    border-bottom: 1px solid var(--border-color-ctrl) !important;
}
.RadGrid .rgCommandRow button, .RadGrid .rgCommandRow [type="button"] {
    border-radius: 4px;
}

.RadGrid .rgCommandRow .RadButton.rbButton.rbImageButton, .RadGrid .rgCommandRow input[type="image"] {
    padding: 16px;
    background-position: center center;
    float: left;
    width: 16px;
}
    .RadGrid .rgCommandRow input[type="image"]{
        padding:8px;
    }
        .RadGrid .rgCommandRow .RadButton:hover,
        .RadGrid .rgCommandRow .RadButton:focus,
        .RadGrid .rgCommandRow .RadButton.rbHovered,
        .RadGrid .rgCommandRow .RadButton.rbSelected,
        .RadGrid .rgCommandRow input[type="image"]:hover, .RadGrid .rgCommandRow img:hover {
            cursor: pointer;
            background-color: var(--bg-color-ctrl-hover);
        }
.RadGrid .rgCommandRow .RadButton.rbDisabled {
    cursor: default;
}
.RadGrid .rgCommandRow .btnAddChildData {
    /*border-radius:40px;*/
    border: 0 none;
}
    .RadGrid .rgCommandRow .btnAddChildData.rbDisabled {
        /*border-radius:40px;*/
        box-sizing: border-box;
        border: 1px solid var(--border-color-ctrl-default) !important;
        height: 34px;
    }
.RadGrid .rgCommandRow .btnAddChildData .rdAddChildData {
    margin: 0 !important;
}

.RadGrid .rgCommandRow .btnAddChildData .rgIcon.rbAdd.rdAddChildData::before {
    font: 20px/1 "WebComponentsIcons";
}

.rbAdd:before {
    font-size: var(--font-icon-size);
}
.RadGrid_CnMaterial .rgGroupHeaderText {
    line-height:22px !important;
}

.RadGrid_CnMaterial table.SimpleGridTable {
    border-collapse:collapse;
}
    .RadGrid_CnMaterial table.SimpleGridTable tbody tr {
        border-bottom: 1px solid var(--border-color-ctrl);
    }
    .RadGrid_CnMaterial table.SimpleGridTable tbody tr:last-child {
        border-bottom: none;
    }

.font-wright-normal{
    font-weight:normal;
}

.RadGrid .rgPagerCell .rgPagerLabel{
    margin-right:8px !important;
}
.RadGrid .rgMobileForm {
    background-color: var(--bg-color-main);
}
.RadGrid .rgFreeze, .RadGrid .rgButtonGroup{
    font-weight: var(--font-bold);
}

.RadGrid .SimpleGrid .sg_cell_field_text,
.RadGrid .SimpleGrid .sg_cell_field_numeric,
.RadGrid .SimpleGrid .sg_cell_field_multipleselection,
.RadGrid .SimpleGrid .sg_cell_field_combobox,
.RadGrid .SimpleGrid .sg_cell_field_datetimepicker,
.RadGrid .SimpleGrid .sg_cell_field_dropdown,
.RadGrid table.SimpleGrid tr > td {
    padding-right: 12px;
    margin-right: -12px;
    margin-left: 0;
    padding-left: 0;
}

    .SimpleGridTransparent tr > td:first-child .RadButton[isdelete='true'],
    .RadGrid table.SimpleGrid tr > td:first-child .RadButton[isdelete='true'] {
        margin-right: 0 !important;
        margin-left:0;
    }
    .SimpleGridTransparent tr > td:first-child .RadButton[isnew='true'],
    .RadGrid table.SimpleGrid tr > td:first-child .RadButton[isnew='true'] {
        margin-right: 4px;
    }
    
    .SimpleGridTransparent tr > td:last-child .RadButton[isdelete='true'],
    .RadGrid table.SimpleGrid tr > td:last-child .RadButton[isdelete='true'] {
        margin-left: 0;
    }
    .SimpleGridTransparent tr > td:last-child .RadButton[isnew='true'],
    .RadGrid table.SimpleGrid tr > td:last-child .RadButton[isnew='true'] {
        margin-left: 4px;
        margin-right:0;
    }
.SimpleGridTransparent tr:first-child > td .RadButton[isnew='true'],
.RadGrid table.SimpleGrid tr:first-child > td .RadButton[isnew='true'] {
    margin-left: 0;
}
.SimpleGridTransparent tr:first-child > td .RadButton[isnew='true'],
.RadGrid table.SimpleGrid tr:first-child > td .RadButton[isnew='true'] {
    margin-right: 0;
}
.SimpleGridTransparent tr:first-child > td .RadButton[isnew='true'],
.RadGrid table.SimpleGrid tr:first-child > td .RadButton[isnew='true'] {
    margin-left: 0;
}
.SimpleGridTableControl[newrowposition='top'] .SimpleGridTransparent tr:first-child > td:first-child .RadButton[isdelete='true'],
.RadGrid[newrowposition='top'] table.SimpleGrid tr:first-child > td:first-child .RadButton[isdelete='true'] {
    margin-left: 4px;
}
.SimpleGridTableControl[newrowposition='top'] .SimpleGridTransparent tr:first-child > td:last-child .RadButton[isnew='true'],
.RadGrid[newrowposition='top'] table.SimpleGrid tr:first-child > td:last-child .RadButton[isnew='true'] {
    margin-left: 4px;
}
.SimpleGridTransparent .sg_cell_field_text,
.SimpleGridTransparent .sg_cell_field_numeric,
.SimpleGridTransparent .sg_cell_field_multipleselection,
.SimpleGridTransparent .sg_cell_field_combobox,
.SimpleGridTransparent .sg_cell_field_datetimepicker,
.SimpleGridTransparent .sg_cell_field_dropdown,
.SimpleGridTransparent tr > td,
.SimpleGridTransparent tr > th
{
    padding-right: 12px;
    padding-left: 0;
    margin-right: -12px;
    margin-left: 0;
}
    .RadGrid table.SimpleGrid tr > td.sg_cell_field_simplesearchbox .RadSearchBox_CnMaterial .rsbInput, .SimpleGridTransparent tr > td > .RadSearchBox_CnMaterial > .rsbInput {
        margin: 1px !important;
        padding-left: 6px !important;
    }

    .SimpleGridTransparent tr > td.sg_cell_field_text_popup,
    .SimpleGridTransparent tr > td.sg_cell_field_combobox_popup,
    .SimpleGridTransparent tr > td.sg_cell_field_dropdown_popup,
    .RadGrid .SimpleGrid tr > td.sg_cell_field_text_popup,
    .RadGrid .SimpleGrid tr > td.sg_cell_field_combobox_popup,
    .RadGrid .SimpleGrid tr > td.sg_cell_field_dropdown_popup {
        padding-right: 50px;
        margin-right: -50px;
        white-space: nowrap;
    }
.RadGrid .SimpleGrid .rgRow > td,
.RadGrid .SimpleGrid .rgAltRow > td,
.RadGrid .SimpleGrid .rgEditRow > td,
.RadGrid .SimpleGrid .rgFooter > td,
.RadGrid .SimpleGrid .rgFilterRow > td,
.RadGrid .SimpleGrid .rgHeader,
.RadGrid .SimpleGrid .rgResizeCol,
.RadGrid .SimpleGrid .rgGroupHeader td {
    padding-right: 12px;
    padding-left: 0;
}

    .RadGrid .SimpleGrid .rgRow > td:first-child,
    .RadGrid .SimpleGrid .rgRow > td[style*="none"] + td,
    .RadGrid .SimpleGrid .rgAltRow > td:first-child,
    .RadGrid .SimpleGrid .rgAltRow > td[style*="none"] + td,
    .RadGrid .SimpleGrid .rgEditRow > td:first-child,
    .RadGrid .SimpleGrid .rgEditRow > td[style*="none"] + td,
    .RadGrid .SimpleGrid .rgFooter > td:first-child,
    .RadGrid .SimpleGrid .rgFooter > td[style*="none"] + td,
    .RadGrid .SimpleGrid .rgFilterRow > td:first-child,
    .RadGrid .SimpleGrid .rgFilterRow > td[style*="none"] + td,
    .RadGrid .SimpleGrid .rgHeader:first-child,
    .RadGrid .SimpleGrid .rgHeader[style*="none"] + .rgHeader,
    .RadGrid .SimpleGrid .rgResizeCol:first-child,
    .RadGrid .SimpleGrid .rgResizeCol[style*="none"] + .rgResizeCol,
    .RadGrid .SimpleGrid .rgGroupHeader td:first-child,
    .RadGrid .SimpleGrid .rgGroupHeader > td[style*="none"] + td {
        padding-left: 8px;
    }
    
.RadGrid .SimpleGrid .cn-row-grid > td:first-child,
.RadGrid .SimpleGrid .cn-row-grid > td[style*="none"] + td {
    padding-left: 8px;
}
    .TabletScreenSize .popup-panel {
        width: 70px;
    }

.TabletScreenSize .SimpleGridTransparent tr > td.sg_cell_field_text_popup,
.TabletScreenSize .SimpleGridTransparent tr > td.sg_cell_field_combobox_popup,
.TabletScreenSize .SimpleGridTransparent tr > td.sg_cell_field_dropdown_popup,
.TabletScreenSize .RadGrid .SimpleGrid tr > td.sg_cell_field_text_popup,
.TabletScreenSize .RadGrid .SimpleGrid tr > td.sg_cell_field_combobox_popup,
.TabletScreenSize .RadGrid .SimpleGrid tr > td.sg_cell_field_dropdown_popup {
    padding-right: 75px;
    margin-right: -75px;
    white-space: nowrap;
}

.RadGrid .SimpleGrid tr > td.sg_cell_field_simplesearchbox,
.SimpleGridTransparent tr > td.sg_cell_field_simplesearchbox,
.RadGrid .SimpleGrid tr > td.sg_cell_field_date,
.SimpleGridTransparent tr > td.sg_cell_field_date {
    padding-right: 30px;
    margin-right: -30px;
    white-space: nowrap;
}

.TabletScreenSize .SimpleGridTransparent tr > td.sg_cell_field_simplesearchbox,
.TabletScreenSize .SimpleGridTransparent tr > td.sg_cell_field_date,
.TabletScreenSize .RadGrid .SimpleGrid tr > td.sg_cell_field_simplesearchbox,
.TabletScreenSize .RadGrid .SimpleGrid tr > td.sg_cell_field_date {
    padding-right: 45px;
    margin-right: -45px;
    white-space: nowrap;
}
/*.sg_cell_field_checkbox{
    vertical-align: middle;
}*/
table.SimpleGridTransparent tr > td span[hasvalidatorrequired='true'],
.RadGrid .SimpleGrid tr > td span[hasvalidatorrequired='true'] {
    padding-left: 2px;
    padding-right: 2px;
    position: unset;
    line-height:30px;
}
table.SimpleGridTransparent tr > td .rfdSelect,
.RadGrid .SimpleGrid tr > td .rfdSelect {
   margin-right:0;
}
table.SimpleGridTransparent, table.SimpleGridTransparent table tr.rgRow, table.SimpleGridTransparent tr td, table.SimpleGridTransparent tr th {
    border: 0 none;
}

.SimpleGridTransparent tr th a, .SimpleGridTransparent tr th a:hover {
    text-decoration: none !important;
}
.RadGrid[editablegrid='1'] .rgCommandRow .rgCommandCell .t-button.rgSave {
    background-color: var(--bg-color-pri-default);
    box-shadow:var(--box-shadow-button-main);
    margin-right: 5px;
}
    .RadGrid[editablegrid='1'] .rgCommandRow .rgCommandCell .t-button.rgSave:hover {
        background-color: var(--bg-color-ctrl-hover);
    }
.RadGrid[editablegrid='1'] .rgCommandCell .t-button.rgSave .rgButtonText,
.RadGrid[editablegrid='1'] .rgCommandCell .t-button.rgSave .rgSaveIcon:before {
    color: var(--color-pri-default);
}
.RadGrid[editablegrid='1'] .rgCommandCell .t-button.rgSave:hover .rgButtonText,
.RadGrid[editablegrid='1'] .rgCommandCell .t-button.rgSave:hover .rgSaveIcon:before {
    color: var(--color-ctrl-hover);
}
.RadGrid[editablegrid='1'] .rgCommandRow .rgCommandCell .t-button.rgCancel,
.RadGrid[editablegrid='1'] .rgCommandRow .rgCommandCell .t-button.rgButtonLink,
.RadGrid[editablegrid='1'] .rgCommandRow .rgCommandCell .t-button.rgRefresh,
.RadGrid[documentgrid='1'] .cn-panel_action_file .rgButtonSql,
.RadGrid[documentgrid='2'] .cn-panel_action_file .rgButtonSql {
    box-shadow: var(--box-shadow-button-main);
    background-color: var(--bg-color-sec-default);
}

.RadGrid[documentgrid='1'] .rgCommandRow .rgCommandCell .t-button.rgSave,
.RadGrid[documentgrid='2'] .rgCommandRow .rgCommandCell .t-button.rgSave {
    background-color: var(--bg-color-pri-default);
    box-shadow: var(--box-shadow-button-main);
    margin-right: 5px;
}

    .RadGrid[documentgrid='1'] .rgCommandRow .rgCommandCell .t-button.rgSave:hover,
    .RadGrid[documentgrid='2'] .rgCommandRow .rgCommandCell .t-button.rgSave:hover {
        background-color: var(--bg-color-ctrl-hover);
    }

.RadGrid[documentgrid='1'] .rgCommandCell .t-button.rgSave .rgButtonText,
.RadGrid[documentgrid='1'] .rgCommandCell .t-button.rgSave .rgSaveIcon:before,
.RadGrid[documentgrid='2'] .rgCommandCell .t-button.rgSave .rgButtonText,
.RadGrid[documentgrid='2'] .rgCommandCell .t-button.rgSave .rgSaveIcon:before {
    color: var(--color-pri-default);
}

.RadGrid[documentgrid='1'] .rgCommandCell .t-button.rgSave:hover .rgButtonText,
.RadGrid[documentgrid='1'] .rgCommandCell .t-button.rgSave:hover .rgSaveIcon:before,

.RadGrid[documentgrid='2'] .rgCommandCell .t-button.rgSave:hover .rgButtonText,
.RadGrid[documentgrid='2'] .rgCommandCell .t-button.rgSave:hover .rgSaveIcon:before {
    color: var(--color-ctrl-hover);
}

    .RadGrid[documentgrid='1'] .rgCommandRow .rgCommandCell .t-button.rgCancel,
    .RadGrid[documentgrid='1'] .rgCommandRow .rgCommandCell .t-button.rgRefresh,
    .RadGrid[documentgrid='2'] .rgCommandRow .rgCommandCell .t-button.rgCancel,
    .RadGrid[documentgrid='2'] .rgCommandRow .rgCommandCell .t-button.rgRefresh {
        box-shadow: var(--box-shadow-button-main);
        background-color: var(--bg-color-sec-default);
    }
        .RadGrid[documentgrid='1'] .rgCommandRow .rgCommandCell .t-button.rgCancel:hover, .RadGrid[documentgrid='1'] .rgCommandRow .rgCommandCell .t-button.rgButtonLink:hover, .RadGrid[documentgrid='1'] .rgCommandRow .rgCommandCell .t-button.rgRefresh:hover {
            background-color: var(--bg-color-ctrl-hover);
        }
        .RadGrid[documentgrid='2'] .rgCommandRow .rgCommandCell .t-button.rgCancel:hover, .RadGrid[documentgrid='2'] .rgCommandRow .rgCommandCell .t-button.rgButtonLink:hover, .RadGrid[documentgrid='2'] .rgCommandRow .rgCommandCell .t-button.rgRefresh:hover {
            background-color: var(--bg-color-ctrl-hover);
        }

.RadGrid[documentgrid='1'] .cn-panel_action_file .rgButtonSql,
.RadGrid[documentgrid='2'] .cn-panel_action_file .rgButtonSql {
    float:left;
}
    .RadGrid[editablegrid='1'] .rgCommandRow .rgCommandCell .t-button.rgCancel:hover, .RadGrid[editablegrid='1'] .rgCommandRow .rgCommandCell .t-button.rgButtonLink:hover, .RadGrid[editablegrid='1'] .rgCommandRow .rgCommandCell .t-button.rgRefresh:hover {
        background-color: var(--bg-color-ctrl-hover);
    }

.RadGrid[documentgrid='1'] .cn-panel_action_file .rgButtonSql,
.RadGrid[documentgrid='2'] .cn-panel_action_file .rgButtonSql {
    color: var(--color-ctrl-hover);
    border: 0 none;
}
    .RadGrid[documentgrid='1'] .cn-panel_action_file .rgButtonSql:hover,
    .RadGrid[documentgrid='2'] .cn-panel_action_file .rgButtonSql:hover {
        background-color: var(--bg-color-ctrl-hover);
    }

.RadGrid_CnMaterial .rgFiltered {
    background-color: white !important;
    border: solid 1px var(--border-color-ctrl-default) !important;
}

.RadGrid .rgFiltered .rgFilterIcon:before {
    content: "\e129";
    color: #C5833D;
}

.RadGrid_CnMaterial .cn-filter-active {
    background-color: white !important;
    border: solid 1px var(--border-color-ctrl-default) !important;
}

.RadGrid .cn-filter-active .rgFilterIcon:before {
    content: "\e129";
    color: #C5833D;
}