#kt_wrapper {
	
		background-image: url('https://app.chatbotstar.com/attachment/render/96096f42-e3e6-4a0e-9770-2c7c8618df09');
	}

.bot-messenger-container .card.card-auto-height>.card-body {
	

	}

.bot-has-shadow{
	-webkit-box-shadow:0 0 30px 5px rgba(0,0,0,0.1) !important;
	-moz-box-shadow:0 0 30px 5px rgba(0,0,0,0.1) !important;
	box-shadow:0 0 30px 5px rgba(0,0,0,0.1) !important
}

.ginie-widget {
	position: fixed;
	border-radius: 5px;
	overflow: hidden;

	width: 600px;
	max-width: 600px;

	height: 800px;
	max-height: 800px;

	width: 100%;
	height: 100vh;

	background: #fff;

	transition: width 0.2s ease-out, height 0.2s ease-out;
}

.ginie-widget-closed {
	width: 0 !important;
	height: 0 !important;
}

.ginie-button {
	position: fixed;

	width: 50px;
	height: 50px;

	border-radius: 20px;

		display: none;
	}

.ginie-button img {
	width: 100%;
	height: auto;
}

.ginie-button .ginie-button-toggle .img-open {
	display: none;
}

.ginie-button .ginie-button-toggle .img-close {
	display: block;
}

.ginie-button.ginie-closed .ginie-button-toggle .img-open {
	display: block;
}

.ginie-button.ginie-closed .ginie-button-toggle .img-close {
	display: none;
}

.ginie-button .tooltiptext {
	visibility: hidden;
	background-color: black;
	color: #fff;
	text-align: center;
	border-radius: 5px;
	padding: 5px 20px;
	position: absolute;
	top: 50%;
	left: 100%;
	margin-left: 10px;
	transform: translateY(-50%);
	opacity: 0;
	transition: opacity 0.3s;
	white-space: nowrap;
	width: auto;
	max-width: 500px;
}

.ginie-button .tooltiptext::after {
	content: "";
	position: absolute;
	top: 50%;
	right: -10px;
	border-width: 5px;
	border-style: solid;
	border-color: transparent transparent transparent black;
	transform: translateY(-50%);
}

.ginie-button .tooltiptext::before {
	content: "";
	position: absolute;
	top: 50%;
	left: -9px;
	border-width: 5px;
	border-style: solid;
	border-color: transparent black transparent transparent;
	transform: translateY(-50%);
}

.ginie-button:hover .tooltiptext {
	visibility: visible;
	opacity: 1;
}

	.ginie-widget {
		right: 0px;
		bottom: 0px;
	}

	.ginie-button {
		right: 50px;
		bottom: 50px;
	}

	.ginie-button .tooltiptext {
		left: auto;
		right: 100%;
		margin-right: 10px;
	}

	.ginie-button .tooltiptext::before {
		display: none;
	}

@media  only screen and (max-width: 600px) {
	.ginie-widget {
		width: 100%;
		max-width: 100%;
		height: 100%;
		max-height: 100%;

		left: 0;
		right: auto;
		top: auto;
		bottom: 0;
		border-radius: 0;
	}
}

.ginie-widget iframe {
	border: none;
	width: 100%;
	height: 100%;
}