#app{width:100%!important}.chat-detail-container{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;height:100vh;overflow-y:scroll;margin-right:-8px}..chat-detail-container::-webkit-scrollbar{display:none}.header{background-color:#34b7f1;color:#fff;padding:5px;display:flex;align-items:center;justify-content:space-between}.back-button{font-size:16px;cursor:pointer}.user-info{text-align:center;flex:1;margin-left:20px}.user-name{font-weight:700;font-size:1.2em}.chat-messages{max-height:auto;overflow-y:scroll;padding:10px}.sent .message-info{background-color:#e0e0e0;border-radius:8px;padding:10px;text-align:right;margin-left:20px}.received .message-info{background-color:#34b7f1;border-radius:8px;padding:10px;text-align:left;margin-right:20px}.sender-name{font-weight:700;margin-bottom:5px}.text{word-wrap:break-word;color:#000;font-size:.9em}.myaudio span{color:#ca5605}.myaudio span:hover{cursor:pointer}.chat-list{background-color:#f5f5f5}.chat-left{background-color:#fff}.chat-left,.chat-right{max-width:60%;border-radius:5px;position:relative;margin:10px 0;line-height:40px;word-break:break-all}.chat-right{background-color:#95ec69;display:flex;justify-content:flex-end}.chat-media-left,.chat-media-right{border-radius:5px;position:relative;margin:10px 0;line-height:40px}.chat-left,.chat-right{padding:0 7px}.chat-left:before{border:5px solid transparent;border-right-color:#fff;left:-10px}.chat-left:before,.chat-right:before{content:"";width:0;height:0;position:absolute;top:15px}.chat-right:before{border:5px solid transparent;border-left-color:#95ec69;right:-10px}.chat-avatar{width:40px;height:40px;margin:10px;border-radius:5px}.chat-img{width:180px;height:240px;border-radius:5px;border:1px solid #ccc;margin-bottom:10px}.manager-chat,.user-chat{display:flex}.user-chat{justify-content:flex-end}.filecenter{display:flex;justify-content:center;align-items:center}.fileShow{background:#fff;color:#1c31c0;border-radius:3px;padding:2px 5px}