﻿.RadMenu_MenuTemp {
    font-family: "Roboto", "Noto", sans-serif;
    background-color: green;
}

    .RadMenu_MenuTemp .rmGroup,
    .RadMenu_MenuTemp .rmMultiColumn {
        border-color: #CFD8DC;
        color: #455A64;
        background-color: orange;
        padding: 0;
        border-width: 0;
    }

        .RadMenu_MenuTemp .rmGroup:before,
        .RadMenu_MenuTemp .rmMultiColumn:before,
        .RadMenu_MenuTemp .rmScrollWrap > .rmHorizontal:before,
        .RadMenu_MenuTemp .rmScrollWrap > .rmVertical:before {
            display: none;
        }

    .RadMenu_MenuTemp .rmVertical > li.rmSeparator {
        margin: 0;
        border-top-color: #e6e6e6;
        border-bottom-color: white;
    }

    .RadMenu_MenuTemp .rmHorizontal > li.rmSeparator {
        border-left-color: #e6e6e6;
        border-right-color: white;
    }

    .RadMenu_MenuTemp .rmIcon {
        font-size: 0;
    }

        .RadMenu_MenuTemp .rmIcon:before {
            font-size: 18px;
            text-indent: 0;
        }

    .RadMenu_MenuTemp .rmIcon,
    .RadMenu_MenuTemp .rmArrow .rmIcon,
    .RadMenu_MenuTemp .rmGroup .rmIcon {
        width: 24px;
        height: 24px;
        line-height: 24px;
        margin: -12px 0 0 -12px;
    }

        .RadMenu_MenuTemp .rmIcon:before,
        .RadMenu_MenuTemp .rmExpand:before {
            color: #607D8B;
            font-family: "Material Icons";
        }

    .RadMenu_MenuTemp .rmExpand:before {
        right: 8px;
    }

    .RadMenu_MenuTemp .rmTopArrow .rmIcon:before {
        content: "\e5c7";
    }

    .RadMenu_MenuTemp .rmHorizontal .rmToggle .rmIcon:before,
    .RadMenu_MenuTemp .rmHorizontal .rmExpand:before,
    .RadMenu_MenuTemp .rmBottomArrow .rmIcon:before {
        content: "\e5c5";
    }

    .RadMenu_MenuTemp .rmLeftArrow .rmIcon:before {
        content: "\e314";
    }

    .RadMenu_MenuTemp .rmVertical .rmToggle .rmIcon:before,
    .RadMenu_MenuTemp .rmVertical .rmExpand:before,
    .RadMenu_MenuTemp .rmRightArrow .rmIcon:before {
        content: "\e315";
    }

    .RadMenu_MenuTemp .rmArrow {
        border: 0;
        background-color: #ffffff;
    }

    .RadMenu_MenuTemp .rmLeftArrow,
    .RadMenu_MenuTemp .rmRightArrow {
        width: 36px;
    }

    .RadMenu_MenuTemp .rmRootGroup {
        padding: 4px;
        border: 0;
        color: white;
        background-color: #4C6D3B;
    }

        .RadMenu_MenuTemp .rmRootGroup.rmVertical {
            background-image: none;
        }

            .RadMenu_MenuTemp .rmRootGroup.rmVertical > .rmItem,
            .RadMenu_MenuTemp .rmRootGroup.rmVertical > .rmRootScrollGroup > .rmItem {
                margin-bottom: 0px;
            }


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

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

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

        .RadMenu_MenuTemp .rmRootGroup .rmRootLink {
            padding: 5px 15px;
            font-size: 1em;
            border-radius: 2px;
        }

            .RadMenu_MenuTemp .rmRootGroup .rmRootLink:hover {
                border-color: blue;
                color: #455A64;
                background-color: #ECEFF1;
            }

        .RadMenu_MenuTemp .rmRootGroup .rmArrow:hover {
            background: #ECEFF1;
        }

        .RadMenu_MenuTemp .rmRootGroup > .rmArrow:hover .rmIcon:before {
            color: #263238;
        }

        .RadMenu_MenuTemp .rmRootGroup .rmSelected > .rmRootLink,
        .RadMenu_MenuTemp .rmRootGroup .rmExpanded > .rmRootLink {
            border-color: #CFD8DC;
            color: #455A64;
            background-color: #B6D0A8;
        }

        .RadMenu_MenuTemp .rmRootGroup .rmFocused > .rmRootLink {
            box-shadow: 0 0 0 1px rgba(178, 192, 198, 0.5) inset;
        }

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

    .RadMenu_MenuTemp .rmPopup,
    .RadMenu_MenuTemp .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_MenuTemp .rmPopup.rmScrollWrap > .rmVertical,
        .RadMenu_MenuTemp .rmGroup.rmScrollWrap > .rmVertical {
            padding: 16px 0;
        }

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

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

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

        .RadMenu_MenuTemp .rmPopup .rmImage,
        .RadMenu_MenuTemp .rmPopup .rmLeftImage,
        .RadMenu_MenuTemp .rmGroup .rmImage,
        .RadMenu_MenuTemp .rmGroup .rmLeftImage {
            left: 8px;
        }

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

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

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

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

        .RadMenu_MenuTemp .rmPopup .rmLink:hover,
        .RadMenu_MenuTemp .rmGroup .rmLink:hover {
            border-color: #ECEFF1;
            color: #455A64;
            background-color: #ECEFF1;
        }

        .RadMenu_MenuTemp .rmPopup .rmSelected > .rmLink,
        .RadMenu_MenuTemp .rmGroup .rmSelected > .rmLink {
            border-color: transparent;
            color: #03A9F4;
            background-color: transparent;
        }

        .RadMenu_MenuTemp .rmPopup .rmExpanded > .rmLink,
        .RadMenu_MenuTemp .rmGroup .rmExpanded > .rmLink {
            border-color: #ECEFF1;
            color: #455A64;
            background-color: #ECEFF1;
        }

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

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

.RadMenu_MenuTemp_rtl .rmVertical .rmToggle .rmIcon:before,
.RadMenu_MenuTemp_rtl .rmVertical .rmExpand:before {
    content: "\e314";
}
