#webchat {
	height: 100%;
	width: 100%;
}

.rdhelp.open {
	right: 50%;
	transform: translateX(50%);
}

.rdhelp.open {
	right: 20px;
	opacity: 1;
	pointer-events: all;
	transition: all .2s ease-in-out .3s;
    transform: translateX(0%);
}

.rdhelp {
	position: fixed;
	bottom: 20px;
	opacity: 0;
	pointer-events: none;
	right: -50px;
	right: -350px; /*edited for iphone issue */
	transition: all .2s ease-in-out;
	width: 350px;
	border-radius: 10px;
	background-color: white;
	z-index: 99999999;
	overflow: hidden;
	height: 570px;
	max-height: 80vh;
}

.rdbothelp-button.hidden {
	right: -100px;
	opacity: 0;
}

.rdbothelp-button {
	cursor: pointer;
	text-decoration: none;
	-webkit-transition: all 0.15s ease-in;
	-moz-transition: all 0.15s ease-in;
	transition: all 0.15s ease-in;
	display: block;
	position: fixed;
	padding: 6px 23px 20px 23px;
	font-family: "du-font-secondary-bold";
	color: white;
	border-radius: 4px 4px 0 0;
	z-index: 9999;
	background-color: #00a9ce;
	background: linear-gradient(-90deg, #05A8CE 0%, #7146BF 50%, #13246A 100%);
	transform: rotate(-90deg) translateX(-50%);
	right: -55px;
	top: 50%;
	font-size: 16px;
	box-shadow: -1px 0 6px 0 rgba(0, 0, 0, 0.2);
	line-height: 21px;
	transition: .3s ease-out .2s !important;
}

.rdbothelp-button:hover {
	right: -49px;
}

a:active, a:hover {
	text-decoration: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

@media screen and (max-width: 64.06125em) {
	.rdhelp.open {
		right: 50%;
		transform: translateX(50%);
	}
}

@font-face {
	font-family:'du-font-secondary-bold';
	src: url('https://www.du.ae/servlet/duaediscovery/common/discovery/common/fonts/ProximaNova-Bold.eot');
	src: url('https://www.du.ae/servlet/duaediscovery/common/discovery/common/fonts/ProximaNova-Bold.eot') format('embedded-opentype'),
	url('https://www.du.ae/servlet/duaediscovery/common/discovery/common/fonts/ProximaNova-Bold.woff2') format('woff2'),
	url('https://www.du.ae/servlet/duaediscovery/common/discovery/common/fonts/ProximaNova-Bold.woff') format('woff'),
	url('https://www.du.ae/servlet/duaediscovery/common/discovery/common/fonts/ProximaNova-Bold.ttf') format('truetype');
}