#closeButton{
	position: absolute;
    top: 5;
    right: 5;
    z-index: 9999;
}
.sendButton {
	border-radius: 30px;
    width: 30px;
    height: 30px;
    padding: initial;
}
input#message {
	width: calc(100% - 40px);
}
.chat {
	/*
    max-height: 500px;
	*/
	max-height: calc(100% - 60px);
    overflow: auto;
}
.chat-input-group { 
	/*
	display: inline-block;
	*/
	width: clac(100% - 40px);
	margin: 10px 20px;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
}
.chat-person {
    float: right;
}
.chat-bot {
	float: left;
}
.chat-message {
    padding: 7px;
    padding-bottom: 20px;
    margin: 10px;
    width: fit-content;
	min-width: 55px;
    max-width: 80%;
    border-radius: 10px;
	position: relative;
}
.chat-time {
	position: absolute;
	right: 5px;
	bottom: 0;
}
.chat-message.chat-person {
	background-color: rgb(240 248 255);
}
.chat-message.chat-bot {
	background-color: rgb(182 221 255);
}
.width-100 {
	width: 100%
}
.bot-is-typing .point {
	width: 10px;
	height: 10px;
	margin: 2px;
	border-radius: 5px;
	background-color: rgb(0 136 255);
}
.point.animation-start {
	animation-name: typing;
	animation-duration: 1.5s;
	animation-iteration-count: infinite;
	animation-fill-mode: ease-in-out;
}
.bot-is-typing {
    padding-bottom: 7px;
}
@keyframes typing {
	from {transform: translateY(0px);}
	45% {transform: translateY(-6px);}
	90% {transform: translateY(0px);}
	to {transform: translateY(0px);}
}