.chat_icon {
	position: fixed;
	right: 20px;
	bottom: 5px;
	font-size: 60px;
	color: #fff;
	cursor: pointer;
	z-index: 1000000;

	color: #c6e2ff;
	text-shadow: 0 0 2px rgba(202, 228, 225, 0.92),
		0 0 10px rgba(202, 228, 225, 0.34), 0 0 4px rgba(30, 132, 242, 0.52),
		0 0 7px rgba(30, 132, 242, 0.92), 0 0 11px rgba(30, 132, 242, 0.78),
		0 0 16px rgba(30, 132, 242, 0.92);
}

.top_bot {
	top: 5px;
}

.chat_box {
	position: fixed;
	right: 20px;
	bottom: 80px;
	width: 300px;
	height: 80vh;
	background-image: none;
	background-color: lightblue;
	z-index: 10000;
	transition: all 0s ease;
	transform: scaleY(0);
}

.chat_box.active {
	transform: scaleY(1);
}

.chat_box .hidden {
	display: none;
}

.chat_box iframe {
	position: absolute;
	top: 0;
	z-index: 100000;
}

.div.conv-form-wrapper {
	bottom: 0;
}

.div.conv-form-wrapper textarea {
	height: 30px;
	overflow: hidden;
	resize: none;
}

div.conv-form-wrapper:before {
	background-image: none;
}

.chat_box #messages {
	padding: 20px;
}

form.convFormDynamic {
	bottom: 20px;
}

.typed-cursor,
.typing-text {
	color: #000;
}

@media (max-width: 600px) {
	* {
		box-sizing: border-box;
	}
	.chat_box {
		position: fixed;
		width: 100%;
		height: 100%;
		right: 0;
		bottom: 0;
		border-top: 5px solid deepskyblue;
		vertical-align: bottom;
	}
	.chat_icon {
		position: fixed;
		right: 30px;
		bottom: 5px;
		font-size: 60px;
		color: #000;
		cursor: pointer;
	}
	.typed-cursor,
	.typing-text {
		display: none;
	}
}