.RadOrgChart_CnMaterial {
    color: black;
}

.RadOrgChart_CnMaterial .rocNodeList {
    margin-top: 58px;
}

    .RadOrgChart_CnMaterial .rocGroup {
        padding: 0 13px 13px;
        border-radius: 4px;
        background: var(--bg-color-main);
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.2);
    }

.RadOrgChart_CnMaterial .rocItemWrap {
    margin: 13px 13px 0 0;
}

.RadOrgChart_CnMaterial .rocItemWrap.rocLastInRow {
    margin-right: 0;
}

.RadOrgChart_CnMaterial .rocItem,
.RadOrgChart_CnMaterial .rocItemTemplate {
    border: 0;
    background: var(--bg-color-main-three);
}

.RadOrgChart_CnMaterial .rocItemField {
    margin-top: 13px;
    margin-bottom: -5px;
}

.RadOrgChart_CnMaterial .rocImageReplacement:before {
    color: #607D8B;
    opacity: 1;
}

    .RadOrgChart_CnMaterial .rocExpandArrow,
    .RadOrgChart_CnMaterial .rocCollapseArrow,
    .RadOrgChart_CnMaterial .rocExpandGroupArrow,
    .RadOrgChart_CnMaterial .rocCollapseGroupArrow {
        border: 0;
        font-size: 18px;
        font-family: var(--font-icons);
        color: #607D8B;
        text-indent: 0;
        text-align: center;
        transition: all 0.2s ease-in-out;
    }

.RadOrgChart_CnMaterial .rocExpandGroupArrow,
.RadOrgChart_CnMaterial .rocCollapseGroupArrow {
    width: 36px;
    height: 36px;
    line-height: 36px;
    border-radius: 18px;
    margin: 0 -13px -13px;
}

.RadOrgChart_CnMaterial .rocCollapseArrow,
.RadOrgChart_CnMaterial .rocExpandArrow {
    width: 24px;
    height: 24px;
    line-height: 24px;
    bottom: -45px;
    border-radius: 12px;
    margin-left: -12px;
    background: var(--bg-color-main-three);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.14), 0 3px 6px rgba(0, 0, 0, 0.2);
}

.RadOrgChart_CnMaterial .rocCollapseGroupArrow:before {
    content: "\e314";
}

.RadOrgChart_CnMaterial .rocExpandGroupArrow:before {
    content: "\e315";
}

.RadOrgChart_CnMaterial .rocCollapseArrow:before {
    content: "\e15b";
}

.RadOrgChart_CnMaterial .rocExpandArrow:before {
    content: "\e145";
}

.RadOrgChart_CnMaterial .rocGroup:after,
.RadOrgChart_CnMaterial.rocSimple .rocItem:after,
.RadOrgChart_CnMaterial.rocSimple .rocItemTemplate:after {
    height: 34px;
    bottom: -34px;
}

.RadOrgChart_CnMaterial .rocLoadingNodes .rocExpandArrow,
.RadOrgChart_CnMaterial .rocLoadingNodes .rocCollapseArrow,
.RadOrgChart_CnMaterial .rocLoadingGroups .rocExpandGroupArrow,
.RadOrgChart_CnMaterial .rocLoadingGroups .rocCollapseGroupArrow {
    background-image: url(" ");
}

.RadOrgChart_CnMaterial .rocExpandArrow:hover,
.RadOrgChart_CnMaterial .rocCollapseArrow:hover,
.RadOrgChart_CnMaterial .rocExpandGroupArrow:hover,
.RadOrgChart_CnMaterial .rocCollapseGroupArrow:hover {
    color: #263238;
}

.RadOrgChart_CnMaterial.rocHorizontal .rocItemWrap {
    margin-top: 13px;
    padding: 0;
}

.RadOrgChart_CnMaterial.rocHorizontal .rocExpandGroupArrow,
.RadOrgChart_CnMaterial.rocHorizontal .rocCollapseGroupArrow {
    margin-right: -13px;
}

.RadOrgChart_CnMaterial.rocHorizontal .rocExpandArrow,
.RadOrgChart_CnMaterial.rocHorizontal .rocCollapseArrow {
    right: -34px;
    margin-top: -12px;
}

.RadOrgChart_CnMaterial.rocSimple .rocItem,
.RadOrgChart_CnMaterial.rocSimple .rocItemTemplate {
    background: var(--bg-color-main-three);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.2);
}

.RadOrgChart_CnMaterial.rocDetachedItem,
.RadOrgChart_CnMaterial.rocDetachedNode {
    border: 0;
    background-color: var(--bg-color-main-three);
    color: black;
    box-shadow: 0 19px 38px rgba(0, 0, 0, 0.2), 0 15px 12px rgba(0, 0, 0, 0.2);
}

    .RadOrgChart_CnMaterial.rocDetachedItem:before,
    .RadOrgChart_CnMaterial.rocDetachedNode:before {
        font: var(--font-icon-size) var(--font-icons);
    }

.RadOrgChart_CnMaterial.rocDetachedItem.rocAddClue:before,
.RadOrgChart_CnMaterial.rocDetachedNode.rocAddClue:before {
    content: "\e145";
}

.RadOrgChart_CnMaterial.rocDetachedItem.rocAppendClue:before,
.RadOrgChart_CnMaterial.rocDetachedNode.rocAppendClue:before {
    content: "\e2c4";
    border: 0;
}

.RadOrgChart_CnMaterial.rocDetachedItem.rocNoDropClue:before,
.RadOrgChart_CnMaterial.rocDetachedNode.rocNoDropClue:before {
    content: "\e14b";
}

.rocToolbar_CnMaterial {
    overflow: hidden;
    padding: 0;
    border-radius: 2px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.14), 0 3px 6px rgba(0, 0, 0, 0.2);
    margin-top: -5px;
}

.rocToolbar_CnMaterial ul {
    margin: 0;
}

.rocToolbar_CnMaterial li {
    margin: 0;
}

    .rocToolbar_CnMaterial .rocToolbarButton {
        border-color: var(--border-color-ctrl);
        color: black;
        background-color: var(--bg-color-main-three);
        font: var(--font-icon-size) var(--font-icons);
        width: 1.1111111111em;
        height: 1.1111111111em;
        line-height: 1.1111111111;
        padding: 5px;
        border-width: 0;
    }

.rocToolbar_CnMaterial .rocToolbarButton.rocActionDrillHere:before {
    content: "\e258";
}

.rocToolbar_CnMaterial .rocToolbarButton.rocActionGoToRoot:before {
    content: "\e25a";
}

.rocToolbar_CnMaterial .rocToolbarButton.rocActionGoToParent:before {
    content: "\e259";
}

.rocToolbar_CnMaterial .rocActionGoToRootWrap .rocToolbarButton {
    border-left-width: 1px;
}

.rocToolbar_CnMaterial .rocToolbarButton:hover {
    border-color: var(--border-color-main-three);
    color: black;
    background-color: #ECEFF1;
}

.rocToolbar_CnMaterial .rocToolbarButton:active {
    border-color: var(--border-color-ctrl);
    color: black;
    background-color: var(--border-color-ctrl);
}