/*
Box chat
*/


.boxChat {
	border: 1px solid;
	height: 700px;
	position: relative;
	padding-right: 5px;
}

.boxChatContainer {
	position: relative;
	height: 600px;
	overflow-y: auto;
}

	/* overflow stlying */
	.boxChatContainer::-webkit-scrollbar-track {
	}

	.boxChatContainer::-webkit-scrollbar {
		width: 8px;
		background-color: transparent;
	}

	.boxChatContainer::-webkit-scrollbar-thumb {
		width: 8px;
		border-radius: 10px;
		border-radius: 161px;
		background-color: #E5E3D2;
	}


.boxChatContainerButton {
	position: absolute;
	bottom: 0;
	display: flex;
	width: 100%;
}


.BotUser {
	width: 537px;
	float: right;
	position: relative;
	display: flex;
	justify-content: start;
	width: 100%;
	margin-top: 25px;
}

	.BotUser > .BotUserContent {
		display: flex;
		flex-direction: row;
		align-items: center;
		padding: 15px 20px;
		gap: 11px;
		width: 313px;
		height: auto;/*80px;*/
		background: #E5E3D2;
		border-radius: 0px 27px 27px 27px;
	}

		.BotUser > .BotUserContent > p {
			text-align: right;
			font: normal normal normal 18px / 24px Segoe UI;
			letter-spacing: 0px;
			color: #000000;
			padding-top: 10px;
			padding-bottom: 10px;
			padding-inline: 20px;
			margin-top: unset;
			margin-bottom: unset;
		}



.UserMessage {
	width: 537px;
	float: right;
	position: relative;
	display: flex;
	justify-content: end;
	width: 100%;
	margin-top: 25px;
}

	.UserMessage > .UserMessageContent {
		display: flex;
		flex-direction: row;
		align-items: center;
		padding: 15px 20px;
		gap: 11px;
		width: 313px;
		height: auto;/*80px;*/
		background: #E5E3D2;
		border-radius: 27px 27px 0px 27px;
		flex: none;
		order: 0;
		flex-grow: 0;
	}

		.UserMessage > .UserMessageContent > p {
			text-align: right;
			font: normal normal normal 18px / 24px Segoe UI;
			letter-spacing: 0px;
			color: #000000;
			padding-top: 10px;
			padding-bottom: 10px;
			padding-inline: 20px;
			margin-top: unset;
			margin-bottom: unset;
		}


.boxChatContainerButtonWrapper {
	width: 100%;
	display: flex;
}

	.boxChatContainerButtonWrapper > .row {
		width: 100%;
	}

	.boxChatContainerButtonWrapper .boxInputText textarea {
		resize: none;
		width: 100%;
		border: none;
		outline: none;
		border: 1px solid #D9E1E2;
		border-radius: 11px;
	}

	.boxChatContainerButtonWrapper .boxButton {
		display: flex;
		align-items: center;
		justify-content: center;
	}