.chat-container{position:fixed;width:400px;background:#fff;z-index:10;bottom:0;border-left:1px solid #3f4156;border-bottom:1px solid #3f4156}.chat-container .send-message{position:absolute;bottom:0;right:0;left:0}.chat-container .modal-backdrop-my{position:fixed;top:0;left:0;width:100vw;height:100vh}.chat-container .modal-backdrop-my.fade{opacity:0}.chat-container .modal-backdrop-my.show{opacity:.5}.chat-container .chatbox{overflow:none;position:relative;width:100%;height:calc(100% - 40px)}.chat-container .chatbox .chat-messages{position:absolute;bottom:0;width:100%;max-height:100%;overflow:auto;scrollbar-color:#555 #ced4da;scrollbar-width:thin}.chat-container .chatbox .chat-messages::-webkit-scrollbar{width:4px;height:4px}.chat-container .chatbox .chat-messages::-webkit-scrollbar-button{display:none}.chat-container .chatbox .chat-messages::-webkit-scrollbar-track{border-radius:2px;background-color:#ced4da}.chat-container .chatbox .chat-messages::-webkit-scrollbar-thumb{border-radius:2px;background-color:#555}.chat-container .chatbox .chat-messages .not-messages{padding-bottom:100%;height:100%}.chat-container .chatbox .chat-messages .date-messages,.chat-container .chatbox .chat-messages .not-messages{margin-left:auto;margin-right:auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;color:#7c7c7c}.chat-container .chatbox .chat-messages .date-messages{background-color:#e8ebf2;border-radius:4px;padding:0 15px;margin-bottom:10px;font-size:15px}.chat-container .chatbox .chat-messages .message{border-radius:4px;padding:5px 10px 10px;margin:0 15px 10px 15px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;max-width:250px;min-width:120px}.chat-container .chatbox .chat-messages .message.my-message{background-color:#0482dc;margin-left:auto}.chat-container .chatbox .chat-messages .message.other-message{background-color:#e8ebf2}.chat-container .chatbox .chat-messages .message .message-author{font-size:15px;font-weight:700;color:grey;padding-bottom:3px}.chat-container .chatbox .chat-messages .message-text{font-size:15px;margin-bottom:7px}.chat-container .chatbox .chat-messages .message-text.my-message-text{color:#fff}.chat-container .chatbox .chat-messages .message-text.other-message-text{color:#7c7c7c}.chat-container .chatbox .chat-messages .footer-message{font-size:10px}.chat-container .chatbox .chat-messages .footer-message.author-name{margin-left:15px}.chat-container .chatbox .chat-messages .footer-message.my-message-text{color:#fff}.chat-container .chatbox .chat-messages .footer-message.other-message-text{color:#7c7c7c}