@keyframes fadeInAnimation {
	100% {
	  transform: translateY(0);
	}
}

@keyframes fadeOutAnimation {
	100% {
	  transform: translateY(-120%);
	}
}

@keyframes chatContainerAnimation {
	100% {
	  opacity: 1;
	}
}

.cx-webchat.cx-mobile {
	animation: chatContainerAnimation 0.1s forwards;
	opacity: 0;
}

.cx-widget.popup-livechat {
	animation: fadeInAnimation 0.6s forwards;
	transform: translateY(-120%);
	width: 100%;
	height: 100%; 
	position: fixed; 
	z-index: 10011; 
	left: 0; 
	top: 0; 
	background-color: #000; 
	color: #fff; 
	font-size: 22px; 
	padding: 25px 16px; 
	text-align: center;
	overflow-y: auto;
}

.popup-livechat-image img {
	width: 100%;
	max-width: 380px;
}

.popup-livechat-body {
	position: absolute; 
	z-index: 10012; 
	left: 0; 
	right: 0; 
	bottom: 6%;
}

.popup-livechat-text {
	max-width: 280px;
    margin: 0 auto;
	font-size: 30px; 
	margin-bottom: 26px;
}

.hide-scrollbar {
	overflow-y: hidden;
}

#genesys-cuapp-livechat {
	cursor: pointer; 
	text-decoration: none; 
	font-size: 24px; 
	font-weight: normal; 
	width: 100%; 
	max-width: 270px;
}

#genesys-web-livechat {
	cursor: pointer; 
	font-size: 16px; 
	margin-top: 26px;
}

@media (orientation: landscape) {
	.popup-livechat-body{
		position: relative;
		bottom: 10%;
	}
}

@media (max-height: 699px) {
	.popup-livechat-image img {
		max-width: 280px;
	}
}