.x-posrel {position: relative;}

.x-flx-spc {display: flex;justify-content: space-between;}
.x-flx-vend {display: flex;align-items: flex-end;}
.x-flx-hend {display: flex;justify-content: flex-end;}

.x-bg-primary{background-color:#afcb08;}
.x-bg-white{background-color:#fff;}
.x-white{color:#fff;}

.x-h3{font-size:25px;}

.x-mb0{margin-bottom:0;}
.x-p20{padding:20px;}

/* WIDGET */
.chatbotwidget {
	position: fixed;
	z-index: 2000;
	bottom: 40px;
	right: 20px;
	width: 100%;
	max-width: 500px;
}

.chatbotwidget .chaticon {
	width: 70px;
	height: 70px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 10px 0 0;
	text-decoration: none;
	border-radius: 100%;
	box-shadow: 0px 0px 50px rgba(0,0,0,.25);
}

.chatbotwidget .wrapper {
	width: 70%;
	height: 400px;
	border-radius: 20px;
	box-shadow: 0px 0px 50px rgba(0,0,0,.25);
}

.chatbotwidget .wrapper .chatclose {
	position: absolute;
  	right: 20px;
	color: #535353;
}

.chatbotwidget .wrapper .chatclose:hover{color:#d40000;}

.chatbotwidget .wrapper .chat {
	padding-top: 20px;
	overflow-y: scroll;
	height: 100%;
}

.chatbotwidget .wrapper.hide {
	display: none;
}


/* CUSTOM */
ul.chat-window{padding:20px 10px 20px 0;}
ul.chat-window > li .text{padding:0;text-align:left;}
ul.chat-window > li.bot .text {background-color: #fff;color:#535353;font-family:'Open Sans', sans-serif;font-size:15px}
ul.chat-window > li.options > ul > li {border-color:transparent;background:#f2f2f2;color:#535353;padding: 10px 20px;font-family:'Open Sans', sans-serif;font-weight:bold;font-size: 14px;}
ul.chat-window > li.options > ul > li:hover, ul.chat-window > li.user .text {background-color: #afcb08;border-radius: 10px;padding: 10px 20px;font-family:'Open Sans', sans-serif;font-weight: bold;font-size:14px;color:#fff;}
ul.chat-window > li.user {margin-bottom:20px;}