.RadListBox_CnMaterial {
    color: black;
}

.RadListBox_CnMaterial .rlbButton {
    border-color: var(--border-color-ctrl);
    color: black;
    background-color: var(--bg-color-main-three);
    padding: 8px;
    border: 0;
    border-radius: 3px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.2);
}

    .RadListBox_CnMaterial .rlbButtonIcon {
        font-size: var(--font-icon-size);
        font-family: var(--font-icons);
    }

.RadListBox_CnMaterial .rlbIconMoveUp:before {
    content: "\e5c7";
}

.RadListBox_CnMaterial .rlbIconMoveDown:before {
    content: "\e5c5";
}

.RadListBox_CnMaterial .rlbIconTransferLeft:before {
    content: "\e045";
}

.RadListBox_CnMaterial .rlbIconTransferRight:before {
    content: "\e044";
}

.RadListBox_CnMaterial .rlbIconTransferUp:before {
    content: "\e045";
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
}

.RadListBox_CnMaterial .rlbIconTransferDown:before {
    content: "\e044";
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
}

.RadListBox_CnMaterial .rlbIconTransferAllLeft:before {
    content: "\e020";
}

.RadListBox_CnMaterial .rlbIconTransferAllRight:before {
    content: "\e01f";
}

.RadListBox_CnMaterial .rlbIconTransferAllUp:before {
    content: "\e020";
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
}

.RadListBox_CnMaterial .rlbIconTransferAllDown:before {
    content: "\e01f";
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
}

.RadListBox_CnMaterial .rlbIconDelete:before {
    content: "\e5cd";
}

.RadListBox_CnMaterial .rlbButtonAreaTop {
    margin-bottom: 8px;
}

.RadListBox_CnMaterial .rlbButtonAreaBottom {
    margin-top: 8px;
}

    .RadListBox_CnMaterial .rlbGroup,
    .RadListBox_CnMaterial .rlbTemplateContent {
        border-color: var(--border-color-ctrl);
        color: black;
        background-color: var(--bg-color-main);
    }

.RadListBox_CnMaterial .rlbHeader,
.RadListBox_CnMaterial .rlbFooter {
    padding: 6px 13px;
}

.RadListBox_CnMaterial .rlbCheckAllItems {
    padding: 6px 13px;
}

.RadListBox_CnMaterial .rlbItem {
    padding: 6px 13px;
}

.RadListBox_CnMaterial .rlbButton:focus {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.14), 0 3px 6px rgba(0, 0, 0, 0.2);
}

    .RadListBox_CnMaterial .rlbHovered.rlbItem, .RadListBox_CnMaterial .rlbHighlight {
        color: var(--color-ctrl-default);
        background-color: var(--bg-color-ctrl-hover);
    }

    .RadListBox_CnMaterial .rlbHovered.rlbButton {
        border-color: var(--border-color-main-three);
        color: var(--color-ctrl-default);
        background-color: var(--bg-color-ctrl-hover);
    }

    .RadListBox_CnMaterial .rlbActive.rlbButton {
        border-color: var(--border-color-ctrl);
        color: var(--color-ctrl-default);
        background-color: var(--border-color-ctrl);
        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.14), 0 3px 6px rgba(0, 0, 0, 0.2);
    }

.RadListBox_CnMaterial .rlbSelected.rlbItem {
    color: #03A9F4;
    background-color: transparent;
}

    .RadListBox_CnMaterial .rlbDropClue {
        font-size: var(--font-icon-size);
        font-family: var(--font-icons);
    }

.RadListBox_CnMaterial .rlbDropClue:before {
    content: "\e5c8";
}

.RadListBox_CnMaterial .rlbDropClueAbove {
    border-top-color: var(--border-color-ctrl);
}

.RadListBox_CnMaterial .rlbDropClueBelow {
    border-bottom-color: var(--border-color-ctrl);
}

    .RadListBox_CnMaterial.rlbDragClue {
        background: var(--bg-color-main);
        box-shadow: 0 19px 38px rgba(0, 0, 0, 0.2), 0 15px 12px rgba(0, 0, 0, 0.2);
    }

.RadListBox_CnMaterial.rlbDragClue .rlbItem {
    border-color: transparent;
    color: inherit;
    background: none;
}

.RadListBox_CnMaterial.RadListBoxButtonAreaTop.rlbFixedHeight {
    padding: 32px 0 1.42857143em;
}

.RadListBox_CnMaterial.RadListBoxButtonAreaTop.rlbFixedHeight .rlbButtonAreaTop {
    margin-top: -32px;
}

.RadListBox_CnMaterial.RadListBoxButtonAreaBottom.rlbFixedHeight {
    padding: 32px 0 1.42857143em;
}

.RadListBox_CnMaterial.RadListBoxButtonAreaBottom.rlbFixedHeight .rlbGroup,
.RadListBox_CnMaterial.RadListBoxButtonAreaBottom.rlbFixedHeight .rlbTemplate {
    margin-top: -32px;
}