.overlay-menu-with-switch {
  min-width: 150px;
  max-width: 300px;
}

// If overlay menu has a input switch inside, set same width on icon so its aligned vertically
.overlay-menu-with-switch .hub-menu-button .p-button-icon-left {
  width: 32px;
  text-align: center;
  margin-right: 10px;
}

.overlay-menu-item-splitter {
  border-top: 2px solid var(--border-splitter-color);
  display: block;
  margin: 10px 0;
}

.p-overlaypanel {
  background-color: $overlay-panel-bg-color;
  color: var(--side-panel-text-color);
  border-radius: $borderRadius;
  box-shadow: $defaultBoxShadow;

  &.no-margin {
    margin-top: 0;
  }

  &.password-list-extra-actions {
    .p-overlaypanel-content {
      align-items: center;
      display: flex;
      min-width: 30px;
      padding: 5px;
    }
  }
}

.p-overlaypanel-flipped:after,
.p-overlaypanel-flipped:before {
  display: none;
}

.p-overlaypanel-content {
  padding: 13px;
  min-width: 150px;

  .p-listbox-item {
    padding-left: 5px;

    &:hover:not(.p-highlight) {
      background-color: var(--grid-child-row-bg-color) !important;
    }

    &.p-highlight {
      background-color: var(--menu-text-active-background-color) !important;
      color: var(--menu-text-active-color) !important;
    }
  }

  .overlay-menu &,
  .overviewSecondaryOverlayPanel & {
    padding: 10px 0;
  }

  .search-widget-result &,
  .dropdown-button-menu & {
    padding: 0;
  }
}
