@font-face {font-family:tr;src:url(fonts/Tajawal-Regular.ttf) format('truetype');font-weight:400;font-style:normal}
@font-face {font-family:tl;src:url(fonts/Tajawal-Light.ttf) format('truetype');font-weight:400;font-style:normal}
@font-face {font-family:tb;src:url(fonts/Tajawal-Bold.ttf) format('truetype');font-weight:400;font-style:normal}

#bbody .chatIcon img {max-width: 48px;}
#bbody #chatControl{cursor:pointer;display: inline-block;width: 245px;height: 55px;border-radius: 36px;position: fixed;bottom: 1%;left:21px;z-index: 999999;background: rgba(163,2,52,1);}
#bbody #chatControl .chatIcon{position:relative;}
#bbody #chatControl .chatIcon i{color: white;text-align: left;position: absolute;top: 11px;font-size: 33px;right: 14px;left: 10px;}
#bbody #chatArea{position: fixed;left: 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: left; 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: 48px; margin-left: 10px;}
#bbody .TopHead img {max-height: 72px;margin-left: 12px;}
#chatbotTaxtSpan{
    color: white;
    font-size: 16px;
    left: -10px;
    top: 16px;
    position: relative;
    }
.chatbotText_EN {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;}