.floating-chat,.floating-chat .chat{transition:all 250ms ease-out;display:flex}@font-face{font-family:'Noto Sans';font-style:normal;font-weight:400;font-stretch:normal;src:url(https://fonts.gstatic.com/s/notosans/v39/o-0mIpQlx3QUlC5A4PNB6Ryti20_6n1iPHjcz6L1SoM-jCpoiyD9A-9a6Vc.ttf) format('truetype')}*{box-sizing:border-box}body{background:#fff;font:12px/16px var(--font-family)}.floating-chat{cursor:pointer;align-items:center;justify-content:center;color:#000;position:fixed;bottom:10px;right:10px;width:40px;height:40px;transform:translateY(70px);border-radius:50%;opacity:0;background:-moz-linear-gradient(-45deg,#fff 0,#f5f5f5 25%,#f5f5f5 50%,#f5f5f5 75%,#f5f5f5 100%);background:-webkit-linear-gradient(-45deg,#fff 0,#f5f5f5 25%,#f5f5f5 50%,#f5f5f5 75%,#f5f5f5 100%);background-repeat:no-repeat;background-attachment:fixed}.floating-chat.enter:hover{box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23);opacity:1}.floating-chat.enter{transform:translateY(0);opacity:.6;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.14)}.floating-chat.expand{width:500px;max-height:500px;height:500px;border-radius:5px;cursor:auto;opacity:1}.floating-chat :focus{outline:0;box-shadow:0 0 3pt 2pt rgb(130,203,238 .3)}.floating-chat button{background:0 0;border:0;color:#1393f7;text-transform:uppercase;border-radius:3px;cursor:pointer}.floating-chat .chat{flex-direction:column;position:absolute;opacity:0;width:1px;height:1px;border-radius:50%;margin:auto;top:0;left:0;right:0;bottom:0}.floating-chat .chat.enter{opacity:1;border-radius:0;width:auto;height:auto}.floating-chat .chat .header{flex-shrink:0;padding:10px;display:flex;background:#7fcaec;border-top-left-radius:5px;border-top-right-radius:5px}.floating-chat .chat .header .title{flex-grow:1;flex-shrink:1;text-align:center;font-size:16px}.floating-chat .chat .header button{flex-shrink:0}.floating-chat .chat .messages{padding:10px;margin:0;list-style:none;overflow-y:scroll;overflow-x:hidden;flex-grow:1;border-radius:4px;background:0 0;height:230px}.floating-chat .chat .messages::-webkit-scrollbar{width:5px}.floating-chat .chat .messages::-webkit-scrollbar-track{border-radius:5px;background-color:rgba(146,190,252,.1)}.floating-chat .chat .messages::-webkit-scrollbar-thumb{border-radius:5px;background-color:rgba(146,190,252,.8)}.floating-chat .chat .messages li{position:relative;clear:both;display:inline-block;padding:14px;margin:0 0 20px;font:12px/16px 'Noto Sans',sans-serif;border-radius:10px;background-color:rgba(146,190,252,.2);word-wrap:break-word;max-width:81%}.floating-chat .chat .messages li:before{position:absolute;top:0;width:25px;height:25px;border-radius:25px;content:'';background-size:cover}.floating-chat .chat .messages li:after{position:absolute;top:10px;content:'';width:0;height:0;border-top:10px solid rgba(146,190,252,.2)}.floating-chat .chat .messages li.other{animation:show-chat-odd .15s 1 ease-in;-moz-animation:show-chat-odd .15s 1 ease-in;-webkit-animation:show-chat-odd .15s 1 ease-in;float:right;margin-right:45px;color:#000}.floating-chat .chat .messages li.other:before{right:-45px;background-image:url(../images/so.png)}.floating-chat .chat .messages li.other:after{border-right:10px solid transparent;right:-10px}.floating-chat .chat .messages li.self{animation:show-chat-even .15s 1 ease-in;-moz-animation:show-chat-even .15s 1 ease-in;-webkit-animation:show-chat-even .15s 1 ease-in;float:left;margin-left:45px;color:#000}.floating-chat .chat .messages li.self:after{border-left:10px solid transparent;left:-10px}.floating-chat .chat .footer{flex-shrink:0;display:flex;padding-top:10px;max-height:90px;background:0 0;border-top-style:solid;border-color:#87ceeb}.floating-chat .chat .footer .text-box{border-radius:3px;background:rgba(146,190,252,.2);min-height:100%;width:100%;height:35px;margin-right:5px;color:#000;overflow-y:auto;padding:2px 5px}.floating-chat .chat .footer .text-box::-webkit-scrollbar{width:5px}.floating-chat .chat .footer .text-box::-webkit-scrollbar-track .header{border-radius:5px;background-color:rgba(25,147,147,.1)}.floating-chat .chat .footer .text-box::-webkit-scrollbar-thumb{border-radius:5px;background-color:rgba(25,147,147,.2)}@keyframes show-chat-even{0%{margin-left:-480px}100%{margin-left:0}}@-moz-keyframes show-chat-even{0%{margin-left:-480px}100%{margin-left:0}}@-webkit-keyframes show-chat-even{0%{margin-left:-480px}100%{margin-left:0}}@keyframes show-chat-odd{0%{margin-right:-480px}100%{margin-right:0}}@-moz-keyframes show-chat-odd{0%{margin-right:-480px}100%{margin-right:0}}@-webkit-keyframes show-chat-odd{0%{margin-right:-480px}100%{margin-right:0}}.mic .listening-1{animation:listeningframes .6s 0s infinite}.mic .listening-2{animation:listeningframes .6s .2s infinite}.mic .listening-3{animation:listeningframes .6s .4s infinite}.footer .mic{width:30px;height:30px;padding-top:5px;text-align:center}.mic .listening{font-size:36px;color:#3498DB;display:none}@keyframes listeningframes{0%,100%{opacity:1}33%,66%{opacity:.3}}.micview{margin:5px auto;text-align:center}.suggestions{background-color:#fff;overflow:auto;white-space:nowrap;padding-top:4px;padding-bottom:4px}.suggestions button{display:inline-block;color:#58b1ea;text-align:center;text-decoration:none;border:2px solid #87cefa;font-size:10px!important;margin:1px;border-radius:25px;text-transform:none!important}.card-custom{width:18rem;margin:30px;background-color:initial!important}.footer,.messages,.suggestions{margin:10px}#sendMessage i.fa-arrow-right,#start i.micview{color:gray;font-size:24px}#sendMessage i.fa-arrow-right:hover,#start i.michover:hover{color:#7fcaec}#sendMessage i.fa-arrow-right:active{color:#7gcaec;text-shadow:5px 0 #E3E3E3;font-size:26px;transition:.5s;padding:5px}.floating-chat .chat .messages li.bot:before{left:-45px;background-image:url(../images/so.png)}#waitingmessage{padding:2px;float:left;margin-left:45px;background-color:transparent}#waitingmessage div{background-color:rgba(146,190,252,.2);padding:3px;border-radius:10px;width:45px;text-align:center}@keyframes blink{0%,100%{opacity:.2}20%{opacity:1}}#waitingmessage div i{animation-name:blink;animation-duration:1.4s;animation-iteration-count:infinite;animation-fill-mode:both;font-size:7px;padding:2px}#waitingmessage div i:nth-child(2){animation-delay:.2s}#waitingmessage div i:nth-child(3){animation-delay:.4s}