
.iframe_onlinechat {width: 342px;height: 535px;position: fixed;bottom: 15px;right: 15px !important;z-index: 500;background-color: #FFF;display: none;border-radius: 8px;box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 0.428571rem 0px;}
.iframe_onlinechat.chatActive {display: block !important;}
.online_chat.chatActive{display: none;}
.online_chat {position: fixed; bottom: 15px; right: 15px; z-index: 500;}
.online_chat * {transition: none !important; padding: 0;line-height: 100%; box-sizing: border-box;font-family: 'Helvetica Neue', Arial, Helvetica, 'Segoe UI', sans-serif;font-size: 12px;color: #333;letter-spacing: normal;}
.online_chat .header_chat {background-color: #136eb6; display: table; padding: 10px 18px;border-radius: 25px;cursor: pointer;}
.online_chat .header_chat:hover {box-shadow: inset 0 0 0 4px rgba(255, 255, 255, 0.3);}
.rdc-icon-svg {line-height: 0;}
.rdc-icon-chat {width: 25px; height: 25px; background-size: 100%; mask-size: 100%; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25px' height='25px' viewBox='0 0 32 32'%3E%3Cpath d='m23.6609823 5.22553178c2.9576461 1.96576755 4.9722559 4.96642302 5.6737013 8.44914302.7003543 3.4826681.0033252 7.02851-1.9625507 9.9859932-1.965876 2.9574832-4.9666968 4.9719819-8.4496088 5.6733887-.8842754.1784039-1.7719277.2659433-2.6528779.2659433-2.2225858 0-4.4032613-.5596042-6.37130691-1.6446388l-.53133962-.30892-4.96669681 1.3563162c-.42109583.1119051-.86209046-.0244175-1.1402579-.3557167-.27816744-.3313512-.33911074-.7945051-.15404678-1.1845623.98878809-2.1015013 1.21202633-4.4626824.64187762-6.7024202l-.13432855-.477946c-.17399753-.5540183-.31469185-1.1313112-.41444559-1.7097471-1.22933811-7.0719799 3.40070671-13.83379246 10.37701334-15.29109828l.5149513-.09574229c3.3477249-.5617592 6.7441837.16183112 9.569916 2.04000725zm-13.88566519 19.55200522.98051949.6002633c1.6787088 1.0276869 3.5717529 1.5621997 5.5138096 1.5621997.7097373 0 1.4210555-.0710173 2.1277364-.213591 2.791739-.5622148 5.1844161-2.1686726 6.7595004-4.5382451 1.5755661-2.3702971 2.1313069-5.1978839 1.5701641-7.9882919-.5622305-2.7915094-2.1687514-5.18401685-4.5385019-6.75904587-2.2626286-1.50389866-4.9751886-2.08204207-7.6572768-1.63197889l-.4882743.09264696c-5.53481484 1.19956999-9.20159329 6.586895-8.2225863 12.2188155.05256032.3047783.11993563.6117622.20178649.9187907l.30460737 1.069221c.41449466 1.6307695.49684044 3.3136803.25311376 4.9568192l-.10667028.6141333z' fill='white'/%3E%3C/svg%3E");}
.online_chat_mini_button .icon_1_chat {display: table-cell; vertical-align: middle;}
.online_chat .dec_1_chat {display: table-cell; vertical-align: middle;font-size: 15px;font-weight: 700;color: white;letter-spacing: 0.6px;padding-left: 4px;}
/*.online_chat .right_chat {float: right;}*/
.hiddenBodyOverflow {overflow:hidden; position: fixed;}
.online_chat .clearfix:before, 
.online_chat .clearfix:after{ content:""; display:block;} 
.online_chat .clearfix:after{ clear:both; } 
.online_chat .clearfix { zoom:1; }
body.account-page .online_chat{display: none;}

@media (max-width: 767px) {
	.online_chat {transition: bottom 0.2s ease;}
    /*.online_chat .header_chat {height: 40px; padding-left: 15px; padding-right: 15px;}
    .online_chat .icon_1_chat {margin-top: 11px;}
    */
    .iframe_onlinechat {width: 100%; height: 100%; bottom: auto; top: 0; left: 0; border-radius: 0;}
    body.product-bar-view.product-bar-bottom .online_chat {bottom: 70px;}
    body.menu-mobile-opened .online_chat{display: none;}
}

@keyframes chatAnimation {
	0%   { opacity:1; }
	50%  { opacity:.5; }
	100% { opacity:1; }
}
@-o-keyframes chatAnimation{
	0%   { opacity:1; }
	50%  { opacity:.5; }
	100% { opacity:1; }
}
@-moz-keyframes chatAnimation{
	0%   { opacity:1; }
	50%  { opacity:.5; }
	100% { opacity:1; }
}
@-webkit-keyframes chatAnimation{
	0%   { opacity:1; }
	50%  { opacity:.5; }
	100% { opacity:1; }
}
.animate-chat {
	-webkit-animation: chatAnimation 1s infinite;
	-moz-animation: chatAnimation 1s infinite;
	-o-animation: chatAnimation 1s infinite;
	animation: chatAnimation 1s infinite;
}
