.chat{width:100%;border-top-right-radius:5px;border-bottom-right-radius:5px;color:#434651;background-color:#fefefe}.chat .chat-history{padding:30px 0 20px 30px}.chat .chat-history ul{overflow-y:scroll;padding-right:30px;height:575px}.chat .chat-message{padding:30px 30px 0 0}.chat .chat-message textarea{width:100%;border:2px solid #dee2e6!important;outline:0;padding:10px 20px;font:14px/22px "Lato",Arial,sans-serif;margin-bottom:10px;border-radius:5px;resize:none}.pill-button{border-radius:1rem;background-color:#1ab394;border:none;padding:10px 30px;transition:all .3s ease;font-size:16px;display:inline-block;color:#fff}.chat .chat-history .message-data{margin-bottom:15px}.chat .chat-history .message-data-time{color:#a8aab1;padding-left:6px}.online{color:#86bb71}.chat .chat-history .my-message{background:#86bb71}.chat .chat-history .message{color:#fff;padding:8px 16px;line-height:26px;font-size:14px;border-radius:7px;margin-bottom:30px;width:90%;position:relative}.chat .chat-history .message:after{bottom:100%;left:7%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-bottom-color:#86bb71;border-width:10px;margin-left:-10px}.chat .chat-history ul{overflow-y:scroll;padding-right:30px;height:464px}.chat .chat-history ul::-webkit-scrollbar{width:8px;background-color:#fff;border-radius:100px;border:none}.chat .chat-history ul::-webkit-scrollbar-thumb{background-color:#3a3a3c;border:2px solid #121212;border-radius:100px;border:none;margin-left:20px;height:20px}.chat .chat-history .other-message{background:#94c2ed}