.chat-container{background-color:#fff;border:1px solid #000;border-radius:10px;bottom:50px;height:90vh;max-height:500px;max-width:98%!important;min-width:350px;overflow:hidden;padding:0;position:fixed!important;right:50px;width:500px;z-index:1000}.chat-container .chat-wrapper{height:100%}.chat-container .chat-sections{border-right:1px solid #000;height:100%;overflow-y:hidden}.chat-container .chat-sections h4{border-bottom:1px solid #000;color:#000;font-size:18px;height:33px;margin:0;padding:5px}.chat-container .no-right-border{border-right:0!important}.chat-container #rooms-panel{overflow:hidden;position:relative}.chat-container #rooms-panel .search-room{background:#eee;border-bottom:1px solid #000;padding:3px}.chat-container #rooms-panel .search-room .search-bar{border:1px solid #ccc;border-radius:8px;display:block;padding:0 10px;width:100%}.chat-container #rooms-panel .list-rooms-container{max-height:420px;overflow-y:auto}.chat-container #rooms-panel .list-rooms-container .selected-room{background:#a3a3a359!important;transition:all 1s ease-in-out}.chat-container #rooms-panel .list-rooms-container .list-rooms{border-bottom:1px solid #eee;max-width:100%;overflow:hidden;padding:2px 5px;position:relative}.chat-container #rooms-panel .list-rooms-container .list-rooms:hover{background:#eee;cursor:pointer;transition:all .5s ease}.chat-container #rooms-panel .list-rooms-container .list-rooms .last-message{font-size:12px;margin-top:-5px}.chat-container #rooms-panel .list-rooms-container .list-rooms .has-unread-message{background-color:#e44f25;border:1px solid #000;border-radius:50%;color:#000;font-size:11px;font-weight:bolder;height:15px;min-width:15px;position:absolute;right:10px;text-align:center;top:10px}.chat-container #rooms-panel .list-rooms-container .list-rooms .time{display:block;font-size:12px;margin-left:0;margin-top:-5px;text-align:right;transform:scale(.9);width:100%}.chat-container #rooms-panel .list-rooms-container .list-rooms .campaign-title{color:#222;font-size:13px;font-weight:500;max-width:100%;overflow:hidden}.chat-container #message-panel{position:relative}.chat-container #message-panel .no-room-overlay{background:#eee;height:100%;position:absolute;top:0;z-index:2}.chat-container #message-panel .no-room-overlay svg{height:50px!important;width:50px!important}.chat-container .messages-panel{border-right:0}.chat-container .messages-panel .all-messages-container{height:415px;overflow-x:hidden;overflow-y:auto;padding:10px;position:relative;scroll-behavior:smooth;width:100%}.chat-container .messages-panel .all-messages-container .message-loading{position:absolute;top:10px;z-index:1000}.chat-container .messages-panel .all-messages-container .message-loading svg{height:50px!important;width:50px!important}.chat-container .messages-panel .all-messages-container .message-receiver .message-content{background-color:#000;color:#fff}.chat-container .messages-panel .all-messages-container .message-sender .message-content{background-color:#e44f253b;color:#000}.chat-container .messages-panel .all-messages-container .message-content{border-radius:20px;line-height:15px;max-width:80%;padding:8px 10px;word-break:break-word}.chat-container .messages-panel .all-messages-container .message-content .message-date{font-size:11px}.chat-container .messages-panel .send-message-container{background:#eee;border-top:1px solid #000;padding:4px 2px}.chat-container .messages-panel .send-message-container #message-box{align-content:center;background-color:#fff;border:1px solid #ccc;border-radius:20px;color:#000;display:block;font-size:11px;height:37px;line-height:10px;overflow:hidden;overflow-y:auto;padding:12.5px 10px;width:100%;word-break:break-all}.chat-container .room-panel{border-left:0;overflow-x:hidden}.small-chat-container{bottom:50px;height:90vh;left:0;margin:auto;max-height:500px;max-width:98%!important;min-width:350px;padding:0;right:0;width:auto}