.users-container {
	display: flex;
	flex-direction: column;
	gap: 5px;
	padding: 5px 5px 75px;
}
.users-container .user.filtered{ display: none;}
.users-container .user{
	color: white;
	padding: 10px;
	font-size: 14px;
	background: rgba(255, 255, 255, 0.3);
	border-radius: 25px;
}
.users-container .user.migrant{
	border: 5px var(--darkred) solid;
}

#user-search{
	width: 80%;
	margin: 20px auto;
	display: block;
	padding: 5px 15px;
	border-radius: 20px;
}

.users-container .user .user-sessions-container{
	display: flex;
	flex-direction: column;
	padding-top: 5px;
	gap: 5px;
}
.users-container .user .user-session{
	background: black;
	border-radius: 25px;
	padding: 10px 13px;
	font-size: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.user-control-btns{
	position: fixed;
	bottom: 0;
	background: var(--red);
	width: calc(100% - 30px);
	max-width: 1080px;
	display: flex;
	justify-content: space-evenly;
	align-items: center;
	padding: 10px;
	z-index: 2;
}

.user-control-btns button{
	background: var(--darkred);
	color: var(--white);
	padding: 10px 30px;
	border-radius: 5px;
}

/* #region scrollbar  */
/* Firefox (uncomment to work in Firefox, although other properties will not work!)  */
/** {
  scrollbar-width: thin;
  scrollbar-color: #990000 #DFE9EB;
}*/

/* Chrome, Edge and Safari */
.content.users {
	overflow-y: scroll;
	height: 100%;
}
.content.users::-webkit-scrollbar {
  height: 30px;
  width: 30px;
}
.content.users::-webkit-scrollbar-track {
  border-radius: 0px;
  background-color: #DFE9EB;
  border: 6px solid #FFFFFF;
}

.content.users::-webkit-scrollbar-track:hover {
  background-color: #B8C0C2;
}

.content.users::-webkit-scrollbar-track:active {
  background-color: #B8C0C2;
}

.content.users::-webkit-scrollbar-thumb {
  border-radius: 20px;
  background-color: #990000;
}

.content.users::-webkit-scrollbar-thumb:hover {
  background-color: #F20000;
}

.content.users::-webkit-scrollbar-thumb:active {
  background-color: #F20000;
}
/* #endregion  */