﻿#menuRow {
    /*background: rgba(0, 0, 0, 0.85);*/
    background-color: #F3F1F0;
    z-index: 1000;
}

#menuRow {
    text-align: left !important;
}

.RadMenu_Base {
}



.RadMenu .rmRootGroup .rmRootLink {
    padding: 4px 30px !important;
    /*color: #fff;*/
}


/* mouseover an item to change it's color */
.RadMenu:hover .rmRootGroup:hover .rmRootLink:hover {
    padding: 4px 30px !important;
    color: #000000; /* selected color */
    background-color: #f0f0f0 !important;
}

    .RadMenu:hover .rmRootGroup:hover .rmRootLink:hover i {
        color: #000000; /* selected color */
        background-color: #f0f0f0 !important;
    }

/*
    .RadMenu .rmRootGroup .rmRootLink i {
        color: #fff;
    }
*/

.RadMenu_Base .rmRootGroup.rmHorizontal {
    color: #000000;
    
    border: none;
}

.RadMenu .rmRootGroup.rmHorizontal > .rmItem, .RadMenu .rmRootGroup.rmHorizontal > .rmRootScrollGroup > .rmItem {
    border: none !important;
    color: #000;
}

.rmVertical {
    background: #FFF !important;
    border-radius: 6px !important;
    color: #000000 !important;  /* the menu item color inside of a parent,  ie:  the Admin menu item colors before mouse over.*/
    border-color: #FFF !important;
    text-align: left !important;
    box-shadow: 0 2px 5px #DDD;
}

/* for the current selected page change at the top menu color and make it bold */
.rmSelected {
    /*color: #3169CF !important; */ /* selected color */
    color: #868887 !important; /* the top header menu selected page font color */
    background: transparent !important;
    font-weight: bold;
}

.rmVertical .rmItem .rmLink {
    border: none !important;
}

.RadMenu .rmGroup .rmLink {
    padding: 0px 14px !important;
    border: none !important;
    background: none !important;
    font-weight: normal !important;
}

.RadMenu .rmGroup:before, .RadMenu .rmMultiColumn:before, .RadMenu .rmScrollWrap > .rmHorizontal:before, .RadMenu .rmScrollWrap > .rmVertical:before {
    content: "";
    border-width: 0 0 0 0 !important;
}

.rmVertical .rmItem {
    margin: 5px 0 !important;
}

    .rmVertical .rmItem:hover {
        background: #000000 !important; /* mouseover background color when mouse over list items, ie: inside Admin menu */
        color: #fff !important;
        border-radius: 6px !important;
    }

.rmItem .rmSelected .rmLink {
    /*color: #000000 !important;*/ /* selected color */
}

.rmGroup .rmRootGroup {
    background: #FFF !important;
}

.RadMenuPopup .rmItem, .RadMenuPopup .rmLink, .RadMenuPopup .rmParentItem, .RadMenuPopup .rmToggle, .RadMenuPopup .rmToggle {
    border: none !important;
}

.RadMenuPopup {
    background: #FFF !important;
    border-radius: 6px !important;
    color: #000000 !important;
    border-color: #DDD !important;
    text-align: left !important;
    box-shadow: 0 2px 5px #DDD;
}

    .RadMenuPopup .rmItem:hover {
        background: #000000 !important;
        color: #fff !important; /* selected color */
        border-radius: 6px !important;
    }
