.RadToolBar_CnMaterial {
    border-color: var(--border-color-ctrl);
    color: black;
    background-color: var(--bg-color-main-three);
    padding: 0;
    overflow: hidden;
}

.RadToolBar_CnMaterial:before {
    padding: 13px 0;
}

.RadToolBar_CnMaterial_Horizontal .rtbItem + .rtbItem {
    margin: 0;
}

.RadToolBar_CnMaterial_Vertical .rtbItem + .rtbItem {
    margin-top: 0;
}

.RadToolBar_CnMaterial .rtbSeparator {
    margin: 0;
    border-color: var(--border-color-ctrl);
}

.RadToolBar_CnMaterial .rtbButton {
    border-width: 0;
    padding: 13px 15px;
    transition: all .2s ease-in-out;
}

.RadToolBar_CnMaterial .rtbButton.rtbIconOnly {
    padding: 13px;
}

.RadToolBar_CnMaterial .rtbArrow {
    margin: -13px -15px -13px 0;
    padding: 13px 10px;
}

.RadToolBar_CnMaterial .radIcon {
    height: 1.1111111111em;
    font-size: var(--font-icon-size);
    font-family: var(--font-icons);
}

.RadToolBar_CnMaterial .radIconDown:before {
    content: "\e5c5";
}

.RadToolBar_CnMaterial .rtbIconOnly .rtbImage {
    margin: 0;
}

.RadToolBar_CnMaterial .rtbMore {
    border-color: var(--border-color-ctrl);
    color: black;
    background-color: var(--bg-color-main-three);
    padding: 13px;
    border-width: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

.RadToolBar_CnMaterial .rtbMore .radIcon:before {
    content: "\e313";
}

.RadToolBar_CnMaterial .rtbMenuButton.rtbIconOnly .rtbArrow {
    margin: -13px -13px -13px 13px;
}

.RadToolBar_CnMaterial .rtbSplitButton {
    padding: 0;
}

.RadToolBar_CnMaterial .rtbSplitButton .rtbSplBtnActivator {
    padding: 13px 15px;
    border-width: 0;
}

.RadToolBar_CnMaterial .rtbSplitButton .rtbArrow {
    margin: 0;
    border-width: 0;
}

.RadToolBar_CnMaterial .rtbSplitButton.rtbIconOnly {
    padding: 0;
}

.RadToolBar_CnMaterial .rtbSplitButton.rtbIconOnly .rtbSplBtnActivator {
    padding: 13px;
}

.RadToolBar_CnMaterial .rtbHovered .rtbButton {
    border-color: var(--border-color-main-three);
    color: black;
    background-color: var(--bg-color-main-three);
}

.RadToolBar_CnMaterial .rtbHovered .rtbArrow {
    border-color: var(--border-color-ctrl);
}

.RadToolBar_CnMaterial .rtbFocused .rtbButton,
.RadToolBar_CnMaterial .rtbFocused.rtbMore {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.14), 0 3px 6px rgba(0, 0, 0, 0.2);
}

.RadToolBar_CnMaterial .rtbFocused .rtbArrow {
    border-left-color: var(--border-color-ctrl);
}

.RadToolBar_CnMaterial .rtbChecked .rtbButton {
    border-color: var(--border-color-ctrl);
    color: black;
    background-color: var(--border-color-ctrl);
}

.RadToolBar_CnMaterial .rtbExpanded .rtbButton,
.RadToolBar_CnMaterial .rtbExpanded .rtbButton.rtbMenuButton,
.RadToolBar_CnMaterial .rtbExpanded.rtbMore {
    border-color: var(--border-color-ctrl);
    color: black;
    background-color: var(--bg-color-main);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.14), 0 3px 6px rgba(0, 0, 0, 0.2);
}

.RadToolBar_CnMaterial .rtbExpanded .rtbButton {
    z-index: 1;
    position: relative;
}

    .RadToolBar_CnMaterial .rtbExpanded .rtbButton.rtbSplitButton .rtbSplBtnActivator,
    .RadToolBar_CnMaterial .rtbExpanded .rtbButton.rtbSplitButton .rtbArrow {
        border-color: var(--border-color-ctrl);
        color: black;
        background-color: var(--bg-color-main);
    }

.RadToolBar_CnMaterial .rtbPressed .rtbButton:not(.rtbSplitButton) {
    border-color: var(--border-color-ctrl);
    color: black;
    background-color: var(--border-color-ctrl);
}

.RadToolBar_CnMaterial .rtbPressed .rtbSplitButton,
.RadToolBar_CnMaterial .rtbPressed .rtbArrow {
    border-color: var(--border-color-ctrl);
}

.RadToolBar_CnMaterial .rtbSplitButton .rtbPressed.rtbSplBtnActivator, .RadToolBar_CnMaterial .rtbSplitButton .rtbPressed.rtbArrow {
    border-color: var(--border-color-ctrl);
    color: black;
    background-color: var(--border-color-ctrl);
}

.RadToolBar_CnMaterial_rtl.RadToolBar_Horizontal .rtbItem + .rtbItem {
    margin-left: 0;
    margin-right: 0;
}

.RadToolBar_CnMaterial_rtl .rtbMenuButton .rtbArrow {
    margin: -13px 0 -13px -15px;
}

.RadToolBar_CnMaterial_rtl .rtbSplitButton .rtbArrow {
    margin: 0;
}

.RadToolBar_CnMaterial_rtl .rtbMore {
    left: 0;
    right: auto;
}

.RadToolBar_CnMaterial_Horizontal .rtbSeparator {
    border-width: 0 0 0 1px;
}

.RadToolBar_CnMaterial_Vertical:before {
    display: none;
}

.RadToolBar_CnMaterial_Vertical .rtbSeparator {
    border-width: 1px 0 0 0;
}

.RadToolBar_CnMaterial_Vertical .rtbSplitButton {
    padding-right: 29px;
}

.RadToolBar_CnMaterial_Vertical .rtbSplitButton .rtbArrow {
    margin-right: -29px;
}

.rtbPopup_CnMaterial {
    border-color: var(--border-color-ctrl);
    color: black;
    background-color: var(--bg-color-main);
    border-width: 0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.2);
}

.rtbPopup_CnMaterial .rtbMenu,
.rtbPopup_CnMaterial .rtbUL {
    padding: 16px 0;
}

.rtbPopup_CnMaterial .rtbLink,
.rtbPopup_CnMaterial .rtbInner {
    border: 0;
}

.rtbPopup_CnMaterial .rtbMenuButton,
.rtbPopup_CnMaterial .rtbSplBtnActivator {
    padding: 8px 13px 8px 32px;
}

.rtbPopup_CnMaterial .rtbArrow {
    padding: 8px;
}

    .rtbPopup_CnMaterial .radIcon {
        font-size: var(--font-icon-size);
        font-family: var(--font-icons);
    }

.rtbPopup_CnMaterial .radIconDown:before {
    content: "\e5c5";
}

.rtbPopup_CnMaterial .rtbExpanded .radIconDown:before {
    content: "\e5c7";
}

.rtbPopup_CnMaterial .rtbSeparator {
    margin: 8px 0;
    border-color: var(--border-color-ctrl);
}

.rtbPopup_CnMaterial .rtbUL > .rtbSeparator {
    margin: 8px 0;
}

.rtbPopup_CnMaterial .rtbSplitItem .rtbInner {
    padding-right: calc(1.42857143em + 17px);
}

.rtbPopup_CnMaterial .rtbFocused > .rtbLink,
.rtbPopup_CnMaterial .rtbFocused > .rtbInner {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.2);
    z-index: 1;
    position: relative;
}

.rtbPopup_CnMaterial .rtbFocused > .rtbInner .rtbArrow {
    border-left-color: var(--border-color-ctrl);
}

    .rtbPopup_CnMaterial .rtbHovered > .rtbLink {
        border-color: var(--border-color-main-three);
        color: black;
        background-color: var(--bg-color-main-three);
    }

    .rtbPopup_CnMaterial .rtbHovered > .rtbInner,
    .rtbPopup_CnMaterial .rtbHovered.rtbSplitItem > .rtbInner.rtbButton {
        border-color: var(--border-color-main-three);
        color: black;
        background-color: var(--bg-color-main-three);
    }

.rtbPopup_CnMaterial .rtbHovered > .rtbInner .rtbArrow,
.rtbPopup_CnMaterial .rtbHovered.rtbSplitItem > .rtbInner.rtbButton .rtbArrow {
    border-color: var(--border-color-ctrl);
}

.rtbPopup_CnMaterial .rtbSelected > .rtbLink {
    border-color: transparent;
    color: #03A9F4;
    background-color: transparent;
}

.rtbPopup_CnMaterial .rtbSelected > .rtbInner,
.rtbPopup_CnMaterial .rtbPressed > .rtbInner,
.rtbPopup_CnMaterial .rtbChecked > .rtbInner {
    border-color: var(--border-color-ctrl);
    color: black;
    background-color: var(--border-color-ctrl);
}

.rtbPopup_CnMaterial .rtbSelected > .rtbInner .rtbArrow,
.rtbPopup_CnMaterial .rtbPressed > .rtbInner .rtbArrow,
.rtbPopup_CnMaterial .rtbChecked > .rtbInner .rtbArrow {
    border-left-color: var(--border-color-ctrl);
}

.rtbPopup_CnMaterial .rtbSplitItem .rtbPressed.rtbSplBtnActivator, .rtbPopup_CnMaterial .rtbSplitItem .rtbPressed.rtbArrow {
    border-color: var(--border-color-ctrl);
    color: black;
    background-color: var(--border-color-ctrl);
}

    .rtbPopup_CnMaterial .rtbExpanded > .rtbInner,
    .rtbPopup_CnMaterial .rtbExpanded.rtbHovered > .rtbInner.rtbButton {
        border-color: var(--border-color-ctrl);
        color: black;
        background-color: var(--bg-color-main);
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.2);
    }

.rtbPopup_CnMaterial .rtbExpanded > .rtbInner .rtbArrow,
.rtbPopup_CnMaterial .rtbExpanded.rtbHovered > .rtbInner.rtbButton .rtbArrow {
    border-left-color: var(--border-color-ctrl);
}

.rtbPopup_CnMaterial .rtbMenu:before {
    display: none;
}

.rtbPopup_CnMaterial.rtbShadows {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.2);
}

.rtbPopup_CnMaterial_rtl .rtbMenuButton,
.rtbPopup_CnMaterial_rtl .rtbSplBtnActivator {
    padding: 8px 32px 8px 13px;
}

.rtbPopup_CnMaterial_rtl .rtbSplitItem .rtbInner {
    padding-right: 0;
    padding-left: calc(1.42857143em + 17px);
}
