.floating-chat{cursor:pointer;display:flex;align-items:center;justify-content:center;color: #129760;;position:fixed;bottom:10px;right:10px;width:40px;height:40px;transform:translateY(70px);transition:all 250ms ease-out;border-radius:50%;opacity:0;background:-moz-linear-gradient(-45deg);background:-webkit-linear-gradient(-45deg,#f5f3f3 100%,#f5f3f3 25%,#f5f3f3 50%,#f5f3f3 75%,#f5f3f3 100%);background-repeat:no-repeat;background-attachment:fixed}.floating-chat.enter:hover{opacity:1}.floating-chat.enter{transform:translateY(0);opacity:.6;box-shadow:0 1px 3px rgba(233,8,8,.12),0 1px 2px rgba(0,0,0,.14)}.floating-chat.expand{width:250px;max-height:400px;height:400px;border-radius:5px;cursor:auto;opacity:1}.floating-chat :focus{outline:0;box-shadow:0 0 3pt 2pt rgba(129,126,126,.959)}.floating-chat button{background:0 0;border:0;color:#129760;text-transform:uppercase;border-radius:3px;cursor:pointer}.floating-chat .chat{display:flex;flex-direction:column;position:absolute;opacity:0;width:1px;height:1px;border-radius:50%;transition:all 250ms ease-out;margin:auto;top:0;left:0;right:0;bottom:0}.floating-chat .chat.enter{opacity:1;border-radius:0;margin:10px;width:auto;height:auto}.floating-chat .chat .header{padding-bottom:10px;display:flex;background:0 0}.floating-chat .chat .header .title{flex-shrink:1;padding:0 5px}.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}.floating-chat .chat .messages::-webkit-scrollbar{width:5px}.floating-chat .chat .messages::-webkit-scrollbar-track{background-color:#f5f3f3}.floating-chat .chat .messages::-webkit-scrollbar-thumb{background-color:rgba(129,126,126,.959)}.floating-chat .chat .messages li{position:relative;clear:both;display:inline-block;padding:14px;margin:0 0 20px 0;font:12px/16px 'Noto Sans',sans-serif;border-radius:10px;background-color:rgba(129,126,126,.959);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(129,126,126,.959)}.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:#080808}.floating-chat .chat .messages li.other:before{right:-45px;background-image:url(https://image.flaticon.com/icons/png/512/81/81117.png)}.floating-chat .chat .messages li.other:after{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:#080808}.floating-chat .chat .messages li.self:before{left:-45px;background-image:url(https://image.flaticon.com/icons/png/512/72/72905.png)}.floating-chat .chat .messages li.self:after{left:-10px}.floating-chat .chat .footer{display:flex;padding-top:10px;max-height:90px;background:0 0}.floating-chat .chat .footer .text-box{background:#f5f3f3;min-height:100%;width:100%;margin-right:5px;color:#080808;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{background-color:rgba(235,36,10,.1)}.floating-chat .chat .footer .text-box::-webkit-scrollbar-thumb{background-color:rgba(206,68,14,.333)}