.AiFriendGroupSelectorTileContainer
{
  height: 11em;
  position: relative;
  width: 19%;
  text-align: center;
}

.AiFriendGroupSelectorTileContainer.SixTiles
{
  width: 16%;
}

.SixTilesGroupCount
{
  right: 8px;
}

.FiveTilesGroupCount
{
  right: -5px;
}

.AiFriendGroupSelectorTileContainer.SplitView
{
  background: transparent;
  height: 12em;
  width:7.5em;
}
.AiFriendGroupSelectorTileContainer.ReadOnlyView
{
  width:8em;
}


.AiFriendGroupSelectorImage img
{
  height: 6em;
  object-fit: cover;
  position: relative;
  width: 6em;
  border: 0.2em solid #5C9EC9;
  border-radius: 4px;
}

.AiFriendGroupSelectorImage.SplitView img
{
  height: 6.5em;
  width: 6.5em;
  border: .2em solid #5c9ec9;
  border-radius: .4em;
}

.AiFriendGroupSelectorMemberCount
{
  border: 2px solid #5498af;
  background: black;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  color: #5498af;
  text-align: center;
  position: absolute;
  top: 0px;
  vertical-align: middle;
  line-height: 1.5em;
  z-index: 1;
  width: 1.5em;
  height: 1.5em;
  font-size: 100%;
}


#aiFriendGroupSelectorName
{
  color:white;
  margin:3px auto 0;
  text-align: center;
  font-size:90%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  position: relative;
}

.AiFriendGroupSelectorAddRemoveImageContainer
{
  width:8em;
  border:solid;
  border-color: red;
}

.AiFriendGroupSelectorAddRemoveImage
{
  margin:0 auto;
  width:2em;
  height:2em;
}

.AiFriendGroupSelectorAddRemoveImage.SplitView
{
  margin: .2em auto 0 auto;
  width: 1.5em;
  height: 1.5em;
}

.AiFriendGroupSelectorAddRemoveImage img
{
  width: 100%;
  height: 100%;
  position: relative;
  top: .5em;
}

.AiFriendGroupSelectorAddRemoveImage:hover
{
  cursor: hand;
  cursor: pointer;
}

.AiFriendSelectorPermissions
{
  top: 7.7em;
  position: absolute;
  font-size: 70%;
  background: #5C9EC9;
  border: medium none;
  border-radius: 0 0 4px 4px;
  outline: medium none;
  opacity: 0.95;
  height: 2em;
  display: none;
  text-align: center;
  text-transform: capitalize;
}


.AiFriendSelectorPermissions.Selected
{
  display: inline-block;
  position: absolute;
  left: 0.45em;
  z-index: 1;
}



.AiFriendSelectorPermissionsList
{
  overflow: hidden;
  width: 9.7em;
  border: 1px outset #404040;
  border-radius: 5px;
  box-shadow: 3px 3px 2px #404040;
  background-color: white;
}