/*body {font-family: "Noto Kufi Arabic", "Helvetica Neue", Arial, sans-serif;}*/
.chatIcon img {max-width: 48px;}
#chatControl{cursor:pointer;display: inline-block;width: 65px;height: 65px;border-radius: 100%;border: 5px solid white;position: fixed;bottom: 0.5%;right:0px;z-index: 999999;}
#chatControl .chatIcon{position:relative;}
#chatControl .chatIcon i{color: white;text-align: center;position: absolute;top: 13px;font-size: 33px;left: 0;right: 0;}
#chatArea{position: fixed;right: 1px;bottom: 5%; z-index: 99999999;width: 460px;border: 3px solid #18486c;visibility:hidden}
#chatArea .TopHead{background: #18486c;padding: 2px 10px 5px 10px;color: white;}
#chatArea .bodyChatArea{height: 520px;background: white; position:relative;}
.sendSpan, .attachSpan {position: absolute; bottom: 0px; right: 40px; display: inline-block; height: 38px; width: 0px; border: 1px solid #18486c;}
.attachSpan { left: 36px; }
#myIframe{width: 100%;height: 100%;opacity: 1; border: 0;}
#myIframe #BotChatElement .wc-app .wc-chatview-panel .wc-header{display:none!important}
.chatIcon img{width: 100%!important;max-width: inherit;}
#chatControl {transition: none;}
#chatControl * {transition: none;}
#chatArea{transition:none}
#chatArea *{transition:none}
.ActiveBot{visibility:visible!important}
/** added by ahmad tawbi ***/
#XXowl-content .featured-item a{display:inline-block;height:100%}
.field-validation-error{display:block}
.close-icon, .refresh-icon {float: right; cursor: pointer; font-size: 20px;}
.refresh-icon { padding: 0 15px;}
.TopHead {display: flex; align-items: center; justify-content: center;}
.TopHead a {color: #FFF; }
.TopHead-flex {flex: 0 0 25%; display: flex;  align-items: center; justify-content: flex-end;}
.TopHead-flex:first-child {flex: 0 0 75%; justify-content: flex-start; font-size: 18px; font-weight: bold;}
.TopHead img {max-height: 48px; margin-right: 10px;}
.TopHead img {
    max-height: 60px;
    margin-right: 12px;
    border-radius: 50%;
    border: 2px solid #FFF;
    padding: 3px;
	margin-left: 12px;
/*    max-height: 72px;
    margin-right: 12px;
    padding: 2px;
    border-radius: 50%;
    border: 2px solid rgba(255, 255, 255, 1);
    box-shadow: 0 0 6px 1px rgba(255, 255, 255, 1);
*/
}

@media(max-width:567px) {
	#chatArea {
		width: 320px;
		right: 0;
	}
	.TopHead-flex:first-child {font-size: 16px; font-weight: normal;}
	#chatArea .bodyChatArea{height: 460px;}
}