.userListOfSavedFilter-container {
	height: 100%;
}

.userListOfSavedFilter-container .ulosf_header {
	padding: 16px 20px;
}

.userListOfSavedFilter-container .ulosf_body {
	padding: 12px 0px 16px;
	max-height: calc(100% - 40px);
}

.userListOfSavedFilter-container .textInputFilter-container .ui-input-search {
	background: none;
	padding-left: 10px;
}

.userListOfSavedFilter-container .selectedFilterName-container {
	font-size: 14px;
	font-family: GlowSemiBold;
	line-height: 20px;
	display: flex;
	padding: 0 20px;
	align-items: center;
}

.userListOfSavedFilter-container .usersSection .user-wrapper {
	position: relative;
	padding: 0px 20px;
}

.userListOfSavedFilter-container .usersSection .user-wrapper:hover {
	background-color: #EEF1FE;
}

.userListOfSavedFilter-container .usersSection .user-wrapper .userName {
	opacity: 1;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	-webkit-transition: var(--transition-opacity-effect);
	-moz-transition: var(--transition-opacity-effect);
	-ms-transition: var(--transition-opacity-effect);
	-o-transition: var(--transition-opacity-effect);
	transition: var(--transition-opacity-effect);
}

.userListOfSavedFilter-container .usersSection .user-wrapper.selected .userName {
	color: #5774E7;
}

.userListOfSavedFilter-container .usersSection .user-wrapper .userName {
	padding: 4px 0px;
}

.userListOfSavedFilter-container .usersSection .user-wrapper .userName:hover {
	cursor: pointer;
}

/*Avatars only mode*/

.userListOfSavedFilter-container.avatarsMode .ulosf_header {
	display: none;
}

.userListOfSavedFilter-container.avatarsMode .selectedFilterName-container {
	height: 41px;
	justify-content: center;
	border-bottom: var(--border-line);
}

.userListOfSavedFilter-container .selectedFilterName-container .selectedFilterName {
	margin-right: 6px;
}

.userListOfSavedFilter-container.avatarsMode .selectedFilterName-container .selectedFilterName {
	display: none;
}

.userListOfSavedFilter-container .usersSection .user-wrapper .userAvatar-wrapper,
.userListOfSavedFilter-container.avatarsMode .usersSection .user-wrapper .userName {
	opacity: 0;
	padding: 0;
	margin: 0;
	height: 0;
	overflow: hidden;
}

.userListOfSavedFilter-container.avatarsMode .ulosf_body {
	padding: 16px 0;
	max-height: calc(100% - 20px);
}

.userListOfSavedFilter-container.avatarsMode .usersSection .user-wrapper .userAvatar-wrapper {
	display: flex;
	justify-content: center;
	opacity: 1;
	-webkit-transition: var(--transition-opacity-effect);
	-moz-transition: var(--transition-opacity-effect);
	-ms-transition: var(--transition-opacity-effect);
	-o-transition: var(--transition-opacity-effect);
	transition: var(--transition-opacity-effect);
	cursor: pointer;
	height: 52px;
	align-items: center;
}

.userListOfSavedFilter-container.avatarsMode .usersSection .user-wrapper .userAvatar-wrapper .userAvatar {
	display: flex;
}

.userListOfSavedFilter-container.avatarsMode .usersSection .user-wrapper .userAvatar-wrapper:hover {
	background-color: #EEF1FE;
}

.userListOfSavedFilter-container.avatarsMode .usersSection .user-wrapper.selected .userAvatar-wrapper {
	background-color: #EEF1FE;
}

.userListOfSavedFilter-container.avatarsMode .usersSection .user-wrapper .selectedUser-verticalLine {
	display: none;
	height: 52px;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #5774E7;
	width: 1px;
}

.userListOfSavedFilter-container.avatarsMode .usersSection .user-wrapper.selected .userAvatar-wrapper + .selectedUser-verticalLine {
	display: block;
}

.userListOfSavedFilter-container .-removeFromHTML {
	display: none;
}

:root {
	--transition-opacity-effect: opacity 500ms ease-in-out
}

.userListOfSavedFilter-container .noUsersFound-container {
	font-family: GlowRegular;
    font-size: 13px;
    text-align: center;
    color: #b6b6b6;
}

.userListOfSavedFilter-container .noUsers {
	text-align: center;
}