@import url(//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css);

.RadMenu_MiraMenu{color:white;font:100 16px/34px "Segoe UI",Arial,Helvetica,sans-serif}
.RadMenu_MiraMenu .rmRootGroup{padding:1px!important;color:#ffffff;background:#3B404B}
.RadMenu_MiraMenu .rmGroup{margin:0;padding:0;padding:0!important;border:1px solid #333333;background:black}
.RadMenu_MiraMenu .rmRootGroup .rmItem{margin:0 0 0 1px}
.RadMenu_MiraMenu .rmRootGroup .rmFirst{margin-left:0}
.RadMenu_MiraMenu .rmGroup .rmItem{margin:0}

.RadMenu_MiraMenu .rmRootLink
{
    font-family: "Noto Sans", sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-size: .9em !important;
    padding:0 10px!important;
    border:0px solid #3B404B;
    color:red;
    text-decoration:none 
}
.RadMenu_MiraMenu .rmRootLink .rmText
{
    padding: 0!important;
    margin: 0 10px !important;
    display: inline-block;
}
.RadMenu_MiraMenu .rmRootLink:hover{border-color:#ffffff}:root 
.RadMenu_MiraMenu .rmRootLink:hover{border-color:rgba(255,255,255,0.5)}
.RadMenu_MiraMenu .rmRootLink.rmFocused{border-color:#ffffff;background-color:#97aacc}:root 
.RadMenu_MiraMenu .rmRootLink.rmFocused{border-color:rgba(255,255,255,0.5)}

.RadMenu_MiraMenu .rmGroup .rmLeftImage
{
    background-position: -16px 0;
}

.RadMenu_MiraMenu .rmGroup .rmLink{color:white;background-color:black;text-decoration:none}

.RadMenu_MiraMenu .rmGroup .rmLink:hover{color:white;background-color:#3B404B}
.RadMenu_MiraMenu .rmSeparator{overflow:hidden}
.RadMenu_MiraMenu .rmSeparator .rmText{margin:0!important;padding:0!important}

.RadMenu_MiraMenu .rmRootGroup .rmSeparator .rmText{background-color:#ffffff}
.RadMenu_MiraMenu .rmGroup .rmSeparator .rmText{background-color:#ffffff}
.RadMenu_MiraMenu .rmHorizontal .rmSeparator{padding:8px 0!important;width:1px!important;height:16px!important}
.RadMenu_MiraMenu .rmHorizontal .rmSeparator .rmText{width:1px!important;height:18px!important}
.RadMenu_MiraMenu .rmVertical .rmSeparator{padding:1px 10px!important;width:auto!important;height:1px!important}
.RadMenu_MiraMenu .rmVertical .rmSeparator .rmText{width:auto!important;height:1px!important}

.RadMenu_MiraMenu .rmLeftArrow,
.RadMenu_MiraMenu .rmRightArrow,
.RadMenu_MiraMenu .rmTopArrow,
.RadMenu_MiraMenu .rmBottomArrow{background-color:#212121;background-image:url('Common/radActionsSprite.png');background-repeat:no-repeat}

.RadMenu_MiraMenu .rmLeftArrow:hover,
.RadMenu_MiraMenu .rmRightArrow:hover,
.RadMenu_MiraMenu .rmTopArrow:hover,
.RadMenu_MiraMenu .rmBottomArrow:hover{background-color:#3B404B}

.RadMenu_MiraMenu .rmLeftArrow,
.RadMenu_MiraMenu .rmRightArrow{width:16px!important;height:34px!important}

.RadMenu_MiraMenu .rmLeftArrow{border-right:1px solid #4f4f4f;background-position:-17px -109px!important}

.RadMenu_MiraMenu .rmRightArrow{border-left:1px solid #4f4f4f;background-position:-17px -159px!important}

.RadMenu_MiraMenu .rmTopArrow,
.RadMenu_MiraMenu .rmBottomArrow{width:100%;height:16px!important}

.RadMenu_MiraMenu .rmTopArrow{border-bottom:1px solid #4f4f4f;background-position:center -17px!important}

.RadMenu_MiraMenu .rmBottomArrow{border-top:1px solid #4f4f4f;background-position:center -67px!important}

.RadMenu_MiraMenu .rmTopFix,
.RadMenu_MiraMenu .rmTopLeft,
.RadMenu_MiraMenu .rmTopRight,
.RadMenu_MiraMenu .rmBottomFix,
.RadMenu_MiraMenu .rmBottomLeft,
.RadMenu_MiraMenu .rmBottomRight{display:none}
 
.RadMenu_MiraMenu .rmItem a:hover {
    background-color: #363b45 !important;
}

.RadMenu_MiraMenu .rmLeftImage {
    display: none !important;
}
/*
.RadMenu_MiraMenu .rmLink {
    padding: 3px !important;
}*/

div.RadMenu_MiraMenu {	border-color: rgb(0, 0, 0); }
div.RadMenu_MiraMenu .rmItem .rmGroup { background-color: #000; }

div.RadMenu_MiraMenu .rmItem .rmLink {
	background-color: #000;
	color: #AAABAE;
    font-family: "Noto Sans", sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-size: .9em !important;
	line-height: 63px;
	border-color: rgb(0, 0, 0);
	border-style: solid;
	border-width: 0px;
}

div.RadMenu_MiraMenu .rmGroup .rmItem .rmLink {
	background-color: #000;
	border-top: 1px solid rgb(68, 68, 68);
	color: #AAABAE;
	line-height: 40px;
	border-color: rgb(68, 68, 68) rgb(0, 0, 0) rgb(0, 0, 0);
    margin: 0 !important;
    padding: 0 10px !important;
    display: inline-block;
}

div.RadMenu_MiraMenu .rmGroup .rmItem .rmLink:hover {
	color: rgb(255, 255, 255);
	border-right-color: rgb(0, 0, 0);
	border-bottom-color: rgb(0, 0, 0);
	border-left-color: rgb(0, 0, 0);
}

div.RadMenu_MiraMenu .rmGroup .rmItem .rmLink .rmExpandRight 
{
    color: #AAABAE;
	border-color: rgb(0, 0, 0);
}

div.RadMenu_MiraMenu .rmGroup .rmItem .rmDisabled 
{
    color: #AAABAE;
	border-right-color: rgb(0, 0, 0);
	border-bottom-color: rgb(0, 0, 0);
	border-left-color: rgb(0, 0, 0);
}

div.RadMenu_MiraMenu 
{
    color: #AAABAE;
	background-color: rgb(0, 0, 0);
	border-left-color: rgb(0, 0, 0);
	border-right-color: rgb(0, 0, 0);
}

div.RadMenu_MiraMenu .rmItem .rmLink .rmExpandDown {
	color: #AAABAE;
}

div.RadMenu_MiraMenu .rmItem .rmExpanded {
	color: #ffffff;
}

div.RadMenu_MiraMenu .rmItem .rmExpanded .rmText {
	color: #ffffff;
}

/*Changes font to white and then grey on hover*/
div.RadMenu_MiraMenu .rmItem .rmLink, 
div.RadMenu_MiraMenu .rmItem .rmLink .rmExpandDown,
div.RadMenu_MiraMenu .rmGroup .rmItem .rmLink .rmExpandRight {
    color: #fff !important;
}

div.RadMenu_MiraMenu .rmItem .rmLink:hover, 
div.RadMenu_MiraMenu .rmItem .rmLink .rmExpandDown:hover, 
div.RadMenu_MiraMenu .rmGroup .rmItem .rmLink .rmExpandRight:hover {
    color: #aaabae !important;
}

/* Icons for the menu */
.navAuthorHome:before, .navProposalHome:before, .navReviewerHome:before, .navModeratorHome:before, .navChairHome:before, .navManagerHome:before, .navAccountIcon:before, .navAccountUsername:before, .navItinerary:before {
    display: inline-block;
    font-family: FontAwesome;
    float: left;
}
.navAuthorHome:before {
    content: '\f007';
}
.navProposalHome:before {
	content: '\f086';
}
.navReviewerHome:before {
    content: '\f0ea';
}
.navModeratorHome:before {
	content: '\f017';
}
.navChairHome:before {
    content: '\f130';
}
.navManagerHome:before {
    content: '\f0e4';
}
.navAccountUsername:before{
    content: '\f00b';
}
.navAccountIcon:before {
    content: '\f007';
}
.navAccountIcon:after, 
div.RadMenu_MiraMenu .rmItem .rmLink .rmExpandRight:after {
    content: ' \f054' !important;
    font-family: FontAwesome;
    padding-left: 10px;
}
.navItinerary:before {
	content: '\f073';
}
.RadMenu a.rmLink:after{
    clear:none !important;
}