.members {
	display: flex;
}
.members .left_column {
	width: 40%;
}
.members .list {
	border: #ccc solid 1px;
	height: 320px;
	background: #fff;
	overflow: auto;
}
.members .right_column {
	width: 40%;
}
.members .middle_column {
	width: 20%;
	padding: 0 15px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	gap: 15px;
}

.members .member {
	display: flex;
	padding: 10px;
	user-select: none;
}
.members .photo img {
	display: block;
	width: 36px;
	height: 36px;
	border: #ccc solid 1px;
	padding: 1px;
}



.members .member.selected {
	background-color: #eeeeff;
}

/*
.members .member:hover {
	background-color: #eeeeff;
}
*/
.members .heading {
	margin-bottom: 5px;
}

.members .heading .title {
	font-weight: bold;
}

.members .description {
	margin-top: 5px;
	line-height: 120%;
	color: #444;
	font-size: 12px;
}


.members .button_to_right_list,
.members .button_to_left_list
{
	display: block;
	width: 50px;
	height: 50px;
	border: #ccc solid 1px;
	user-select: none;
	background-color: #fff;
}

.members .button_to_right_list:hover,
.members .button_to_left_list:hover
{
	background-color: #eee;
}

.members .button_to_left_list {
	background: #fff url('../images/left_arrow.svg') no-repeat center center/50%;
}

.members .button_to_right_list {
	background: #fff url('../images/right_arrow.svg') no-repeat center center/50%;
}