$lui-menu-item-icon-color: $grey-300;
$lui-menu-item-icon-hover-color: $grey-700;

$radio-button-size: 20px;
.lui-menu-item {

  * { user-select: none }

  cursor: pointer;
  line-height: $menu-item-height;
  padding-left: $menu-item-padding;
  padding-right: $menu-item-padding;
  background-color: rgba($menu-item-hover-color, 0);

  &:hover {
    &:not(.lui-is-disabled) {
      background-color: $menu-item-hover-color;

      .lui-menu-item-icon {
        color: $lui-menu-item-icon-hover-color;
      }
    }
  }

  .lui-menu-item-number {
    float: right;
    width: 24px;
    text-align: center;
  }

  .lui-menu-item-attribute {
    float: right;
  }

  .lui-menu-item-icon-right {
    line-height: $menu-item-height;
    float: right;
    color: $lui-menu-item-icon-color;
  }

  .lui-menu-item-icon {
    float: left;
    line-height: $menu-item-height;
    margin-right: $desktop-gutter;
    color: $lui-menu-item-icon-color;
  }

  .lui-menu-item-data {
    display: block;
    padding-left: ($desktop-gutter * 2);
    line-height: $menu-item-data-height;
    height: $menu-item-data-height;
    vertical-align: top;
    top: -12px;
    position: relative;
    @extend %lui-font-weight-light;
  }

  .luidocs-icon-custom-arrow-drop-right {
    margin-right: ($desktop-gutter-mini * -1);
    color: $drop-down-menu-icon-color;
  }

  .lui-toggle {
    margin-top: (($menu-item-height - $lui-radio-button-size) / 2);
    float: right;
    width: 42px;
  }

  &.lui-is-selected {
    color: $menu-item-selected-text-color;
  }

  &.lui-is-disabled {

    color: $grey-400 !important;
    cursor: default;
  }

}
.lui-menu-item-link {
  text-decoration: none !important;
  &:visited{
    color: inherit;
  }
}