.chatBotContainer{
	position: absolute;
	/*bottom:80px !important;*/
	right:20px !important;
	width:300px;
	height:calc(100% - 20px) !important;
	pointer-events: none !important;
	z-index: 1;
}
.chatBot{
	position: absolute;
	bottom:0;
	right:0;
	margin-right:0px;
	margin-bottom: 0px;
	width:100%;
	height:100%;
	/* background-color: aqua !important ; */
}
.chatBotUser{
	width:110px;
	height:110px;
	position: absolute;
	bottom: 0;
	right: calc(50% - 50px);
	right: 0;
	background-color:rgba(255,255,255,0.3);
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
	border-radius: 55px;
	border:solid 1px rgba(255,255,255,0.3);
}

.chatBotUserFace {
	content: "";
	width:98px;
	height:98px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	position: absolute;
	top:6px;
	left:6px;
	border-radius: 50px;
	overflow: hidden;
}
.chatBotUserFace img, .chatBotUserFace video{
	max-width: 100%;
	max-height: 100%;
	object-fit: cover;
}
.chatBotClose{
	position: absolute;
	pointer-events: all;
	width: 30px;
	height: 30px;
	top:0;
	right: 0;
	background-color: #282828;
	border-radius: 15px;
	cursor: pointer;
	text-align: center;
	z-index: 1;
	transform:rotate(45deg);
	transition:	transform 0.6s;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	-webkit-transition:	transform 0.6s;
	-moz-transition:	transform 0.6s;
	-ms-transition:	transform 0.6s;
	-o-transition:	transform 0.6s;
}
.chatBotClose:hover{
	outline: solid 2px white;
}
.chatBotClose:after{
	content: "";
	position: absolute;
	width:15px;
	height:2px;
	background-color: white;
	top:50%;
	left:50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
}
.chatBotClose:before {
	content: "";
	position: absolute;
	width: 2px;
	height: 15px;
	background-color: white;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
}
.chatBotCloseStart{
	transform: rotate(-0deg) !important;
	-webkit-transform: rotate(-0deg) !important;
	-moz-transform: rotate(-0deg) !important;
	-ms-transform: rotate(-0deg) !important;
	-o-transform: rotate(-0deg) !important;
}
.chatBotCloseRotate{
	transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
}



.chatTextContainer{
	/* background-color: chartreuse; */
	position: absolute;
	width:100%;
	height: calc(100% - 120px); /*  переопределяется константами в JS-файле */
	overflow: hidden;
}
.chatMessage{
	pointer-events: all;
	font-family: 'Roboto', 'Arial', sans-serif;
	font-weight: 300;
	font-size: 0.9rem;
	background-color: rgba(14,74,251,0.8);
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
	color:white;
	padding: 0;
	margin-bottom: 1rem;
	border-radius: 1rem 1rem 0.15rem 1rem;
	position: absolute;
	bottom: 0;
	height: 0;
	width:calc(100% - 2rem);
	box-shadow: 0.1rem 0.1rem 1rem rgba(0,0,0,0.3);
	left:1rem;
	overflow: hidden;
	-webkit-border-radius: 1rem 1rem 0.15rem 1rem;
	-moz-border-radius: 1rem 1rem 0.15rem 1rem;
	-ms-border-radius: 1rem 1rem 0.15rem 1rem;
	-o-border-radius: 1rem 1rem 0.15rem 1rem;
}
.chatMessage b{
	text-transform: uppercase;
	font-weight: 700;
}

.chatMessageText p:first-of-type{
	margin-top: 0;
}
.chatMessageText p:last-of-type{
	margin-bottom: 0;
}
.chatMessageText{
	pointer-events: all;
	padding:1rem;
	overflow-y:auto;
	overflow-x: hidden;
}
.chatMessageText img{
	max-width: 100%;
}