@import "../../../../../assets/styles/index.scss";

.btn-group-d {

  .split-dropdown-button {
    @include rem('height', 36px);
    @include rem('margin-bottom', 0);
    @include rem('margin-right', 0);
    background: $color-dark-gray1;

    &:hover {
      background: $color-dark-gray2;
    }
  }

  .dropdown-menu {
    @include rem('padding-top', 0);
    @include rem('padding-bottom', 0);
    @include border-radius(0);
    @include rem('margin', 0 20px 0 0 );
    background-color: $color-dark-gray1;

    .dropdown-item {
      @include rem('padding', 8px 24px);
      color: $color-white;

      &:hover {
        color: $color-dark-gray6;
        cursor: pointer;
      }
      &:active {
        color: $color-white;
        background: $color-dark-gray6;
        border:none;
      }
      &:focus{
        outline: none;
      }
    }

    .dropdown-divider {
      @include rem('margin', 0);
      @include border(top, 1px, solid, $color-dark-gray2);
    }
  }
}