@import url('https://fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i&display=swap');
#bbody body, #bbody {font-family: 'Nunito';}
#bbody .chatIcon img {max-width: 48px;}
#bbody #chatControl{cursor:pointer;display: inline-block;width: 276px;height: 55px;border-radius: 36px;position: fixed;bottom: 1%;right:21px;z-index: 999999;background: rgba(163,2,52,1);}
#bbody #chatControl .chatIcon{position:relative;}
#bbody #chatControl .chatIcon i{color: white;text-align: right;position: absolute;top: 11px;font-size: 33px;left: 0;right: 14px;}
#bbody #chatArea{position: fixed;right: 1px;bottom: 5%; z-index: 99999999;width: 460px;border: 3px solid #a30234;visibility:hidden}
#bbody #chatArea .TopHead{background: #a30234;padding: 2px 10px 5px 10px;color: white;}
#bbody #chatArea .bodyChatArea{height: 520px;background: white;}
#bbody #myIframe{width: 100%;height: 100%;opacity: 1; border: 0;}
#bbody #bbody #myIframe #BotChatElement .wc-app .wc-chatview-panel .wc-header{display:none!important}
#bbody .chatIcon img{width: 100%!important;max-width: inherit;}
#bbody #chatControl {transition: none;}
#bbody #chatControl * {transition: none;}
#bbody #chatArea{transition:none}
#bbody #chatArea *{transition:none}
#bbody .ActiveBot{visibility:visible!important}
/** added by ahmad tawbi ***/
#bbody #XXowl-content .featured-item a{display:inline-block;height:100%}
#bbody .field-validation-error{display:block}
#bbody .close-icon, .refresh-icon {float: right; cursor: pointer; font-size: 20px;}
#bbody .refresh-icon { padding: 0 15px;}
#bbody .TopHead {display: flex; align-items: center; justify-content: center;}
#bbody .TopHead a {color: #FFF; }
#bbody .TopHead-flex {flex: 0 0 25%; display: flex;  align-items: center; justify-content: flex-end;}
#bbody .TopHead-flex:first-child {flex: 0 0 75%; justify-content: flex-start; font-size: 18px; font-weight: bold;}
#bbody .TopHead img {max-height: 72px;margin-right: 12px;}
#chatbotTaxtSpan{color: white;
    font-size: 16px;
    left: 14px;
    top: 16px;
    position: relative;}
.chatbotText_AR {display: none;}
@media(max-width:567px) {
#bbody 	#chatArea {width: 100%;right: 0;}
#bbody 	.TopHead-flex:first-child {font-size: 16px; font-weight: normal;}
#bbody 	#chatArea .bodyChatArea{height: 460px;}
} 

.isnidePage #chatControl{position:static!important;width:100%!important;margin-bottom: 15px;}
.isnidePage #chatbotTaxtSpan{font-size:14px!important}
.isnidePage  #chatControl .chatIcon i{    font-size: 23px!important;top: 17px!important;}