.bot-circle,
.bot-circle:focus{outline:0!important}
.bot-circle.active {pointer-events: none;}
.material-icons{font-family:'Material Icons';font-weight:400;font-style:normal;font-size:24px;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:'liga'}
.og-chat-box iframe{height: calc(100% - 50px);border:none!important; margin-bottom: 0px !important}
/* .og-chat-box p {width: 100%;float: left;height: 100%;} */
.bot-circle{width:26%;height:65px;position:fixed;bottom:17px!important;right:0px;display:block;-webkit-animation:fadeInUp1 1s cubic-bezier(.68,-.55,.27,1.55) forwards;animation:fadeInUp1 1s cubic-bezier(.68,-.55,.27,1.55) forwards;color:#fff;box-shadow:none!important;left:0px; margin:0 auto;top:calc(100% - 82px); z-index: 9999999}
.bot-circle:hover{color:#fff!important}
.bot-circle .bot-circle-icon-close,.bot-circle .bot-circle-icon-open{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:absolute;top:0;bottom:0;width:100%;box-shadow:2px 4px 25px -4px rgba(0,0,0,.6);border-radius:50%;-webkit-transition:opacity .08s linear,-webkit-transform .16s linear;transition:opacity .08s linear,-webkit-transform .16s linear;transition:transform .5s linear,opacity .08s linear;transition:transform .5s linear,opacity .08s linear,-webkit-transform .16s linear}
.bot-circle .bot-circle-icon-open{opacity:1;-webkit-transform:rotate(0) scale(1);transform:rotate(0) scale(1)}
.bot-circle.active .bot-circle-icon-open{opacity:0;-webkit-transform:rotate(30deg) scale(0);transform:rotate(30deg) scale(0)}
.bot-circle .bot-circle-icon-close{opacity:0;-webkit-transform:rotate(-30deg);transform:rotate(-30deg)}
.bot-circle.active .bot-circle-icon-close{opacity:1;-webkit-transform:rotate(0);transform:rotate(0)}
.bot-circle.left{left:35px;right:inherit}
.bot-circle.right {right: 35px; left: inherit;}
/*.bot-circle.left .og-chat-tooltip{left:30px;border-radius:50px 50px 50px 0}*/
.bot-circle.left + .og-chat-box-outer .og-chat-box{left:35px !important;right:inherit}
.bot-circle.right + .og-chat-box-outer .og-chat-box{right:35px !important;left:inherit}
.og-chat-box-top{float:left;width:100%;height:65px;background:#FF3C5D;display:none}
.og-chat-box-top .bot-circle-mobile{width:40px;height:40px;border-radius:8px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transform:translateZ(0);transform:translateZ(0);z-index:2147483003;position:absolute;top:0;right:0;background-position:50%;margin:5px 8px 5px 2px;transition:all .5s ease-in-out;box-shadow:none!important}
.og-chat-box-top .bot-circle-mobile:hover{background:rgba(0,0,0,.5)}
.og-chat-box-top .bot-circle-mobile .bot-circle-icon-close{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:absolute;top:0;bottom:0;width:100%;height:100%;color:#fff}
.og-chat-box{z-index:999999!important;position:fixed!important;right:0px; left:0px;width:400px!important;min-height:250px!important;max-height:700px!important;-webkit-box-shadow:0 5px 40px rgba(0,0,0,.16)!important;box-shadow:0 5px 40px rgba(0,0,0,.16)!important;border-radius:8px!important;overflow:hidden!important;height:calc(100% - 20px - 80px - 20px);bottom:50px;opacity:0;-webkit-animation:fadeInUp .8s ease-in-out .5s forwards;animation:fadeInUp .8s ease-in-out .5s forwards;margin: 0 auto;}
.og-chat-box.hide{-webkit-animation:fadeOut .8s ease-out .6s forwards;animation:fadeOut .8s ease-out .6s forwards;z-index:-1!important}
.og-chat-box.no-animation{-webkit-animation:fadeOutDown 0s cubic-bezier(.65,.05,.36,1) forwards;animation:fadeOutDown 0s cubic-bezier(.65,.05,.36,1) forwards;z-index:-1!important}
.og-chat-tooltip{cursor: pointer; position:absolute;padding:15px;box-shadow:0 0 7px 3px rgba(0,0,0,0.2); background:#fff;float:left;min-width:auto;width:100%; border-radius:5px;min-height:20px;-webkit-animation:fadeInUp2 2s cubic-bezier(.68,-.55,.27,1.55) forwards;animation:fadeInUp2 2s cubic-bezier(.68,-.55,.27,1.55) forwards}
.og-chat-tooltip p{color: #fb545b;font-size: 16px; margin:0px; display: block;max-width: 100%;margin-bottom: 5px; line-height: 1.4;}
.og-chat-tooltip div.helptext{color: #666666;opacity: 0.5;font-size: 12px;display: block;font-weight: 300;}
.og-chat-tooltip img{position: absolute;right: 25px;top: 32px;width: 16px;opacity: 0;transition: all ease 0.5s;}
.og-chat-tooltip:hover img{opacity: 0.4;}
.bot-circle.active .og-chat-tooltip{-webkit-animation:fadeOutDown2 1s cubic-bezier(.68,-.55,.27,1.55) forwards;animation:fadeOutDown2 1s cubic-bezier(.68,-.55,.27,1.55) forwards}
.floating-embedOpen-topbar {display: flex;width:100%;padding: 10px;min-height: 30px;align-items: center;box-shadow: -2px 7px 6px -5px rgba(0,0,0,0.2);position: relative;z-index: 99;}
.floating-embedOpen-topbar p {color: #fb545b;font-size: 16px;display: block;max-width: 100%;width: 93%; margin-bottom: 0;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;padding-left: 10px;margin-top: 0;}
.og-chat-tooltip i.material-icons {color: #FB5F66;position: absolute;right: 10px;top: 18px;font-size: 18px;transform: rotate(.03deg);transition: all .5s ease;}
.og-chat-tooltip:hover i.material-icons {color: #B2B2B2; opacity: 0.5;}
.bot-circle-icon-close {box-shadow: none !important;line-height: normal;}
a.greetbar-popupClose{background: url(https://dlvkyia8i4zmz.cloudfront.net/dzKrK0jIRVe7nYrjG158_np_close_85663_FFFFFF.svg); position: absolute; top: 5px !important; right: 5px; border-radius: 5px; width: 20px; height: 20px; cursor: pointer; z-index: 99999 !important; background-size: 14px; background-repeat: no-repeat; box-shadow: none !important; border: none !important; background-color: #dedede; padding-right: 0; background-position: center;}
@-webkit-keyframes fadeOutDown{from{opacity:1}
100%{opacity:0;-webkit-transform:translate3d(0,20%,0);transform:translate3d(0,20%,0)}
}
@keyframes fadeOutDown{from{opacity:1}
100%{opacity:0;-webkit-transform:translate3d(0,20%,0);transform:translate3d(0,20%,0)}
}
@keyframes fadeOut{from{opacity:1}
to{opacity:0}
}
@-webkit-keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,8%,0);transform:translate3d(0,8%,0)}
100%{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,8%,0);transform:translate3d(0,8%,0)}
100%{opacity:1;-webkit-transform:none;transform:none}
}
@-webkit-keyframes fadeInUp1{from{opacity:0;bottom:0}
to{opacity:1;bottom:17px}
}
@keyframes fadeInUp1{from{opacity:0;bottom:0}
to{opacity:1;bottom:17px}
}
@-webkit-keyframes fadeInUp2{from{opacity:0;bottom:0}
to{opacity:1;bottom:20px}
}
@keyframes fadeInUp2{from{opacity:0;bottom:0}
to{opacity:1;bottom:20px}
}
@-webkit-keyframes fadeOutDown2{from{opacity:1;bottom:25px}
to{opacity:0;bottom:0}
}
@keyframes fadeOutDown2{from{opacity:1;bottom:25px}
to{opacity:0;bottom:0}
}
@-webkit-keyframes fadeOutDown22{from{opacity:1;bottom:calc(20px + 80px)}
to{opacity:0;bottom:0}
}
@keyframes fadeOutDown22{from{opacity:1;bottom:calc(20px + 80px)}
to{opacity:0;bottom:0}
}
@media (max-width:1024px){
	.og-chat-box-outer{position:fixed;left:0;top:0;bottom:0;z-index:9999;right:0;padding-left:calc(100% - 430px);padding-top:calc(100% - 420px)}
	.og-chat-box-outer .og-chat-box{position: absolute !important;}
	.bot-circle{z-index: 999999; width: 40%;}
	.bot-circle.left + .og-chat-box-outer{padding-right:  calc(100% - 430px); padding-left:0}
	.bot-circle.right + .og-chat-box-outer .og-chat-box{ left: unset !important;}
	.bot-circle.left + .og-chat-box-outer .og-chat-box{ right: unset !important;}
	/* css for ios only */
	@supports (-webkit-overflow-scrolling:touch){
		.floating-embedOpen-topbar{position: fixed;	width: 400px; max-width: 100%;}
		.og-chat-box iframe{ margin-top: 47px;}
	}
}
@media (min-width: 768px) and (max-width: 1024px) {
	@supports (-webkit-overflow-scrolling:touch){
		.og-chat-box-outer .og-chat-box{overflow: scroll !important;-webkit-overflow-scrolling: touch;	position: fixed !important;}
	}
}
@media (max-width:640px){
	.og-chat-box-outer{padding:0!important}
	.bot-circle{width: 60%;}
	@supports (-webkit-overflow-scrolling:touch){
		.og-chat-box{-webkit-overflow-scrolling:touch;overflow:scroll!important}
		.floating-embedOpen-topbar{position: fixed;	width: 100%; max-width: 100%;}
		.og-chat-box iframe{height: calc(100vh - 50px);}
}
.og-chat-box{width:100%;height:100%;bottom:0;right:0;max-width:100%!important;min-width:100%!important;border-radius:0!important;left:0;top:0;max-height: 100% !important;}
.bot-circle + .og-chat-box-outer { position: static; z-index: -999 !important;}
.bot-circle.active + .og-chat-box-outer {position: fixed;z-index: 99999999 !important;}
.bot-circle.active{display:none}
.bot-circle.left+ .og-chat-box-outer .og-chat-box{left:0 !important}
.og-chat-box-top{display:block;background:0 0;height:auto}
.og-chat-box-top .bot-circle-mobile{background:rgba(0,0,0,.2)}
.og-chat-box iframe{-webkit-overflow-scrolling:touch}
.bot-circle.left + .og-chat-box-outer .og-chat-box{left:0px !important;right:inherit !important;}
.bot-circle.right + .og-chat-box-outer .og-chat-box{right:0px !important;left:inherit !important;}


/*.bot-circle-icon-close {display: none;}*/
}
.fadeOut {
    opacity: 0;
    transition: opacity 500ms;
}