.TreeListToolTip_CnMaterial {
}

.RadTreeList_CnMaterial {
    border-color: var(--border-color-ctrl);
    background: var(--bg-color-main);
    color: var(--color-main_text);
}

    .RadTreeList_CnMaterial .t-button {
        padding: 7px;
        border-radius: 90px;
        color: var(--color-main_text);
    }

        .RadTreeList_CnMaterial .t-button:hover {
            border-color: var(--border-color-main-three);
            color: var(--color-main_text);
            background-color: var(--bg-color-main-three);
        }

        .RadTreeList_CnMaterial .t-button:active {
            border-color: var(--border-color-ctrl);
            color: var(--color-main_text);
            background-color: var(--border-color-ctrl);
        }

.RadTreeList_CnMaterial .rtlTable a {
    color: #8BC34A;
}

.RadTreeList_CnMaterial .rtlTable td {
    vertical-align: middle;
}

    .RadTreeList_CnMaterial tr.rtlHeader {
        background-color: var(--bg-color-main);
        height: 47px;
        height: calc(1.4285714286em + 27px);
    }

        .RadTreeList_CnMaterial tr.rtlHeader th {
            padding: 5px 15px;
            font-size: .857em;
            font-weight: var(--font-bold);
            line-height: 1.6666666667;
        }

.RadTreeList_CnMaterial tr.rtlHeader .t-button {
    font-size: 1.167em;
    line-height: 1.4285714286;
}

    .RadTreeList_CnMaterial .rtlHeader a {
        color: var(--color-main_text);
    }

.RadTreeList_CnMaterial .rtlScroller {
    border-color: var(--border-color-ctrl);
}

.RadTreeList_CnMaterial div.rtlHeader,
.RadTreeList_CnMaterial .rtlHeader th {
    border-color: var(--border-color-ctrl) var(--color-main_text-light);
}

.RadTreeList_CnMaterial .rtlREdit,
.RadTreeList_CnMaterial .rtlR,
.RadTreeList_CnMaterial .rtlA {
    height: 47px;
    height: calc(1.5384615385em + 27px);
    font-size: 0.929em;
    line-height: 1.5384615385;
}

.RadTreeList_CnMaterial .rtlREdit td,
.RadTreeList_CnMaterial .rtlR td,
.RadTreeList_CnMaterial .rtlA td {
    padding: 5px 15px;
}

.RadTreeList_CnMaterial .rtlREdit .t-button,
.RadTreeList_CnMaterial .rtlR .t-button,
.RadTreeList_CnMaterial .rtlA .t-button {
    font-size: 1.077em;
    line-height: 1.4285714286;
}

.RadTreeList_CnMaterial .rtlHBorders .rtlR td,
.RadTreeList_CnMaterial .rtlHBorders .rtlA td,
.RadTreeList_CnMaterial .rtlHBorders .rtlREdit td,
.RadTreeList_CnMaterial .rtlHBorders .rtlRFooter td {
    padding-bottom: 5px;
}

    .RadTreeList_CnMaterial .rtlA {
        background-color: var(--bg-color-main);
    }

    .RadTreeList_CnMaterial .rtlRFooter {
        background-color: var(--bg-color-main);
    }

.RadTreeList_CnMaterial .rtlRFooter td {
    border-color: var(--color-main_text-light);
}

.RadTreeList_CnMaterial .rtlREdit {
    background-color: #edf6e3;
}

.RadTreeList_CnMaterial .rtlR td,
.RadTreeList_CnMaterial .rtlA td,
.RadTreeList_CnMaterial .rtlREdit td,
.RadTreeList_CnMaterial .rtlEditForm {
    border-color: var(--border-color-ctrl) var(--color-main_text-light);
}

    .RadTreeList_CnMaterial .rtlRSel {
        background: #E1F5FE;
        color: var(--color-main_text);
    }

        .RadTreeList_CnMaterial .rtlRSel a {
            color: var(--color-main_text);
        }

.RadTreeList_CnMaterial .rtlRSel {
    background-color: #E1F5FE;
}

.RadTreeList_CnMaterial .rtlRActive .rtlCF {
    box-shadow: inset 0px 5px 5px -5px transparent, inset 0px -5px 5px -5px transparent, inset 5px 0px 5px -5px transparent;
}

.RadTreeList_CnMaterial .rtlRActive .rtlCF ~ td {
    box-shadow: inset 0px 5px 5px -5px transparent, inset 0px -5px 5px -5px transparent;
}

.RadTreeList_CnMaterial .rtlRActive .rtlCF ~ td:last-child {
    box-shadow: inset 0px 5px 5px -5px transparent, inset 0px -5px 5px -5px transparent, inset -5px 0px 5px -5px transparent;
}

.RadTreeList_CnMaterial .rtlRActive td {
    border-color: #E1F5FE;
}

    .RadTreeList_CnMaterial .rtlVBorders td.rtlL,
    .RadTreeList_CnMaterial .rtlLines td.rtlL {
        background-color: var(--bg-color-main);
    }

.RadTreeList_CnMaterial .rtlExpand,
.RadTreeList_CnMaterial .rtlCollapse {
    border: 0 none;
}

.RadTreeList_CnMaterial .rtlExpand:hover,
.RadTreeList_CnMaterial .rtlCollapse:hover {
    background: none;
}

    .RadTreeList_CnMaterial .rtlExpandIcon:before,
    .RadTreeList_CnMaterial .rtlCollapseIcon:before,
    .RadTreeList_CnMaterial .t-i-arrow-down:before {
        font-family: var(--font-icons);
        font-size: var(--font-icon-size);
    }

.RadTreeList_CnMaterial .rtlCollapseIcon:before {
    content: '\e5cf';
}

.RadTreeList_CnMaterial .rtlExpandIcon:before {
    content: '\e5cc';
    color: #263238;
}

.RadTreeList_CnMaterial .rtlSortAscIcon,
.RadTreeList_CnMaterial .rtlSortDescIcon {
    color: #263238;
}

    .RadTreeList_CnMaterial .rtlSortAscIcon:before,
    .RadTreeList_CnMaterial .rtlSortDescIcon:before {
        font-family: var(--font-icons);
        font-size: var(--font-icon-size);
    }

.RadTreeList_CnMaterial .rtlSortDescIcon:before {
    content: "\e5db";
}

.RadTreeList_CnMaterial .rtlSortAscIcon:before {
    content: "\e5d8";
}

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

.RadTreeList_CnMaterial .rtlPagerCell .rtlIcon:before {
    font-family: "WebComponentsIcons";
}

.RadTreeList_CnMaterial .rtlPagerCell .rtlAdvPart {
    line-height: inherit;
}

.RadTreeList_CnMaterial .rtlPagerCell .rtlNumPart a {
    color: var(--color-main_text-light);
}

.RadTreeList_CnMaterial .rtlPagerCell .rtlNumPart a .t-ripple {
    border-radius: 90px;
}

        .RadTreeList_CnMaterial .rtlPagerCell .rtlPagerButton {
            border: 0 none;
            background-color: #f4f7f8;
            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);
        }

.RadTreeList_CnMaterial .rtlPagerCell .rtlActionButton {
    border-radius: 90px;
}

    .RadTreeList_CnMaterial .rtlPagerCell .rtlActionButton:hover {
        border-color: var(--border-color-main-three);
        color: var(--color-main_text);
        background-color: var(--bg-color-main-three);
    }

        .RadTreeList_CnMaterial .rtlPagerCell .rtlNumPart a {
            color: var(--color-main_text);
            text-align: center;
            border-width: 0;
            padding: 8px;
            min-width: 1.4285714286em;
        }

            .RadTreeList_CnMaterial .rtlPagerCell .rtlNumPart a:hover {
                border-color: var(--border-color-main-three);
                color: var(--color-main_text);
                background-color: var(--bg-color-main-three);
                border-radius: 90px;
            }

.RadTreeList_CnMaterial .rtlPagerCell .rtlNumPart a.rtlCurrentPage {
    border-bottom: 2px solid #8BC34A;
    color: #8BC34A;
    background: none;
    border-radius: 0;
    margin-bottom: -5px;
    padding-bottom: 11px;
}

.RadTreeList_CnMaterial .rtlPagerCell .RadInput,
.RadTreeList_CnMaterial .rtlPagerCell .RadComboBox,
.RadTreeList_CnMaterial .rtlPagerCell .RadDropDownList {
    min-width: 90px;
}

.RadTreeList_CnMaterial .rtlPagerCell .rtlActionButton {
    box-sizing: content-box;
}

        .RadTreeList_CnMaterial .rtlPagerCell .rtlPagerButton {
            border-color: var(--border-color-ctrl);
            color: var(--color-main_text);
            background-color: #f4f7f8;
            padding: 8px 13px;
            border-radius: 0;
        }

            .RadTreeList_CnMaterial .rtlPagerCell .rtlPagerButton:hover {
                border-color: var(--border-color-main-three);
                color: var(--color-main_text);
                background-color: #ECEFF1;
            }

        .RadTreeList_CnMaterial .rtlPagerCell .rtlInfoPart,
        .RadTreeList_CnMaterial .rtlPagerCell .rtlSliderLabel,
        .RadTreeList_CnMaterial .rtlPagerCell .rtlPagerLabel {
            font-size: .857em;
            color: #607D8B;
            font-weight: var(--font-bold);
            line-height: 1.6666666667;
            padding-top: 8px;
            padding-bottom: 8px;
        }

            .RadTreeList_CnMaterial .rtlPagerCell .rtlInfoPart strong,
            .RadTreeList_CnMaterial .rtlPagerCell .rtlSliderLabel strong,
            .RadTreeList_CnMaterial .rtlPagerCell .rtlPagerLabel strong {
                font-weight: var(--font-bold);
                font-size: 1.167em;
                line-height: 1.4285714286;
                color: var(--color-main_text);
            }

.RadTreeList_CnMaterial .rtlPagerCell .RadSlider {
    margin: 7px 0;
}

    .RadTreeList_CnMaterial .rtlCommandCell {
        padding: 0;
        border-color: var(--border-color-ctrl);
        color: var(--color-main_text);
        background-color: #f4f7f8;
    }

.RadTreeList_CnMaterial .rtlCommandCell .t-button {
    padding: 13px 15px;
    width: auto;
    height: auto;
    border-radius: 0;
    border: 0 none;
}

    .RadTreeList_CnMaterial .rtlFooter .rtlCommandCell,
    .RadTreeList_CnMaterial tfoot .rtlCommandCell {
        color: var(--color-main_text);
        background-color: #f4f7f8;
        background-image: linear-gradient();
    }

    .RadTreeList_CnMaterial .rtlREdit [type="text"],
    .RadTreeList_CnMaterial .rtlEditForm td > [type="text"] {
        border-color: var(--border-color-ctrl);
        color: var(--color-main_text);
        background-color: transparent;
        border-style: solid;
        border-width: 0 0 1px;
        padding: 8px 0 7px;
        outline: none;
        font: inherit;
        font-size: 1.077em;
        margin-left: 13px;
    }

        .RadTreeList_CnMaterial .rtlREdit [type="text"]:hover,
        .RadTreeList_CnMaterial .rtlEditForm td > [type="text"]:hover {
            border-color: #90A4AE;
            color: var(--color-main_text);
            background-color: transparent;
        }

        .RadTreeList_CnMaterial .rtlREdit [type="text"]:active, .RadTreeList_CnMaterial .rtlREdit [type="text"]:focus,
        .RadTreeList_CnMaterial .rtlEditForm td > [type="text"]:active,
        .RadTreeList_CnMaterial .rtlEditForm td > [type="text"]:focus {
            border-color: #8BC34A;
            color: var(--color-main_text);
            background-color: transparent;
            box-shadow: 0 -1px 0 #8BC34A inset;
        }

.t-ie .RadTreeList_CnMaterial .rtlREdit [type="text"], .t-ie
.RadTreeList_CnMaterial .rtlEditForm td > [type="text"] {
    height: 36px;
    height: calc(1.4285714286em + 16px);
}

.RadTreeList_CnMaterial .rtlEditForm {
    border: 1px solid var(--border-color-ctrl);
}

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

    .RadTreeList_CnMaterial .rtlEditForm td > label {
        font-size: .923em;
        color: #607D8B;
        font-weight: var(--font-bold);
        line-height: 1.6666666667;
        padding-top: 8px;
        padding-bottom: 8px;
    }

.RadTreeList_CnMaterial .rtlEditForm table {
    margin: .5em;
}

.RadTreeList_CnMaterial .rtlEditForm .rtlHeader {
    padding: 0;
    height: auto !important;
    background-color: #8BC34A;
    color: var(--color-main_text-light);
}

.RadTreeList_CnMaterial .rtlEditForm .rtlHeader > div:first-child {
    padding: 5px 10px;
}

.RadTreeList_CnMaterial.RadTreeListRTL .rtlExpandIcon:before {
    content: '\E003';
}

.TreeListReorderTop_CnMaterial,
.TreeListReorderBottom_CnMaterial {
    font-size: 2.2em;
    color: #000;
    text-shadow: 0 0 1px #fff;
    text-indent: 2px;
}

.RadTreeList_CnMaterial .rtlDragHandle {
    background-image: url(" ");
}

.TreeListToolTip_CnMaterial {
    border-color: #828282;
    background: var(--bg-color-main);
    color: var(--color-main_text);
}