/**
 * Friends list modal stylesheet
 *
 * @author Pierre HUBERT
 */

.friends-list-ro .friend {
	display: inline-block;
	width: 170px;
	max-width: 100%;
	margin: 5px;
}

.personnal-friends-list .friend a,
.friends-list-ro .friend a {
	color: white;
}
.personnal-friends-list .friend a:hover,
.friends-list-ro .friend a:hover {
	color: #001F3F;
}

.personnal-friends-list .friend img,
.friends-list-ro .friend img {
	margin: auto 10px auto auto;
	max-width: 40px;
	height: 40px;
	border-radius: 50%;
	visibility: visible;
}

.personnal-friends-list .friend .friends-name,
.friends-list-ro .friend .friends-name {
	display: inline-block;
	white-space: normal;
	max-width: 100px;
	text-align: left;
	vertical-align: middle;
}

.personnal-friends-list .friend {
	margin-bottom: 10px;
}

.personnal-friends-list .friend .friends-name {
	width: 200px;
	max-width: 200px;
}