.dig-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(.dig-is-disabled) {
      background-color: $menu-item-hover-color;
    }
  }

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

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

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

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

  .dig-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 %dig-font-weight-light;
  }

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

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

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

  &.dig-is-disabled {
    color: $disabled-color !important;
    cursor: default;
  }

}
