/* <RadMenu / Base> */
.RadMenu_Base .rmRootGroup,
.RadMenu_Base a.rmLink,
.RadMenu_Base .rmText,
.RadMenu_Base .rmLeftArrow,
.RadMenu_Base .rmRightArrow,
.RadMenu_Base .rmTopArrow,
.RadMenu_Base .rmBottomArrow {
    background-image: none;
}

/*
.RadMenu_Base .rmRootGroup {
  border: 1px solid #008F86;
  background-color: #008F86;
}
    */

.RadMenu {
    display: inline-block !important;
    white-space: normal !important;
}

.RadMenu_Base .rmIcon {
    margin: -.5em 0 0 -.5em;
    width: 1em;
    height: 1em;
    background-repeat: no-repeat;
    font-size: 16px;
    line-height: 1;
    font-family: "WebComponentsIcons";
    text-indent: -999em;
    display: none;
    overflow: hidden;
    position: absolute;
    left: 50%;
    top: 50%;
}

.RadMenu .rmGroup, .RadMenu .rmRootGroup, .RadMenu .rmMultiColumn, .RadMenu .rmPopup {
    box-sizing: content-box;
    border-width: 0px !important;
    border-style: solid;
    background-position: 0 0;
    position: relative;
    left: 0;
    top: 0;
}

/* <Root items> */
.RadMenu_Base,
.RadMenu_Base a.rmLink {
    color: #ffffff;
    text-decoration: none;
    font-size: 16px !important;
    font-weight: bold;
    font-family: arial;
    background-color: #d3d3d3;
    border-width: 1px;
    border-color: #008F86;
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
    margin-right: 1px !important;
}

/* Parent Menu with Children */
.RadMenu .rmGroup .rmLink {
    padding: 2px 4px !important;
    border: 1px solid transparent;
    background-position: 0 0;
    background-repeat: repeat-x;
    color: #000 !important;
    font-weight: normal !important;
    font-size: 14px !important;
    font-family: arial !important;
}



.RadMenu_Base a.rmLink,
.RadMenu_Base .rmText {
    background-position: 0 1050px;
    background-repeat: no-repeat;
}

    .RadMenu_Base a.rmLink:hover,
    .RadMenu_Base a.rmFocused,
    .RadMenu_Base a.rmSelected {
        background-color: #008F86;
        color: #fff !important;
    }

/* selected menu link and color */
.rmSelected > a.rmLink {
    color: #fff !important;
}

.RadMenu_Base a.rmLink:hover .rmText,
.RadMenu_Base a.rmFocused .rmText,
.RadMenu_Base a.rmSelected .rmText {
    background-position: 100% -96px;
    background-color: #008F86;
    color: #fff;
}

.RadMenu_Base a.rmExpanded,
.RadMenu_Base a.rmExpanded:hover {
    color: #67737a;
    background-position: 0 -120px;
    white-space: nowrap !important;
}

    .RadMenu_Base a.rmExpanded .rmText,
    .RadMenu_Base a.rmExpanded:hover .rmText {
        background-position: 100% -144px;
        white-space: nowrap !important;
    }

.RadMenu_Base a.rmDisabled,
.RadMenu_Base a.rmDisabled:hover {
    color: #67737a;
    background: none;
}

    .RadMenu_Base a.rmDisabled .rmText,
    .RadMenu_Base a.rmDisabled:hover .rmText {
        background: none;
    }

/* </Root items> */
/* <Submenu items> */

.RadMenu_Base .rmGroup,
.RadMenu_Base .rmMultiColumn,
.RadMenu_Base .rmGroup .rmVertical {
    border: 1px solid #000;
    background: #008F86;
    white-space: nowrap !important;
}

.RadMenu_Base .rmPopup {
    background: #008F86;
}

.RadMenu_Base .rmContentTemplate {
    background: #008F86;
}

.RadMenu_Base .rmTopFix,
.RadMenu_Base .rmBottomFix,
.RadMenu_Base .rmRoundedCorners .rmGroup .rmItem,
.RadMenu_Base .rmRoundedCorners li.rmFirstGroupColumn .rmItem,
.RadMenu_Base .rmRoundedCorners .rmFirstGroupColumn li.rmFirstGroupColumn .rmItem,
.RadMenu_Base_Context.rmRoundedCorners .rmGroup .rmItem {
    background-image: none;
    background-color: #008F86;
    background-repeat: repeat-y;
    background-position: -2px 0;
}

.RadMenu_Base li.rmTopFix,
.RadMenu_Base li.rmBottomFix {
    background-position: -5px 0;
}

.RadMenu_Base .rmPopup .rmTopFix,
.RadMenu_Base .rmPopup .rmBottomFix {
    background-image: none;
}

.RadMenu_Base .rmRoundedCorners .rmScrollWrapContainer .rmGroup,
.RadMenu_Base .rmRoundedCorners .rmGroupColumn .rmItem,
.RadMenu_Base .rmRoundedCorners .rmGroupColumn .rmGroupColumn .rmItem,
.RadMenu_Base .rmRoundedCorners .rmHorizontal .rmItem,
.RadMenu_Base .rmRoundedCorners .rmScrollWrap .rmVertical,
.RadMenu_Base_Context.rmRoundedCorners .rmScrollWrapContainer .rmGroup,
.RadMenu_Base_Context.rmRoundedCorners .rmHorizontal .rmItem,
.RadMenu_Base_Context.rmRoundedCorners .rmScrollWrap .rmVertical {
    background-image: none;
}

.RadMenu_Base .rmScrollWrap {
    margin-bottom: -1px;
}

.RadMenu_Base .rmRoundedCorners .rmGroupColumn {
    background-color: #008F86;
}

.RadMenu_Base .rmBottomLeft,
.RadMenu_Base .rmRoundedCorners .rmScrollWrapContainer,
.RadMenu_Base_Context.rmRoundedCorners .rmScrollWrapContainer,
.RadMenu_Base_Context.rmRoundedCorners ul.rmGroup,
.RadMenu_Base .rmRoundedCorners ul.rmGroup,
.RadMenu_Base .rmRoundedCorners .rmMultiColumn,
.RadMenu_Base .rmPopup .rmBottomLeft {
    background-image: none;
    background-color: transparent;
    background-repeat: no-repeat;
}

.RadMenu_Base .rmTopRight,
.RadMenu_Base .rmBottomRight {
    background-image: none;
    background-color: transparent;
    background-repeat: no-repeat;
}

.RadMenu_Base .rmTopFix,
.RadMenu_Base .rmBottomFix,
.RadMenu_Base .rmRoundedCorners .rmGroup .rmFirst,
.RadMenu_Base_Context.rmRoundedCorners .rmGroup .rmFirst,
.rmRoundedCorners_Base .rmGroup .rmFirst {
    border-color: #008F86;
}

.RadMenu_Base .rmRoundedCorners .rmScrollWrapContainer .rmTopFix,
.RadMenu_Base .rmRoundedCorners .rmScrollWrapContainer .rmBottomFix,
.RadMenu_Base_Context.rmRoundedCorners .rmScrollWrapContainer .rmTopFix,
.RadMenu_Base_Context.rmRoundedCorners .rmScrollWrapContainer .rmBottomFix {
    background: #008F86;
}

.RadMenu_Base .rmRoundedCorners .rmScrollWrapContainer .rmLeftArrow,
.RadMenu_Base .rmRoundedCorners .rmScrollWrapContainer .rmRightArrow,
.RadMenu_Base_Context.rmRoundedCorners .rmScrollWrapContainer .rmLeftArrow,
.RadMenu_Base_Context.rmRoundedCorners .rmScrollWrapContainer .rmRightArrow {
    background-color: #008F86;
    border: 0;
}

.RadMenu_Base .rmRoundedCorners .rmScrollWrapContainer .rmTopArrow,
.RadMenu_Base .rmRoundedCorners .rmScrollWrapContainer .rmBottomArrow,
.RadMenu_Base_Context.rmRoundedCorners .rmScrollWrapContainer .rmTopArrow,
.RadMenu_Base_Context.rmRoundedCorners .rmScrollWrapContainer .rmBottomArrow {
    background-color: #008F86;
}

.RadMenu_Base .rmSlide .rmScrollWrap {
    background-image: none;
}

.RadMenu_Base .rmRootGroup .rmHorizontal {
    background-image: none;
}

.RadMenu_Base .rmScrollWrap .rmVertical {
    border: 0;
}

.RadMenu_Base .rmGroup .rmFirst,
.RadMenu_Base .rmGroup .rmLast {
    background: none;
}

.RadMenu_Base .rmRootGroup li.rmItem .rmGroup {
    padding-bottom: 0;
}

.RadMenu_Base .rmGroup li.rmLast {
    padding-bottom: 1px;
}

.RadMenu_Base .rmGroup a.rmLink:hover,
.RadMenu_Base .rmGroup a.rmFocused,
.RadMenu_Base .rmGroup a.rmSelected,
.RadMenu_Base .rmGroup a.rmExpanded {
    background-color: #008F86;
    color: #000;
}

    .RadMenu_Base .rmGroup a.rmLink:hover .rmText,
    .RadMenu_Base .rmGroup a.rmFocused .rmText,
    .RadMenu_Base .rmGroup a.rmSelected .rmText,
    .RadMenu_Base .rmGroup a.rmExpanded .rmText {
        background-color: #008F86;
        color: #000; /* a sub menu inside of a submenu.  ie: Admin/Dashboard Management which has a submenu "Dashboards" */
    }

    .RadMenu_Base .rmGroup a.rmExpanded,
    .RadMenu_Base .rmGroup a.rmExpanded:hover {
        color: #67737a;
    }

.RadMenu_Base .rmGroup a.rmDisabled,
.RadMenu_Base .rmGroup a.rmDisabled:hover {
    color: #67737a;
}

/* <expand arrows> */
.RadMenu_Base .rmVertical .rmExpandRight,
.RadMenu_Base_Context .rmGroup .rmExpandRight,
.RadMenu_Base .rmGroup .rmExpandDown {
    background-position: 100% -216px;
}

.RadMenu_Base .rmVertical a.rmLink.rmRootLink:hover .rmExpandRight,
.RadMenu_Base .rmVertical a.rmRootLink.rmSelected .rmExpandRight,
.RadMenu_Base .rmVertical a.rmRootLink.rmExpanded .rmExpandRight,
.RadMenu_Base_rtl .rmVertical a.rmLink.rmRootLink:hover .rmExpandLeft,
.RadMenu_Base_rtl .rmVertical a.rmRootLink.rmSelected .rmExpandLeft,
.RadMenu_Base_rtl .rmVertical a.rmRootLink.rmExpanded .rmExpandLeft {
    background-image: url('Menu/rmRootExpand.png');
    background-color: #008F86;
    background-position: 100% -2px;
    color: #000;
}

.RadMenu_Base_rtl .rmVertical a.rmLink.rmRootLink:hover .rmExpandLeft {
    background-position: 0 -2px;
}

.RadMenu_Base_rtl .rmVertical a.rmLink.rmRootLink.rmSelected .rmExpandLeft,
.RadMenu_Base_rtl .rmVertical a.rmLink.rmRootLink.rmExpanded .rmExpandLeft {
    background-position: 0 -29px;
    background-color: #008F86;
    color: #000;
    white-space: nowrap !important;
}

.RadMenu_Base .rmVertical a.rmLink.rmExpanded.rmRootLink .rmExpandRight,
.RadMenu_Base .rmVertical a.rmLink.rmExpanded.rmRootLink:hover .rmExpandRight {
    background-position: 100% -29px;
}



/* </expand arrows> */
/* </Submenu items> */
/* <Submenu offsets (Base - specific, overlapping submenus)> */
.RadMenu_Base .rmSlide {
    margin-top: -1px;
}


/* for the dropdown arrow on a menu item that has more menu items under it like "admin" or "reports" */
.RadMenu .rmHorizontal .rmToggle .rmIcon:before, .RadMenu .rmHorizontal .rmExpand:before, .RadMenu .rmBottomArrow .rmIcon:before {
    content: "\e006";
}


/* <rtl> */


/*

.RadMenu_Base_rtl .rmBottomLeft,
.RadMenu_Base_rtl .rmRoundedCorners ul.rmGroup,
.RadMenu_Base_rtl .rmRoundedCorners .rmMultiColumn,
.RadMenu_Base .rmRoundedCorners .rmScrollWrapContainer,
.RadMenu_Base .rmScrollWrapContainer .rmBottomLeft,
.rmRoundedCorners.RadMenu_Base_Context_rtl ul.rmGroup,
.RadMenu_Base_Context.rmRoundedCorners .rmScrollWrapContainer,
.RadMenu_Base .rmRoundedCorners .rmPopup {
    background-image: none;
    background-repeat: no-repeat;
}

.RadMenu_Base_rtl .rmTopRight,
.RadMenu_Base_rtl .rmBottomRight {
    background-image: url('Menu/rmRoundedRight_rtl.png');
}

.RadMenu_Base_rtl .rmContentTemplate .rmTopRight,
.RadMenu_Base_rtl .rmContentTemplate .rmBottomRight {
    background-image: url('Menu/rmRoundedRight.png');
}

.RadMenu_Base_rtl li.rmTopFix,
.RadMenu_Base_rtl li.rmBottomFix,
.RadMenu_Base_rtl .rmRoundedCorners .rmGroup .rmItem,
.rmRoundedCorners.RadMenu_Base_Context_rtl .rmGroup .rmItem {
    background-position: 102% 0;
}

.RadMenu_Base_rtl .rmGroup,
.RadMenu_Base_rtl .rmMultiColumn,
.RadMenu_Base_rtl .rmGroup .rmVertical {
    background-position: 101% 0;
}

.RadMenu_Base_rtl .rmToggleHandles.rmHorizontal .rmRootLink .rmExpandTop,
.RadMenu_Base_rtl .rmToggleHandles.rmHorizontal .rmRootLink .rmExpandDown,
.RadMenu_Base_rtl .rmToggleHandles.rmHorizontal .rmRootLink .rmExpandLeft,
.RadMenu_Base_rtl .rmToggleHandles.rmHorizontal .rmRootLink .rmExpandRight {
    padding-right: 0px;
}

.RadMenu_Base_rtl .rmToggleHandles.rmHorizontal .rmExpandUp.rmText,
.RadMenu_Base_rtl .rmToggleHandles.rmHorizontal .rmExpandDown.rmText,
.RadMenu_Base_rtl .rmToggleHandles.rmHorizontal .rmExpandLeft.rmText,
.RadMenu_Base_rtl .rmToggleHandles.rmHorizontal .rmExpandRight.rmText {
    padding-left: 24px;
}

.RadMenu_Base_rtl .rmHorizontal .rmRootLink .rmToggle {
    margin-right: -22px;
}

.RadMenu_Base_rtl a.rmLink:hover,
.RadMenu_Base_rtl a.rmFocused,
.RadMenu_Base_rtl a.rmSelected {
    background-position: 100% -96px;
    background-color: #008F86;
    color: #000;
}

.RadMenu_Base_rtl .rmHorizontal .rmLink.rmRootLink.rmSelected,
.RadMenu_Base_rtl .rmHorizontal .rmLink.rmRootLink.rmExpanded {
    background-position: 100% -144px;
    background-color: #008F86;
    color: #000;
}

.RadMenu_Base_rtl a.rmLink:hover .rmText,
.RadMenu_Base_rtl a.rmFocused .rmText,
.RadMenu_Base_rtl a.rmSelected .rmText {
    background-position: 0 -72px;
    background-color: #008F86;
    color: #000;
}

.RadMenu_Base_rtl .rmVertical a.rmLink:hover,
.RadMenu_Base_rtl .rmVertical a.rmFocused,
.RadMenu_Base_rtl .rmVertical a.rmSelected,
.RadMenu_Base_rtl .rmVertical a.rmExpanded {
    background-position: 100% -96px;
    background-color: #008F86;
    color: #000;
}

.RadMenu_Base_rtl .rmVertical a.rmLink.rmRootLink.rmSelected,
.RadMenu_Base_rtl .rmVertical a.rmLink.rmRootLink.rmExpanded {
    background-position: 100% -144px;
    background-color: #008F86;
    color: #000;
}

.RadMenu_Base_rtl .rmRootLink.rmSelected .rmText,
.RadMenu_Base_rtl .rmRootLink.rmSelected:hover .rmText,
.RadMenu_Base_rtl .rmRootLink.rmExpanded .rmText,
.RadMenu_Base_rtl .rmRootLink.rmExpanded:hover .rmText {
    background-position: 0 -120px;
    background-color: #008F86;
    color: #000;
}

.RadMenu_Base_rtl a.rmLink:hover .rmExpandLeft,
.RadMenu_Base_rtl a.rmSelected .rmExpandLeft,
.RadMenu_Base_rtl a.rmFocused .rmExpandLeft,
.RadMenu_Base_rtl a.rmExpanded .rmExpandLeft {
    background-position: 0 -336px;
    background-color: #008F86;
    color: #000;
}

.RadMenu_Base_rtl .rmRootGroup .rmGroup a.rmLink:hover,
.RadMenu_Base_rtl .rmRootGroup .rmGroup a.rmFocused,
.RadMenu_Base_rtl .rmRootGroup .rmGroup a.rmSelected,
.RadMenu_Base_rtl .rmRootGroup .rmGroup a.rmExpanded {
    background-position: 100% -264px;
    background-color: #008F86;
    color: #fff;
    white-space: nowrap !important;
}

.RadMenu_Base_rtl .rmGroup a.rmLink:hover .rmText,
.RadMenu_Base_rtl .rmGroup a.rmFocused .rmText,
.RadMenu_Base_rtl .rmGroup a.rmSelected .rmText,
.RadMenu_Base_rtl .rmGroup a.rmExpanded .rmText {
    background-position: 0 -288px;
    background-color: #008F86;
    color: #000;
}

.RadMenu_Base_Context_rtl .rmVertical .rmExpandLeft,
.RadMenu_Base_rtl .rmRootGroup .rmExpandLeft,
.RadMenu_Base_rtl .rmGroup .rmExpandDown {
    background-position: 0 -312px;
}

.RadMenu_Base_rtl .rmItem .rmLink.rmRootLink,
.RadMenu_Base_rtl .rmGroup.rmVertical .rmLink,
.RadMenu_Base_rtl .rmGroup .rmVertical .rmLink {
    margin-left: 3px;
}

.RadMenu_Base_rtl .rmItem .rmText {
    margin-left: -3px;
}

.RadMenu_Base_rtl .rmToggleHandles.rmHorizontal .rmRootLink .rmExpandTop,
.RadMenu_Base_rtl .rmToggleHandles.rmHorizontal .rmRootLink .rmExpandDown,
.RadMenu_Base_rtl .rmToggleHandles.rmHorizontal .rmRootLink .rmExpandLeft,
.RadMenu_Base_rtl .rmToggleHandles.rmHorizontal .rmRootLink .rmExpandRight {
    padding-right: 0;
    padding-left: 24px;
}

.RadMenu_Base_rtl .rmHorizontal .rmRootLink .rmToggle {
    margin-right: -24px;
    margin-left: -1px;
}

.RadMenu_Base_rtl .rmGroup a.rmLink:hover .rmExpandLeft,
.RadMenu_Base_rtl .rmGroup a.rmFocused .rmExpandLeft,
.RadMenu_Base_rtl .rmGroup a.rmSelected .rmExpandLeft,
.RadMenu_Base_rtl .rmGroup a.rmExpanded .rmExpandLeft,
.RadMenu_Base_rtl .rmGroup a.rmLink:hover .rmExpandDown,
.RadMenu_Base_rtl .rmGroup a.rmFocused .rmExpandDown,
.RadMenu_Base_rtl .rmGroup a.rmSelected .rmExpandDown,
.RadMenu_Base_rtl .rmGroup a.rmExpanded .rmExpandDown {
    background-image: none;
    background-position: 0 -336px;
    background-color: #008F86;
    color: #000;
}

.RadMenu_Base_Context_rtl .rmGroup a.rmDisabled:hover .rmExpandLeft,
.RadMenu_Base_rtl .rmRootGroup a.rmDisabled:hover .rmExpandLeft {
    background-image: none;
    background-position: 0 -312px;
}
    */

/* </rtl> */

.rmRootLink {
    padding: 10px 20px !important;
}

.RadMenu .rmRootGroup.rmHorizontal > .rmItem, .RadMenu .rmRootGroup.rmHorizontal > .rmRootScrollGroup > .rmItem {
    border-right-width: 0 !important;
}


/* the selected menu item */
.RadMenu_Base .rmRootGroup .rmSelected > .rmRootLink, .RadMenu_BlackMetroTouch .rmRootGroup .rmExpanded > .rmRootLink {
    background-color: #008F86 !important;
    white-space: nowrap !important;
}

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

.menu-row {
    background: #008F86;
}
/* hamburger button */
.RadMenu_Base .rmRootToggle {
    line-height: 1.43 !important;
    width: 1.62857143em !important;
    color: #000;
    background-color: #fff; /* #008F86;*/
    background-image: none;
    box-shadow: none;
    font-weight: normal !important;
    border-width: 1px;
    border-color: #000000;
    border-top-left-radius: 4px !important;
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
    border-bottom-left-radius: 4px !important;
}

    /* Hamburger button normal before hover with inside dashes */
    .RadMenu_Base .rmRootToggle:before {
        display: inline-block;
        vertical-align: top;
    }

    /* Hamburger button on Hover */
    .RadMenu_Base .rmRootToggle:hover {
        line-height: 1.43 !important;
        width: 1.62857143em !important;
        border-color: #ffffff; /* #008F86; */
        color: #737373;
        background-color: #fff !important; /* #008F86;*/
        background-image: none;
        box-shadow: none;
        font-weight: normal !important;
        border-width: 1px;
        border-color: #737373;
        border-top-left-radius: 4px !important;
        border-top-right-radius: 4px !important;
        border-bottom-right-radius: 4px !important;
        border-bottom-left-radius: 4px !important;
    }

    .RadMenu_Base .rmRootToggle:active,
    .RadMenu_Base .rmRootToggle.rmExpanded {
        border-color: #008F86;
        color: #000;
        background-color: #fff;
        color: #000;
        background-image: none;
        box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2);
        white-space: nowrap !important;
    }

.RadMenuPopup_Base {
    border-color: #333;
    color: #000;
    background-color: #008F86;
}

    .RadMenuPopup_Base:before {
        border-bottom-color: #333;
    }

    .RadMenuPopup_Base:after {
        border-bottom-color: #008F86;
    }

    .RadMenuPopup_Base .rmItem {
        border-color: #333;
    }

        .RadMenuPopup_Base .rmItem.rmSelected {
            color: #000;
            background-color: #008F86;
            color: #000;
            white-space: nowrap !important;
        }

    .RadMenuPopup_Base .rmLoading:after {
        background-color: rgba(255, 255, 255, 0.5);
    }