.mu-bottom-nav {
  background-color: @bottomNavBackgroundColor;
}

.mu-bottom-nav-shift{
  background-color: @bottomNavShiftBackgroundColor;
}

.mu-buttom-item {
  color: @bottomNavUnselectedColor;
  .mu-bottom-nav-shift & {
    color: @bottomNavShiftUnselectedColor;
  }
}

.mu-bottom-item-active{
  .mu-bottom-item-text {
    color: @bottomNavSelectedColor;
    .mu-bottom-nav-shift & {
      color: @bottomNavShiftSelectedColor;
    }
  }
  .mu-bottom-item-icon {
    color: @bottomNavSelectedColor;
    .mu-bottom-nav-shift & {
      color: @bottomNavShiftSelectedColor;
    }
  }
}


// circle
.mu-circle-spinner{
  border-color: @circleColor;
}

.mu-circle-secondary {
  border-color: @circleSecondaryColor;
}

.mu-menu-item-wrapper{
  color: @menuTextColor;
  &.active {
    color: @menuSelectColor;
  }
  &.hover {
    background-color: @menuHoverColor;
  }
  &.disabled {
    color: @menuDisabledColor;
  }
}

.mu-menu-item-left-icon{
  color: @menuLeftIconColor;
}

.mu-menu-item-right-icon {
  color: @menuRightIconColor;
}

.mu-popover {
  background-color: @popoverColor;
}



// raisedButton
.mu-raised-button{
  background-color: @raisedButtonColor;
  color: @raisedButtonTextColor;
  &.hover {
    .mu-raised-button-wrapper {
      background-color: fade(@raisedButtonTextColor, 10%);
    }
  }
  &.disabled{
    color: @raisedButtonDisabledTextColor;
    background-color: @raisedButtonDisabledColor;
  }
}

.mu-raised-button-primary{
  background-color:#2196f3;
}

.mu-raised-button-secondary{
  background-color: @raisedButtonSecondaryColor;
}

.mu-tooltip{
  color: @tooltipTextColor;
}

.mu-tooltip-ripple.when-shown {
  background-color: @tooltipRippleColor;
}