.dropdown-menu {
  border: solid 0.0625em $gray-200;
  box-shadow: 0 0.1875rem 0.375rem $shadow-darker;
}

dd .dropdown {
  opacity: 1;
  display: inline-block;
  margin-top: -0.75rem;
  position: absolute;
}

.dropdown-item {
  @extend .text-truncate;
}

.dropdown-item-label {
  color: $gray-600;

  &:hover {
    color: $gray-600;
    background-color: #fff;
  }
}

.dropup .dropdown-toggle,
.dropdown-toggle {
  width: auto;
  height: auto;
  border: none;
}

.dropdown.with-caret {
  &.caret-right {
    .dropdown-menu {
      &:before {
        left: initial;
        right: 9px;
      }

      &:after {
        left: initial;
        right: 9px;
      }
    }
  }
}
