.dropdown-toggle {
  &::after {
    border: none;
    content: "\f101";
    font-family: "flaticon";
    font-size: 14px;
    vertical-align: middle;
    margin-left: 15px;
    @include breakpoint(xl) {
      margin-left: 5px;
    }
  }
}
.fromGroup {
  .btn-link {
    font-size: 16px;
    font-weight: 400;
    color: var(--gray-500) !important;
  }
}
.dropdown-menu {
  padding: 7px 0px;
  color: var(--gray-700);
  border: none;
  border: 1px solid var(--gray-100);
  box-sizing: border-box;
  box-shadow: 0px 4px 24px rgba(25, 27, 28, 0.16);
  border-radius: 4px;
  min-width: 160px;
}
.dropdown-item {
  color: var(--gray-600);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  padding: 5px 15px !important;
  &:hover {
    background-color: transparent;
    color: var(--primary-500) !important;
  }
  &.delete-content {
    color: var(--danger-500) !important;
    &:hover {
      color: var(--danger-500) !important;
    }
    &:hover {
      path {
        stroke: var(--danger-500);
      }
    }
  }

  svg {
    margin-right: 4px;
  }
  path {
    transition: all 0.4s;
    stroke: var(--gray-600);
  }
  &:hover {
    path {
      stroke: var(--primary-500);
    }
  }
}

.dropdown-toggle {
  &.flag {
    border-radius: 4px;
    background-color: var(--gray-50);
  }
}

.dropdown-toggle.flag {
  border-radius: 4px;
  background-color: var(--gray-50);
  display: flex;
  align-items: center;
  padding: 8px 10px;
  line-height: 1;
  font-size: 14px;
  color: var(--gray-700);
  img {
    margin-right: 6px;
  }
}

.dropdown {
  &.dropdown-flag {
    .dropdown-toggle {
      border-radius: 4px;
      background-color: var(--gray-50);
      display: flex;
      align-items: center;
      padding: 8px 10px;
      line-height: 1;
      font-size: 14px;
      color: var(--gray-700);
      img {
        margin-right: 6px;
      }
      &::after {
        font-size: 10px;
        color: var(--gray-500);
      }
    }
    .dropdown-menu {
      min-width: 100%;
      border: none;
      margin-top: 0;
      .dropdown-item {
        padding: 5px 10px !important;
        img {
          margin-right: 6px;
          width: 16px;
          height: 16px;
          object-fit: cover;
          border-radius: 100%;
        }
      }
    }
  }
}
