﻿#menuRow {
    background: rgba(0, 0, 0, 0.85);
    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: #AD6A2E;
}

    .RadMenu:hover .rmRootGroup:hover .rmRootLink:hover i {
        color: #AD6A2E;
    }

/*
    .RadMenu .rmRootGroup .rmRootLink i {
        color: #fff;
    }
*/

.RadMenu_Base .rmRootGroup.rmHorizontal {
    color: #000;
    border: none;
}

.RadMenu .rmRootGroup.rmHorizontal > .rmItem, .RadMenu .rmRootGroup.rmHorizontal > .rmRootScrollGroup > .rmItem {
    border: none !important;
    color: #fff;
}

.rmVertical {
    background: #FFF !important;
    border-radius: 6px !important;
    color: #000 !important;
    border-color: #FFF !important;
    text-align: left !important;
    box-shadow: 0 2px 5px #DDD;
}

/* for the current selected page change the color and make it bold */
.rmSelected {
    color: #AD6A2E !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: #000 !important;
        color: #fff !important;
        border-radius: 6px !important;
    }

.rmItem .rmSelected .rmLink {
    color: #AD6A2E !important;
}

.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: #000 !important;
    border-color: #DDD !important;
    text-align: left !important;
    box-shadow: 0 2px 5px #DDD;
}

    .RadMenuPopup .rmItem:hover {
        background: #000 !important;
        color: #AD6A2E !important;
        border-radius: 6px !important;
    }

