.card-item{
  /*position:relative;*/
  cursor:pointer;
}
.card-item{
  width:280px;
  height:320px;
  padding:20px 20px 30px 20px;
  border:1px solid var(--blue-gray);
  border-radius: 20px;
  margin:auto;
}
.card-item.checked{
  border:3px solid var(--primary);
  border-radius: 20px;
}
.card-item.expired *{
  color:#666;
  font-size:14px;
  font-weight:300;
}
.card-item .member-profile{
}
.card-item .member-profile .member-profile-image{
  display: inline-block;
  width: 80px;
  height: 80px;
  border: 1px solid var(--silver);
  border-radius: 40px;
  background-image: url("/images/no-profile.png");
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
}
.card-item .expired-content{
  position:absolute;
  height:48px;
  width:100%;
  top:calc(50% - 24px);
  left:0;
  background-color:#fff;
  border-top:1px solid #000;
  border-bottom:1px solid #000;
}
.card-item .member-profile .member_status, .list-item .member_name .member_status{
  display:inline-block;
  margin-left:10px;
  width:63px;
  height:20px;
  text-align:center;
  color:#FFF;
  font-weight:300;
  font-size:12px;
  line-height:18px;
}
.truncate{
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.truncate-line2{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp:2;
}
.list-item{
  width:1192px;
  height:80px;
  padding:10px 20px 10px 10px;
  border:1px solid var(--blue-gray);
  cursor:pointer;
  display:table;
}
.list-item:not(.no-hover):hover{
  box-shadow:0 5px 15px rgba(0,0,0, 0.08);
}
.list-item>*{
  display:table-cell;
  vertical-align:middle;
}
.list-item.expired *{
  font-size:14px;
  font-weight:300;
  color:#666;
}
.list-item.expired .member_name{
  font-size:16px;
}
.list-item .member-profile-image{
  width:42px;
  height:42px;
  border-radius:21px;
  border:1px solid var(--silver);
  background-image: url("/images/no-profile.png");
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
}
.selectAllWrapper{
  display:table;
  height:40px;
  padding:8px 20px;
}
.selectAllWrapper.card{
  height:40px;
  /*padding:0 32px 0 30px;*/
  padding:0 28px 0 26px;
}
.selectAllWrapper.card .list-header{
  display:none;
}
.selectAllWrapper:not(.card)>*{
  display:table-cell;
  vertical-align:middle;
}

.member-list{
  
}