.messages-widget{z-index:2000;position:fixed;bottom:0;right:105px}.messages-widget .msg-window-container{align-items:flex-end;gap:15px;display:flex}.messages-widget .card{min-width:360px;max-width:360px;transition:all .5s ease-in-out;position:relative;bottom:0}.messages-widget .card.hide{bottom:-110px;left:0}.messages-widget .card-title{text-wrap:nowrap;text-overflow:ellipsis;cursor:pointer;max-width:230px;overflow:hidden}.messages-widget .card-body{height:280px;max-height:280px;transition:all .5s ease-in-out;overflow-y:scroll}.messages-widget .hide .card-body{height:0;max-height:0;overflow-y:scroll}.messages-widget .card-body::-webkit-scrollbar{width:4px}.messages-widget .card-body::-webkit-scrollbar-track{background:var(--dark-gray-purple)}.messages-widget .card-body::-webkit-scrollbar-thumb{background:var(--violet)}.messages-widget .card-body::-webkit-scrollbar-thumb:hover{opacity:.5}.messages-widget .msg .text{text-wrap:wrap;border-radius:16px;max-width:80%;margin:0 0 8px;padding:8px 12px;font-family:Arial,Helvetica,sans-serif;font-size:14px;position:relative}.messages-widget .msg.to{flex-direction:row;justify-content:flex-end;display:flex}.messages-widget .msg.from{flex-direction:row;justify-content:flex-start;display:flex}.messages-widget .msg.to .text{border:1px solid var(--violet);border-bottom-right-radius:0}.messages-widget .msg.from .text{background:var(--violet);border-bottom-left-radius:0}.messages-widget .form-control{height:42px;font-size:14px}.messages-widget .msg-content .text-muted,.messages-widget .participants{font-size:12px;color:var(--light-gray)!important}.messages-widget .close{cursor:pointer;transition:all .5s ease-in-out;color:var(--light-gray)!important}.messages-widget .close:hover{color:var(--primary-red)!important}
.chat-toggle-button{background-color:var(--violet);z-index:1;cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;transition:all .3s ease-in-out;display:flex;position:fixed;bottom:2%;right:2%}.chat-toggle-button:hover{background-color:var(--accent-green);color:var(--violet)}.chat-rooms{z-index:-1;width:300px;transition:all .3s ease-in-out;position:fixed;bottom:0;left:-500px}.chat-rooms.open{z-index:2000;width:300px;transition:all .3s ease-in-out;bottom:0;left:1%}.chat-rooms .card{height:100%}.chat-rooms ul{margin:0;padding:0;list-style:none}.chat-rooms ul li span{font-family:Poppins;font-size:1rem;font-weight:500;transition:all .3s ease-in-out}.chat-rooms ul li span:hover{cursor:pointer;color:var(--violet);font-size:1.05rem}.chat-rooms .card .card-header{position:relative}.chat-rooms .card .card-header h4{margin:0;padding:0}.chat-rooms .toggle-chat-x{color:var(--light-gray);font-size:1.2rem;transition:all .3s ease-in-out;position:absolute;top:15px;right:15px}.chat-rooms .toggle-chat-x:hover{cursor:pointer;color:var(--violet);font-size:1.5rem}.chat-rooms .card .card-body{max-height:355px;overflow-y:auto}.chat-rooms .card .card-body::-webkit-scrollbar{cursor:pointer;width:10px}.chat-rooms .card .card-body::-webkit-scrollbar-track{background:var(--bs-card-body-bg)}.chat-rooms .card .card-body::-webkit-scrollbar-thumb{background:var(--bs-card-header-bg)}.chat-rooms .card .card-body::-webkit-scrollbar-thumb:hover{background:var(--white);cursor:pointer}
