@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);
    background-color: $color-dark-gray1;
    @include rem('margin', 0 20px 0 0 );

    /* pointer */
    // &:before {
    //   position: absolute;
    //   top: -7px;
    //   right: 43px;
    //   display: inline-block;
    //   border-right: 7px solid transparent;
    //   border-bottom: 7px solid #666666;
    //   border-left: 7px solid transparent;
    //   border-bottom-color: rgba(0, 0, 0, 0.2);

    //   content: "";
    // }

    // &:after {
    //   position: absolute;
    //   top: -6px;
    //   right: 42px;
    //   display: inline-block;
    //   border-right: 6px solid transparent;
    //   border-bottom: 6px solid #666666;
    //   border-left: 6px solid transparent;
    //   content: "";
    // }

    .dropdown-item {
      color: $color-white;
      @include rem('padding', 8px 24px);
      &: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);
    }
  }
}