@import url("https://cdn-cibli.nitrocdn.com/TRtKZWPIYmXZbIipzkHiPwFGIxrpqAXI/assets/static/source/rev-5659fc8/fonts.googleapis.com/e44c2b3f445df0b3ec5ebf5c5a001b59.css2");

body {
	font-family: "Poppins", sans-serif;
}

* {
	margin: 0;
	padding: 0;
}

a.botui-message-content-link:focus {
	outline: thin dotted;
}

a.botui-message-content-link:focus:active, a.botui-message-content-link:focus:hover {
	outline: 0;
}

form.botui-actions-text {
	margin: 0;
}

button.botui-actions-buttons-button, input.botui-actions-text-input {
	margin: 0;
	font-size: 100%;
	line-height: normal;
	vertical-align: baseline;
}

button.botui-actions-buttons-button::-moz-focus-inner, input.botui-actions-text-input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

button.botui-actions-buttons-button {
	cursor: pointer;
	-webkit-appearance: button;
}

.botui-app-container {
	line-height: 1;
}

@media (min-width: 400px) {
	.botui-app-container {
		max-width: 850px;
		width: 100%;
		margin: 40px auto;
	}
}

.botui-container {
	width: 100%;
	height: 100%;
	overflow-y: auto;
	overflow-x: hidden;
}

.botui-message {
	margin: 10px 0;
	min-height: 20px;
}

.botui-message:after {
	display: block;
	content: "";
	clear: both;
}

.botui-message-content {
	width: auto;
	max-width: 75%;
	display: inline-block;
}

.botui-message-content.human {
	float: right;
}

.botui-message-content iframe {
	width: 100%;
}

.botui-message-content-image {
	margin: 5px 0;
	display: block;
	max-width: 200px;
	max-height: 200px;
}

.botui-message-content-link {
	text-decoration: underline;
}

.profil {
	position: relative;
	border-radius: 50%;
}

.profil.human {
	float: right;
	margin-left: 5px;
}

.profil.agent {
	float: left;
	margin-right: 5px;
}

.profil > img {
	width: 26px;
	height: 26px;
	border: 2px solid #e8e8e8;
}

.profil > img.agent {
	content: url("http://decodemoji.com/img/logos/blue_moji_hat.svg");
	border-radius: 50%;
}

button.botui-actions-buttons-button {
	margin-top: 10px;
	margin-bottom: 10px;
}

button.botui-actions-buttons-button:not(:last-child) {
	margin-right: 10px;
}

@media (min-width: 400px) {
	.botui-actions-text-submit {
		display: none;
	}
}

/* Theming  */
.boat-holder {
	height: 100%;
	overflow-y: scroll;
}

.botui-container {
	font-size: 18px;
	font-family: "Poppins", sans-serif;
}

.botui-messages-container {
	padding: 10px 20px;
}

.botui-actions-container {
	padding: 10px 20px;
	text-align: right;
}

.botui-message {
	min-height: 30px;
}

.botui-message-content {
	padding: 25px;
	border-radius: 0px 60px 60px 60px;
	color: #000;
	background-color: #ebebeb;
}

.botui-message-content.human {
	color: #f7f8f8;
	background-color: #072543;
	border-radius: 60px 60px 0 60px;
}

.botui-message-content.text {
	line-height: 1.3;
}

.botui-message-content.loading {
	background-color: rgba(206, 206, 206, .5);
	line-height: 1.3;
	text-align: center;
}

.botui-message-content.embed {
	padding: 5px;
	border-radius: 5px;
}

.botui-message-content-link {
	color: #919292;
}

.botui-actions-text-input {
	outline: none !important;
	padding: 20px !important;
	font-family: "Poppins", sans-serif;
	color: #fff !important;
	border-radius: 40px !important;
	background-color: #072543 !important;
}

.botui-actions-text-input::placeholder {
	color: #fff !important;
	opacity: 1;
}

.botui-actions-text-input:-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	color: #fff !important;
}

.botui-actions-text-input::-ms-input-placeholder {
	/* Microsoft Edge */
	color: #fff;
}

::-webkit-calendar-picker-indicator {
	filter: invert(1);
}

.botui-actions-text-submit {
	color: #fff;
	width: 30px;
	padding: 5px;
	height: 30px;
	line-height: 1;
	border-radius: 50%;
	border: 1px solid #919292;
	background: #777979;
}

.botui-actions-buttons-button {
	border: 0;
	color: #fff;
	line-height: 1;
	cursor: pointer;
	font-size: 16px;
	font-weight: 500;
	padding: 15px 25px;
	border-radius: 30px;
	font-family: "Poppins", sans-serif;
	background: #072543;
	box-shadow: 2px 3px 4px 0 rgba(0, 0, 0, .25);
}

.botui-actions-text-select {
	border: 0;
	outline: 0;
	border-radius: 0;
	padding: 5px 7px;
	font-family: "Poppins", sans-serif;
	background-color: transparent;
	color: #595a5a;
	border-bottom: 1px solid #919292;
}

.botui-actions-text-searchselect {
	border: 0;
	outline: 0;
	border-radius: 0;
	padding: 5px 7px;
	font-family: "Poppins", sans-serif;
	background-color: transparent;
	color: #595a5a;
	border-bottom: 1px solid #919292;
}

.botui-actions-text-searchselect .dropdown-toggle {
	border: none !important;
}

.botui-actions-text-searchselect .selected-tag {
	background-color: transparent !important;
	border: 0 !important;
}

.slide-fade-enter-active {
	transition: all .3s ease;
}

.slide-fade-enter, .slide-fade-leave-to {
	opacity: 0;
	transform: translateX(-10px);
}

.dot {
	width: .5rem;
	height: .5rem;
	border-radius: .5rem;
	display: inline-block;
	background-color: #919292;
}

.dot:nth-last-child(1) {
	margin-left: .3rem;
	animation: loading .6s .3s linear infinite;
}

.dot:nth-last-child(2) {
	margin-left: .3rem;
	animation: loading .6s .2s linear infinite;
}

.dot:nth-last-child(3) {
	animation: loading .6s .1s linear infinite;
}

@keyframes loading {
	0% {
		transform: translate(0, 0);
		background-color: #ababab;
	}
	
	25% {
		transform: translate(0, -3px);
	}
	
	50% {
		transform: translate(0, 0);
		background-color: #ababab;
	}
	
	75% {
		transform: translate(0, 3px);
	}
	
	100% {
		transform: translate(0, 0);
	}
}

.chat-buttom {
	border-radius: 140px;
	padding: 21px 70px;
	color: #fff;
	font-size: 17px;
	display: inline-block;
	font-weight: 600;
	text-align: center;
	transition: all .3s;
	background-color: green;
	text-decoration: none;
}

.vertical-center {
	margin: 0;
	position: absolute;
	text-align: center;
	top: 50%;
	width: 100%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	font-family: "Poppins", sans-serif;
}

.survey {
	position: fixed;
	background: rgba(57, 184, 129, .9);
	width: 100%;
	height: 100vh;
	z-index: 9999999;
	top: 0;
	left: 0;
}

#messages {
	display: flex;
	padding: 30px;
	overflow-y: auto;
	flex-direction: column;
}

.botui-messages-container .botui-message .botui-message-content {
	opacity: .8;
}

.botui-messages-container .botui-message:last-child .botui-message-content {
	opacity: 1;
}

.closeChat {
	position: absolute;
	right: 50px;
	top: 70px;
	color: #fff;
	cursor: pointer;
}

.chat-bg {
	height: 100%;
	width: 100%;
	overflow: hidden;
}

.botui-actions-text-input {
	border-color: #072543;
}

.botui-actions-text-submit {
	height: 50px;
	width: 50px;
	background-color: transparent !important;
	border: 2px solid #072543;
	color: #072543 !important;
}

@media (max-width: 767.98px) {
	.botui-actions-text-input {
		padding: 15px;
	}
	
	.botui-message-content {
		padding: 20px;
	}
	
	.closeChat {
		top: 30px;
		right: 20px;
	}
	
	.botui-actions-buttons-button {
		padding: 12px 22px;
	}
}

@media (max-width: 575.98px) {
	.botui-actions-text-input {
		padding: 10px;
	}
	
	.botui-message-content {
		padding: 15px;
		font-size: 15px;
	}
	
	.closeChat {
		top: 5px;
		right: 20px;
	}
	
	.botui-actions-buttons-button {
		padding: 10px 20px;
	}
}

.error {
	color: red;
	font-size: 14px;
	margin-top: 10px;
	padding-right: 10px;
	display: block;
}

.botui-actions-text-input {
	max-width: 300px;
}