.RadMenu_CnMaterial .rmGroup,
.RadMenu_CnMaterial .rmMultiColumn,
.RadMenu_CnMaterial .rmPopup {
    border-color: var(--border-color-ctrl-default);
    color: var(--color-main_text);
    background-color: var(--bg-color-main);
    padding: 0;
    border-width: 0;
    font-weight: var(--font-bold);
    font-size: var(--font-size);
}

    .RadMenu_CnMaterial .rmGroup:before,
    .RadMenu_CnMaterial .rmMultiColumn:before,
    .RadMenu_CnMaterial .rmScrollWrap > .rmHorizontal:before,
    .RadMenu_CnMaterial .rmScrollWrap > .rmVertical:before {
        /*display: none;*/
        background-color: var(--bg-color-main-second);
        border-right-color: var(--border-color-main_menu-default);
    }

.RadMenu_CnMaterial .rmVertical > li.rmSeparator {
    margin: 0;
    border-top-color: #e6e5e5;
    border-bottom-color: var(--border-color-main_menu-default);
}

.RadMenu_CnMaterial .rmHorizontal > li.rmSeparator {
    border-left-color: #e6e5e5;
    border-right-color: var(--color-main_text-light);
}

.RadMenu_CnMaterial .rmIcon {
    font-size: var(--font-icon-size) !important;
    font-family: var(--font-icons) !important;
    overflow: hidden;
    position: absolute;
    left: 50% !important;
    top: 50%;
    text-indent: -999em;
}

    .RadMenu_CnMaterial .rmIcon:before {
        font-size: var(--font-icon-size);
        text-indent: 0 !important;
        display: block !important;
    }

.RadMenu_CnMaterial .rmIcon,
.RadMenu_CnMaterial .rmArrow .rmIcon,
.RadMenu_CnMaterial .rmGroup .rmIcon {
    width: 18px;
    height: 24px;
    line-height: 24px;
    margin: -12px 0 0 -12px !important;
}

    .RadMenu_CnMaterial .rmIcon:before,
    .RadMenu_CnMaterial .rmExpand:before {
        color: var(--color-main);
        font-family: var(--font-icons);
    }

.RadMenu_CnMaterial .rmExpand:before {
    color: var(--color-main-default);
    font-weight: var(--font-bold);
}

        .RadMenu_CnMaterial .rmExpand:before {
            right: 8px !important;
        }

.RadMenu_CnMaterial .rmTopArrow .rmIcon:before {
    content: "\e5c7" !important;
}

.RadMenu_CnMaterial .rmHorizontal .rmToggle .rmIcon:before,
.RadMenu_CnMaterial .rmHorizontal .rmExpand:before,
.RadMenu_CnMaterial .rmBottomArrow .rmIcon:before {
    content: "\e5cc" !important;
    font-family: var(--font-icons);
    font-size: var(--font-icon-size);
    font-weight: var(--font-icon-bold);
    color: var(--color-main-default);
}
.RadMenu_CnMaterial .rmBottomArrow .rmIcon:before {
    color: var(--color-main);
}
    .RadMenu_CnMaterial .rmBottomArrow .rmIcon:before {
        content: "\e5c5" !important;
    }
.RadMenu_CnMaterial .rmLeftArrow .rmIcon:before {
    content: "\e5de" !important;
    color: var(--color-main_text-light);
}

.RadMenu_CnMaterial .rmVertical .rmToggle .rmIcon:before,
.RadMenu_CnMaterial .rmVertical .rmExpand:before {
    content: "\e315" !important;
    font-size: var(--font-icon-size);
    font-weight: var(--font-icon-bold);
    font-family: var(--font-icons);
}
.RadMenu .rmRightArrow .rmIcon:before, .RadMenu .rmLeftArrow .rmIcon:before {
    color: var(--color-main_text-light);
    width: 28px;
    text-indent: unset !important;
    font-size: 32px;
}
.RadMenu .rmRightArrow .rmIcon:before {
    content: "\e5df" !important;
}
.RadMenu .rmLeftArrow .rmIcon:before {
    content: "\e5de" !important;
}
.RadMenu .rmRightArrow .rmIcon, .RadMenu_CnMaterial .rmLeftArrow .rmIcon {
    text-indent: unset !important;
    font-size: 32px;
    margin: -12px 0 0 -16px;
    width: 24px;
}
.RadMenu_CnMaterial .rmArrow {
    border: 0 !important;
    background-color: var(--bg-color-pri-default);
}
.RadMenu .rmTopArrow {
    border-bottom: 1px solid var(--border-color-main_menu-default) !important;
}
    .RadMenu .rmTopArrow .rmIcon:before {
        font-size: var(--font-icon-size);
    }
.RadMenu .rmBottomArrow {
    border-top: 1px solid var(--border-color-main_menu-default) !important;
}
    .RadMenu .rmTopArrow, .RadMenu .rmTopArrow:hover, .RadMenu .rmBottomArrow, .RadMenu .rmBottomArrow:hover {
        border-color: var(--border-color-main_menu-default);
        background-color: var(--bg-color-main-second) !important;
    }
.RadMenu_CnMaterial .rmRightArrow {
    box-shadow: -15px -1px 20px -6px rgba(0,0,0,0.25);
    -webkit-box-shadow: -15px -1px 20px -6px rgba(0,0,0,0.25);
    -moz-box-shadow: -15px -1px 20px -6px rgba(0,0,0,0.25);
}
.RadMenu_CnMaterial .rmLeftArrow {
    box-shadow: 13px 0px 20px -6px rgba(0,0,0,0.25);
    -webkit-box-shadow: 13px 0px 20px -6px rgba(0,0,0,0.25);
    -moz-box-shadow: 13px 0px 20px -6px rgba(0,0,0,0.25);
}
.RadMenu_CnMaterial .rmLeftArrow,
.RadMenu_CnMaterial .rmRightArrow {
    width: 36px;
}

.RadMenu_CnMaterial .rmRootGroup {
    padding: 0 !important;
    border: 0 !important;
    color: var(--color-main_menu-default);
}

    .RadMenu_CnMaterial .rmRootGroup.rmVertical {
        background-image: none;
        color: var(--color-main_text);
        background: var(--bg-color-main);
    }
        
.RadMenu_CnMaterial .rmRootGroup.rmVertical > .rmItem,
.RadMenu_CnMaterial .rmRootGroup.rmVertical > .rmRootScrollGroup > .rmItem {
    margin-bottom: 0;
}

.RadMenu_CnMaterial .rmRootGroup.rmVertical > .rmItem.rmLast,
.RadMenu_CnMaterial .rmRootGroup.rmVertical > .rmRootScrollGroup > .rmItem.rmLast {
    margin-bottom: 0;
}

.RadMenu_CnMaterial .rmRootGroup.rmHorizontal > .rmItem,
.RadMenu_CnMaterial .rmRootGroup.rmHorizontal > .rmRootScrollGroup > .rmItem {
    border: 0 !important;
    margin-right: 2px;
}

.RadMenu_CnMaterial .rmRootGroup.rmHorizontal > .rmItem.rmLast,
.RadMenu_CnMaterial .rmRootGroup.rmHorizontal > .rmRootScrollGroup > .rmItem.rmLast {
    margin-right: 0;
}

.RadMenu_CnMaterial .rmRootGroup .rmRootLink {
    /*padding: 10px 14px !important;*/
    /*font-size: 1.1428571429em;*/
    font-size:15px;
    /*border-radius: 2px;*/
}

    .RadMenu_CnMaterial .rmRootGroup .rmRootLink:hover {
        border-color: var(--border-color-main-three);
        color: var(--color-main_menu-hover);
        background-color: var(--bg-color-main_menu-hover);
    }
        .RadMenu_CnMaterial .rmRootGroup .rmRootLink:hover img {
            -webkit-filter: var(--filter-main-hover);
            filter: var(--filter-main-hover);
            -moz-filter: var(--filter-main-hover);
        }
    .RadMenu_CnMaterial .rmRootGroup .rmArrow:hover {
        background: var(--bg-color-pri-hover);
        color: var(--color-main_text);
    }

    .RadMenu_CnMaterial .rmRootGroup > .rmArrow:hover .rmIcon:before {
        color: var(--color-main_text);
    }

    .RadMenu_CnMaterial .rmRootGroup .rmSelected > .rmRootLink,
    .RadMenu_CnMaterial .rmRootGroup .rmExpanded > .rmRootLink {
        border-color: var(--border-color-ctrl);
        color: var(--color-main_menu-selected);
        background-color: var(--bg-color-main_menu-selected) !important;
    }
    .RadMenu_CnMaterial .rmRootGroup.rmVertical .rmSelected > .rmRootLink,
    .RadMenu_CnMaterial .rmRootGroup.rmVertical .rmExpanded > .rmRootLink {
        border-color: var(--border-color-ctrl);
        color: var(--color-main_menu-selected);
        background-color: var(--bg-color-main_menu-selected);
    }
        .RadMenu_CnMaterial .rmRootGroup.rmVertical .rmSelected > .rmRootLink img,
        .RadMenu_CnMaterial .rmRootGroup.rmVertical .rmExpanded > .rmRootLink img {
            -webkit-filter: var(--filter-unset);
            filter: var(--filter-unset);
            -moz-filter: var(--filter-unset);
        }
    .RadMenu_CnMaterial .rmRootGroup .rmSelected > .rmRootLink img,
    .RadMenu_CnMaterial .rmRootGroup .rmExpanded > .rmRootLink img {
        -webkit-filter: var(--filter-main-hover);
        filter: var(--filter-main-hover);
        -moz-filter: var(--filter-main-hover);
    }
/*    .RadMenu_CnMaterial .rmRootGroup .rmFocused > .rmRootLink {
        box-shadow: 0 0 0 1px rgba(178, 192, 198, 0.5) inset;
    }*/

.RadMenu_CnMaterial .rmShadows {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.2);
}

.RadMenu_CnMaterial .rmPopup,
.RadMenu_CnMaterial .rmGroup {
    padding: 16px 0;
    border-radius: 2px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.2);
}

.RadMenu_CnMaterial .rmPopup.rmScrollWrap > .rmVertical,
.RadMenu_CnMaterial .rmGroup.rmScrollWrap > .rmVertical {
    padding: 16px 0;
}

.RadMenu_CnMaterial .rmPopup.rmScrollWrap > .rmHorizontal,
.RadMenu_CnMaterial .rmGroup.rmScrollWrap > .rmHorizontal {
    padding: 4px;
}

.RadMenu_CnMaterial .rmPopup .rmLink,
.RadMenu_CnMaterial .rmGroup .rmLink {
    border: 0;
    padding-top: 6px;
    padding-bottom: 6px;
}

.RadMenu_CnMaterial .rmPopup .rmText,
.RadMenu_CnMaterial .rmGroup .rmText {
    display: inline-block;
}

.RadMenu_CnMaterial .rmPopup .rmImage,
.RadMenu_CnMaterial .rmPopup .rmLeftImage,
.RadMenu_CnMaterial .rmGroup .rmImage,
.RadMenu_CnMaterial .rmGroup .rmLeftImage {
    left: 5px !important;
}

.RadMenu_CnMaterial .rmPopup.rmLevel2,
.RadMenu_CnMaterial .rmGroup.rmLevel2 {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.14), 0 3px 6px rgba(0, 0, 0, 0.2);
}

.RadMenu_CnMaterial .rmPopup.rmLevel3,
.RadMenu_CnMaterial .rmGroup.rmLevel3 {
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.16), 0 6px 6px rgba(0, 0, 0, 0.2);
}

.RadMenu_CnMaterial .rmPopup.rmLevel4,
.RadMenu_CnMaterial .rmGroup.rmLevel4 {
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.18), 0 10px 10px rgba(0, 0, 0, 0.2);
}

.RadMenu_CnMaterial .rmPopup.rmLevel5,
.RadMenu_CnMaterial .rmGroup.rmLevel5 {
    box-shadow: 0 19px 38px rgba(0, 0, 0, 0.2), 0 15px 12px rgba(0, 0, 0, 0.2);
}

    .RadMenu_CnMaterial .rmPopup .rmLink:hover,
    .RadMenu_CnMaterial .rmGroup .rmLink:hover {
    /*    border-color: var(--border-color-main-three);*/
        color: var(--color-main_menu-hover);
        background-color: var(--bg-color-main_menu-hover);
    }

    .RadMenu_CnMaterial .rmPopup .rmSelected > .rmLink,
    .RadMenu_CnMaterial .rmGroup .rmSelected > .rmLink {
        border-color: transparent;
        color: var(--color-main_menu-hover);
        background-color: transparent;
    }

    .RadMenu_CnMaterial .rmPopup .rmExpanded > .rmLink,
    .RadMenu_CnMaterial .rmGroup .rmExpanded > .rmLink {
        border-color: var(--border-color-main-three);
        color: var(--color-main_menu-hover);
        background-color: var(--bg-color-main_menu-selected);
    }

.RadMenu_CnMaterial .rmPopup .rmFocused > .rmLink,
.RadMenu_CnMaterial .rmGroup .rmFocused > .rmLink {
    box-shadow: 0 0 0 1px rgba(178, 192, 198, 0.5) inset;
}

.RadMenu_CnMaterial_rtl .rmExpand:before {
    right: auto;
    left: 8px;
}

.RadMenu_CnMaterial_rtl .rmVertical .rmToggle .rmIcon:before,
.RadMenu_CnMaterial_rtl .rmVertical .rmExpand:before {
    content: "\e314";
}
.RadMenuPopup {
    border-color: var(--border-color-ctrl);
    color: var(--color-main_text);
    background-color: var(--bg-color-main);
    padding: 0;
    border-width: 0;
    font-weight: var(--font-bold);
    font-size: var(--font-size);
}
    .RadMenuPopup:after {
        color: var(--color-main_text-light);
        top: -8px !important;
    }
    .RadMenuPopup .rmToggle:before {
        font-family: var(--font-icons) !important;
        content: "\e5cc" !important;
        color: var(--color-main-default)
    }
    .RadMenuPopup .rmParentItem:before {
        content: "\e5de" !important;
        font-family: var(--font-icons) !important;
    }
    .RadMenuPopup .rmItem {
        border-color: var(--border-color-main_menu-default) !important;
    }
    .RadMenuPopup ul.rmRootGroup > li.menu-navibar > .rmLink > img {
        -webkit-filter: var(--filter-unset);
        filter: var(--filter-unset);
        -moz-filter: var(--filter-unset);
    }

/*For infobox*/
.clMnuInfoBox .rmRootGroup.rmHorizontal .rmRootLink:hover img,
.clMnuProcess .rmRootGroup.rmHorizontal .rmRootLink:hover img,
.clMnuInfoBox .rmRootGroup.rmHorizontal .rmSelected > .rmRootLink img,
.clMnuProcess .rmRootGroup.rmHorizontal .rmExpanded > .rmRootLink img,
.clMnuInfoBox .rmRootGroup .clInfoBox > .rmRootLink .rmLeftImage,
.clMnuProcess .rmRootGroup .clProcess > .rmRootLink .rmLeftImage {
    filter: var(--filter-unset);
    -webkit-filter: var(--filter-unset);
    -moz-filter: var(--filter-unset);
}

.clMnuInfoBox .rmRootGroup .rmExpanded > .rmRootLink {
    background-color: var(--bg-color-main_menu-selected) !important;
}

.clMnuInfoBox ul, .clMnuProcess ul {
    border-radius: 4px;
}

.clMnuInfoBox .rmRootGroup .clInfoBox .rmRootLink .rmLeftImage,
.clMnuProcess .rmRootGroup .clProcess .rmRootLink .rmLeftImage {
    margin: unset;
}

.clMnuInfoBox .rmRootGroup.rmHorizontal .rmRootLink:hover,
.clMnuProcess .rmRootGroup.rmHorizontal .rmRootLink:hover,
.clMnuInfoBox .rmRootGroup.rmHorizontal .rmSelected > .rmRootLink,
.clMnuProcess .rmRootGroup.rmHorizontal .rmExpanded > .rmRootLink {
    background-color: var(--bg-color-main_menu-hover);
}

.clMnuInfoBox .rmRootGroup .rmExpanded .rmRootLink .rmText .infpnl-iconvstext_text,
.clMnuProcess .rmRootGroup .rmExpanded .rmRootLink .rmText .infpnl-iconvstext_text,
.clMnuInfoBox .rmRootGroup .clInfoBox .rmRootLink:hover .rmText .infpnl-iconvstext_text,
.clMnuProcess .rmRootGroup .clProcess .rmRootLink:hover .rmText .infpnl-iconvstext_text,
.clMnuInfoBox .rmRootGroup .rmExpanded .rmRootLink .infpnl-onlytext_text,
.clMnuProcess .rmRootGroup .rmExpanded .rmRootLink .infpnl-onlytext_text,
.clMnuInfoBox .rmRootGroup .clInfoBox .rmRootLink:hover .infpnl-onlytext_text,
.clMnuProcess .rmRootGroup .clProcess .rmRootLink:hover .infpnl-onlytext_text {
    color: var(--color-main_menu-hover);
}

/*End for infobox*/