/*=============================================================*/
/* MESSAGES */
/*=============================================================*/

/*-------------------------------------------------------------*/
/* Messages */

/* .messages { */
	/* display: flex; */
	/* flex-direction: column; */
	/* flex-wrap: wrap; */
	/* padding: 16px 0px; */
/* } */

.message-list {
	flex: 1 110px;
	/* max-width: 310px; */
}

.message-list--header {
	/* padding: 8px 16px; */
	border-bottom: 1px solid #c4c4c4;
}

.message-list--conversations {
	/* height: 550px; */
	max-height: 750px;
    overflow-y: auto;
	/* max-width: 350px; */
}

.message-list--user {
	border-bottom: 1px solid #e4e4e4;
    margin: 0;
    padding: 18px 16px 10px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	cursor: pointer;
}

.message-list--user:hover {
    background-color: #efefef;
}

.message-list--user:active {
    background-color: #f2f2f2;
}

.message-list--user.selected {
	background-color: #eeeeee
}

.message-list--imageProfile {
    width: 36px;
	height: 36px;
	margin-right: 16px;
	border-radius: 50%;
    object-fit: cover;
}

/* .message-list--info {

} */

.message-list--name {
	font-size: 14px;
}

.message-list--lastDateTime {
	font-size: 12px;
	color: #808080;
}

.message-list--desktop {
	position: sticky;
	top: 108px;
}

.active-conv {
	background-color: #f2f2f2;
	border: 1px solid #bebebe;
}

.message-conversation {
	flex: 2 200px;
	padding: 16px 16px;
	display: flex;
	flex-direction: column;
	/* flex-wrap: wrap; */
	/* max-height: 550px; */
    overflow: auto;
	/* margin-bottom: 16px; */
	margin-bottom: 70px;
}

.message-conversation--message {
	font-size: 14px;
    padding: 8px;
	display: flex;
	flex-direction: row;
	/* flex-wrap: wrap; */
	/* align-items: center; */
	width: 100%;
	/* box-sizing: border-box; */
}

.messageReceiver {
	justify-content: flex-end;
}

.message-conversation--imageProfile {
    width: 32px;
	height: 32px;
	margin: 0px 8px;
	border-radius: 50%;
    object-fit: cover;
}

/* .message-conversation--info {

} */

.message-conversation--content {
	border-radius: 6px;
	color: #646464;
	background-color: #ebebeb;
	padding: 5px 10px 5px 12px;
	max-width: 300px;
}

.message-conversation--dateTime {
	font-size: 11px;
	color: #808080;
}

.imageReceiver {
	order: 2;
}

.message-conversation--sendMessage {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	position: fixed;
    bottom: 0;
    background-color: #ffffff;
    width: 960px;
    /* left: 0px; */
    padding: 12px 120px;
    box-sizing: border-box;
	/* border-top: 1px solid #d0d0d0; */
}

.message-conversation--inputMessage {
	flex: 100px;
}

.message-conversation--sendButton {
	padding: 16px;
}

@media (max-width: 550px) {
	.message-conversation--sendMessage {
			bottom: 50px;
		}
}

@media (max-width: 960px) {
	.message-list--conversations {
		width: 100%;
	}
	.message-conversation--message {
		padding: 8px 0px;
	}
	.message-conversation {
			padding: 16px 0px;
			margin-bottom: 40px;
		}
	.message-conversation--sendMessage {
		width: 100%;
		left: 0px;
		padding: 12px 12px;
		border-top: 1px solid #d0d0d0;
	}
}

@media (max-width: 770px) {
	.message-list--desktop {
		display: none;
	}
}

/*-------------------------------------------------------------*/