.RadNavigation_Avanti {
  font-family: "Roboto", "Noto", sans-serif; }
  .RadNavigation_Avanti .rnvRootGroupWrapper {
    border: 0;
    padding: 4px;
    color: #455A64;
    background: #ffffff; }
  .RadNavigation_Avanti .rnvRootGroup > .rnvItem {
    margin-left: 2px; }
    .RadNavigation_Avanti .rnvRootGroup > .rnvItem.rnvFirst {
      margin-left: 0; }
  .RadNavigation_Avanti .rnvRootLink {
    border-radius: 2px;
    border-color: transparent; }
  .RadNavigation_Avanti .rnvMore {
    border-color: transparent;
    color: #455A64;
    background: #ffffff; }
    .RadNavigation_Avanti .rnvMore:before {
      width: 24px;
      height: 24px;
      line-height: 24px;
      font-size: 24px;
      font-family: "Material Icons";
      content: "\e5d2"; }
  .RadNavigation_Avanti .rnvHovered > .rnvRootLink {
    border-color: #ECEFF1;
    color: #455A64;
    background-color: #ECEFF1; }
  .RadNavigation_Avanti .rnvHovered.rnvMore {
    color: #263238; }
  .RadNavigation_Avanti .rnvSelected.rnvMore,
  .RadNavigation_Avanti .rnvSelected > .rnvRootLink,
  .RadNavigation_Avanti .rnvExpanded > .rnvRootLink {
    border-color: #CFD8DC;
    color: #455A64;
    background-color: #CFD8DC; }
  .RadNavigation_Avanti .rnvFocused.rnvMore,
  .RadNavigation_Avanti .rnvFocused > .rnvRootLink {
    box-shadow: inset 0 0 0 1px rgba(178, 192, 198, 0.5); }

.radSkin_Avanti {
  font-family: "Roboto", "Noto", sans-serif; }

.radSkin_Avanti .rnvPopup {
  border-radius: 2px;
  border-color: #CFD8DC;
  color: #455A64;
  background-color: #ffffff;
  box-shadow: 0 0px 3px rgba(0, 0, 0, 0.08), 0 2px 5px rgba(0, 0, 0, 0.15); }
  .radSkin_Avanti .rnvPopup.rnvMorePopup .rnvUL .rnvUL {
    padding: 0; }
  .radSkin_Avanti .rnvPopup .rnvUL {
    padding: 16px 0; }
  .radSkin_Avanti .rnvPopup .rnvLink {
    color: #455A64; }
  .radSkin_Avanti .rnvPopup .rnvHovered > .rnvLink {
    border-color: #ECEFF1;
    color: #455A64;
    background-color: #ECEFF1; }
  .radSkin_Avanti .rnvPopup .rnvSelected > .rnvLink,
  .radSkin_Avanti .rnvPopup.rnvMorePopup .rnvSelected > .rnvLink {
    border-color: transparent;
    color: #607D8B;
    background-color: transparent; }
  .radSkin_Avanti .rnvPopup .rnvExpanded > .rnvLink {
    border-color: #ECEFF1;
    color: #455A64;
    background-color: #ECEFF1; }
  .radSkin_Avanti .rnvPopup.rnvMorePopup .rnvExpanded > .rnvLink {
    color: #263238;
    background: transparent; }
  .radSkin_Avanti .rnvPopup .rnvFocused > .rnvLink {
    box-shadow: 0 0 0 1px rgba(178, 192, 198, 0.5) inset; }
