#webchat {
	height: calc(100dvh - 61px);
	border: 1px solid #ccc;
	border-bottom-left-radius: 7px;
	overflow: hidden;
	border-bottom-right-radius: 7px;
}

#chatbotHeader {
	background: #415a76;
	color: white;
	padding: 5px 5px;
}

#imageId {
	border-radius: 50px;
	object-fit: cover;
	width: 100%;
	height: 100%
}

#chatbotHeaderIconContainer {
	width: 40px;
	height: 40px;
	overflow: hidden;
}

#chatbotHeaderStatus {
	font-style: italic;
	font-size: 12px;
	float: left;
}

#chatbotHeaderCircle {
	background: lightgreen;
	width: 10px;
	height: 10px;
	border-radius: 50px;
	float: left;
	margin-top: 3px;
	margin-right: 5px;
}

.webchat__bubble__content {
	border-radius: 12px !important;
}

.webchat__stacked-layout--top-callout .webchat__bubble__content {
	background-color: #eaf0f5 !important;
	color: #444d5c !important;
	text-align: left;
}

.webchat__stacked-layout--from-user .webchat__bubble__content {
	background-color: #445d77 !important;
	color: white !important;
	text-align: right;
}

.webchat__suggested-action {
	padding: 10px !important;
	border-radius: 20px !important;
	cursor: pointer;
}

#chatbotName {
	text-align: left;
	font-weight: bold;
	font-size: 16px;
}

































#frameChatbotContainer {
	position: fixed;
	bottom: 10px;
	right: 10px;
	width: 400px;
	height: 561px;
	z-index: 1;
}

#frameChatBot {
	border: none;
	background-color: white;
	border-radius: 7px;
	box-shadow: 3px 3px 7px 0px rgba(0, 0, 0, .51);
}

#frameChatBotButton {
	overflow: hidden;
	background: white;
	border-radius: 100px;
	width: 80px;
	height: 80px;
	font-size: 24px;
	text-align: center;
	position: fixed;
	bottom: 0;
	z-index: 1;
	right: 0;
	margin-bottom: 30px;
	margin-right: 30px;
	border: 2px solid #2b3846;
	cursor: pointer;
	box-shadow: 3px 3px grey;
}

#frameChatBotButton:hover {
	border: 2px solid #2e1d16;
	background: #303633;
}


#header-button-close {
	width: 36px;
	border-radius: 100px;
	height: 36px;
	position: fixed;
	right: 18px;
	bottom: 523px;
	z-index: 2;
	padding-top: 2px;
	font-size: 17px;
	text-align: center;
	cursor: pointer;
	color: #fff;
	border: 2px solid transparent;
}

#header-button-close:hover {
	border: 2px solid;
}