﻿.MobileMenu.MobileMenuSkin {
    overflow: hidden;
    background: rgba(24,55,96,1);;
}

.MobileMenu.MobileMenuSkin .dropMenu {
    display: none;
    position: relative;
    width: 100%;
    height: 100%;
    overflow-y: auto;
}

div.MobileMenu .MenuClose {
    height: 30px;
}

div.MobileMenu .MenuClose:before {
    position: absolute;
    color:rgba(185,182,182,1);font-size:14px;font-family:Raleway-Light;;
    font-family: 'ego-icon-font';
    content: '\e91d';
    font-size: 16px;
    line-height: 30px;
    top: 0;
    right: 0;
    width: 30px;
    height: 30px;
}

.MobileMenu.MobileMenuSkin .dropMenu .MenuPanelStrip {
    position: relative;
    left: 0px;
    font-size: 0;
    white-space: nowrap;
}

.MobileMenu.MobileMenuSkin .dropMenu .MenuPanel {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 100%;
}

.MobileMenu.MobileMenuSkin .dropMenu ul {
    padding: 0px;
    margin: 5px 0px 0px 0px;
    display: block;
}

.MobileMenu.MobileMenuSkin .dropMenu.Level1,
.MobileMenu.MobileMenuSkin .dropMenu.Level2 {
    top: 0%;
    left: 97%;
    display: none;
    opacity: 0;
    padding-left: 5px;
    border: none;
    -webkit-transition: left .2s linear .1s, opacity .5s ease .1s, top .2s linear .1s;
    -moz-transition: left .2s linear .1s, opacity .5s ease .1s, top .2s linear .1s;
    transition: left .2s linear .1s, opacity .5s ease .1s, top .2s linear .1s;
    background: transparent;
}

.MobileMenu.MobileMenuSkin .dropMenu.Level1 ul,
.MobileMenu.MobileMenuSkin .dropMenu.Level2 ul {
    border:1px solid ;
}

.MobileMenu.MobileMenuSkin .dropMenu .SitePage {
    position: relative;
    font-size: 12px;
    display: block;
    padding: 10px 10px 10px 0;
    text-align: left;
}

.MobileMenu.MobileMenuSkin .dropMenu .SitePage .WebLink {
    white-space: normal;
    color:rgba(185,182,182,1);font-size:14px;font-family:Raleway-Light;;
}

.MobileMenu.MobileMenuSkin .dropMenu .SitePage:hover,
.MobileMenu.MobileMenuSkin .dropMenu .SitePage:active {
    background-color:;
}

.MobileMenu.MobileMenuSkin .dropMenu .SitePage:hover>.WebLink,
.MobileMenu.MobileMenuSkin .dropMenu .SitePage:active>.WebLink {
    color:rgba(255,255,255,1);;
}

.MobileMenu.MobileMenuSkin .dropMenu.Level0 .SitePage .WebLink {
    display: table;
    width: 100%;
    height: 30px;
    line-height: 30px;
}

.MobileMenu.MobileMenuSkin .dropMenu.Level0 .SitePage .WebLink>.Label {
    display: table-cell;
    padding-left: 10px;
}

.MobileMenu.MobileMenuSkin .dropMenu.Level0 .SitePage .WebLink>.ActiveBar {
    display: table-cell;
    width: 2px;
    opacity: 0;
    background:;
}

.MobileMenu.MobileMenuSkin .dropMenu.Level0 .SitePage:hover .WebLink>.ActiveBar,
.MobileMenu.MobileMenuSkin .dropMenu.Level0 .SitePage:active .WebLink>.ActiveBar {
    opacity: 1;
}

.MobileMenu.MobileMenuSkin .MenuPanelSwitch {
    height: 100%;
}

.MobileMenu.MobileMenuSkin .MenuPanelSwitch::after {
    color:rgba(185,182,182,1);font-size:14px;font-family:Raleway-Light; position: absolute;
    font-family: 'ego-icon-font';
    content: '\e920';
    top: 50%;
    transform: translateY(-50%);
}

.MobileMenu.MobileMenuSkin .PanelBackHandle {
    color:rgba(185,182,182,1);font-size:14px;font-family:Raleway-Light;;
    cursor: pointer;
}

.MobileMenu.MobileMenuSkin .PanelBackHandle .handle {
    font-family: 'ego-icon-font';
    font-size: .8em;
    margin-right: 5px;
}

.MobileMenu.MobileMenuSkin .PanelBackHandle .handle::before {
    content: '\e921';
}

.MobileMenu.MobileMenuSkin .PanelHeader {
    padding: 20px 0 0 10px;
    color:rgba(106,154,218,1);font-size:16px;font-family:Raleway-Bold;;
    border-bottom: 1px solid ;
}

.MobileMenu.MobileMenuSkin .PanelHeader .WebLink {
    color: inherit;
}

.MobileMenu.MobileMenuSkin .PanelTitle {
    padding: 20px 0px 10px 0px;
    font-size: 1em;
    cursor: pointer;
}

.Element.SiteMenu.BasicMenuSkin .dropMenu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    max-width: 170px;
    min-width: 120px;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
}

.Element.SiteMenu.BasicMenuSkin .dropMenu ul {
    padding: 0px;
    display: block;
    background: rgba(255,255,255,1);;
}

.Element.SiteMenu.BasicMenuSkin .dropMenu.Level1,
.Element.SiteMenu.BasicMenuSkin .dropMenu.Level2,
.Element.SiteMenu.BasicMenuSkin .dropMenu.Level3 {
    top: 0%;
    left: 100%;
    display: none;
    opacity: 0;
    -webkit-transition: left .2s linear .1s, opacity .5s ease .1s, top .2s linear .1s;
    -moz-transition: left .2s linear .1s, opacity .5s ease .1s, top .2s linear .1s;
    transition: left .2s linear .1s, opacity .5s ease .1s, top .2s linear .1s;
    background: transparent;
}

.Element.SiteMenu.BasicMenuSkin .OpenRight .dropMenu.Level1,
.Element.SiteMenu.BasicMenuSkin .OpenRight .dropMenu.Level2,
.Element.SiteMenu.BasicMenuSkin .OpenRight .dropMenu.Level3 {
    left: auto;
    right: 100%;
}

.Element.SiteMenu.BasicMenuSkin .dropMenu.Level0>ul>.SitePage:hover .dropMenu.Level1,
.Element.SiteMenu.BasicMenuSkin .dropMenu.Level1>ul>.SitePage:hover .dropMenu.Level2,
.Element.SiteMenu.BasicMenuSkin .dropMenu.Level2>ul>.SitePage:hover .dropMenu.Level3 {
    display: block;
}

.Element.SiteMenu.BasicMenuSkin .dropMenu.Level1 ul,
.Element.SiteMenu.BasicMenuSkin .dropMenu.Level2 ul,
.Element.SiteMenu.BasicMenuSkin .dropMenu.Level3 ul {
    background:rgba(255,255,255,1);;
}

.Element.SiteMenu.BasicMenuSkin .dropMenu .SitePage {
    font-size: 12px;
    display: block;
    text-align: left;
}

.Element.SiteMenu.BasicMenuSkin .dropMenu .SitePage .WebLink {
    white-space: normal;
    color:rgba(0,0,0,1);font-size:13px;font-family:Raleway-Light;;
}

.Element.SiteMenu.BasicMenuSkin .dropMenu.Level0>ul>.SitePage:hover>.WebLink,
.Element.SiteMenu.BasicMenuSkin .dropMenu.Level0>ul>.SitePage.selected>.WebLink,
.Element.SiteMenu.BasicMenuSkin .dropMenu.Level1>ul>.SitePage:hover>.WebLink,
.Element.SiteMenu.BasicMenuSkin .dropMenu.Level1>ul>.SitePage.selected>.WebLink,
.Element.SiteMenu.BasicMenuSkin .dropMenu.Level2>ul>.SitePage:hover>.WebLink,
.Element.SiteMenu.BasicMenuSkin .dropMenu.Level2>ul>.SitePage.selected>.WebLink,
.Element.SiteMenu.BasicMenuSkin .dropMenu.Level3>ul>.SitePage:hover>.WebLink,
.Element.SiteMenu.BasicMenuSkin .dropMenu.Level3>ul>.SitePage.selected>.WebLink {
    color:rgba(106,154,218,1);;
}

.Element.SiteMenu.BasicMenuSkin .SitePage:hover>.dropMenu {
    display: block;
}

.Element.SiteMenu.BasicMenuSkin .SitePage:hover>.dropMenu.Level1,
.Element.SiteMenu.BasicMenuSkin .dropMenu.Level1 .SitePage:hover>.dropMenu.Level2,
.Element.SiteMenu.BasicMenuSkin .dropMenu.Level2 .SitePage:hover>.dropMenu.Level3 {
    left: 100%;
    opacity: 1;
}

.Element.SiteMenu.BasicMenuSkin .OpenRight .SitePage:hover>.dropMenu.Level1,
.Element.SiteMenu.BasicMenuSkin .OpenRight .dropMenu.Level1 .SitePage:hover>.dropMenu.Level2,
.Element.SiteMenu.BasicMenuSkin .OpenRight .dropMenu.Level2 .SitePage:hover>.dropMenu.Level3 {
    left: auto;
    right: 100%;
}

.Element.SiteMenu.BasicMenuSkin .dropMenu.Level0 .SitePage .WebLink {
    display: table;
    width: 100%;
    height: 100%;
    padding: 10px;
    box-sizing: border-box;
}

.Element.SiteMenu.BasicMenuSkin .dropMenu.Level0 .SitePage .WebLink>.Label {
    display: table-cell;
}
