/*-------project card scss start---------*/
.project-card {
  // min-height: 96px;
  overflow: inherit !important;
  margin: 2px 5px;
  cursor: pointer;

  .project-card-name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
  }

  &:hover {
    cursor: pointer;
    background-color: $hover-color;
    transition: all 0.3s;

    .chip {
      background-color: $white-color;
    }
  }

  .more_vert {
    position: absolute;
    right: -3px;
    top: 5px;
    cursor: pointer;
    margin-right: 0 !important;
  }

  a {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    float: left;
    width: 100%;
  }
  p {
    margin: 0;
  }
  .project-card-name .project-name-control {
    max-width: 100%;
    float: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
  }
  @media only screen and (max-width: 1366px) {
    min-height: 70px;
  }
  // @media only screen and (max-width: 1024px) {
  //     img {
  //       width: auto;
  //       height: auto;
  //     }
  // }
}

.img-rectangular {
  border-radius: 0 !important;
}

/*-------project card scss end---------*/

.profile-card {
  display: none;
  background: #fff;
  padding: 5px;
  text-align: center;
  position: absolute;
  width: 240px;
  box-shadow: 1px 1px 5px 1px #c7bfbf;
  z-index: 999;
  transition: all 0.5s;
}

.person-name:hover .profile-card {
  display: block !important;
  color: #000;
}

.profile-card img {
  width: 40px !important;
  height: 40px !important;
  float: left;
  margin: 0 10px 0 0;
}

.profile-card {
  p {
    font-size: 12px;
    line-height: normal;
    width: auto;
    text-align: left;
  }
}

.profile-card .avatar-container {
  float: left;
  height: auto !important;
  line-height: initial;
  margin: 0 6px 0 0;
}

.profile-card .avatar-content {
  line-height: initial !important;
}

.project-select {
  position: absolute;
  bottom: 0;
  right: 7px;
}