:root{--avatar-color: rgb(6, 18, 75);--deep-blue-color: #3568d8;--deep-blue-color-light: #3568d8;--spinner-color: #bbc4d3;--light-chat-bg: #ffe8be;--dark-chat-bg: #113FA6;--neutral-chat-bg: #f3f3f3;--message-color-light: #fff;--message-color-dark: #201700;--menu-bg-color: #fdfdfd;--border-color: #e0e0e0;--border-radius: .55rem}.room-header-section{position:absolute;left:0;margin-top:-1px;padding:20px;background-color:var(--menu-bg-color);width:100%;z-index:1000;border-bottom:1px solid var(--border-color);border-radius:0 0 var(--border-radius) var(--border-radius)}.room-header-section ul{margin:0}.room-header-section li{padding-left:10px}.chat-app-body{background-color:#f4f7fc;margin-top:20px;margin-left:100px}#no-room-container{width:100%;height:100%;text-align:center;display:flex;justify-content:center;align-items:center;color:#434651}.get-started{padding:10px 20px;font-size:16px;min-height:300px;display:flex;justify-content:center;align-items:center;flex-direction:column}#chat-init-container{width:100%;height:100%;text-align:center;display:flex;justify-content:center;align-items:center}#chat-init-message{width:100%;height:100%;text-align:center}.app-container{width:800px}.card{background:#fff;transition:.5s;border:0;margin-bottom:30px;border-radius:var(--border-radius);position:relative;width:100%}.chat-list .room-card{padding:15px;border-bottom:1px solid var(--border-color);position:relative;background-color:#fff}.chat-list .room-card:hover{cursor:pointer;background-color:#f1f8fc}li:first-of-type .room-card{border-top-left-radius:.55rem}.plist-header{display:none;padding:5px;background-color:var(--menu-bg-color);align-items:center;justify-content:center;background-color:var(--deep-blue-color);border-radius:var(--border-radius) 0 0 0}.plist-header h5{color:#fff;transform:translateY(20%)}.room-card.selected-room{border-left:14px solid var(--deep-blue-color)}.room-card{display:flex;align-items:center;line-height:1rem}.room-card.assigned-other{background-color:#eee!important}.room-preview-container{position:absolute;left:50%;transform:translate(-50%,20px);background-color:#f8f8f8;width:90%;display:flex;flex-direction:column;justify-content:center;padding:20px;z-index:2000;border-radius:var(--border-radius);border:3px solid rgb(104,104,104);box-shadow:0 8px 8px #00000026}.unread-badge{position:absolute;color:#fff;background-color:#3568d8;bottom:-7px;right:0;padding:.25em .35em;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;line-height:1}.last-message-preview{display:block;position:relative;color:#434651;font-size:14px;max-width:170px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-style:italic}.last-message{display:block;position:absolute;background-color:#3568d8;color:#fff;font-size:14px;left:12px;bottom:0;padding:2px 10px;border-radius:3px;max-width:200px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transform:translate(-50%)}.support-badge{background-color:#00f;color:#fff;padding:10px}.chat-header .room-card .badge{display:none}.hidden{display:none!important}.invisible{opacity:0}.bold{font-weight:700}.name{color:#434651}.name a{color:#195596;cursor:pointer}.avatar{color:var(--avatar-color);text-shadow:rgba(0,0,0,.15) 3px 3px 1px}.avatar-container{position:relative;display:block;width:50px;height:40px;margin-right:5px}.status-indicator{position:absolute;bottom:-5px;left:-5px;font-size:.6rem;color:#fff;background-color:#000;border-radius:50%;padding:2px}.button-panel .fa{padding:2px;min-width:20px}.badge-primary{background-color:var(--deep-blue-color)}.status-controls{border:1px solid #d2d3db;border-radius:var(--border-radius);padding:10px 20px;background-color:#fff}.button-panel{display:flex;align-items:center;flex-direction:row-reverse}.button-panel .btn{padding:.5rem;margin:3px}a:has(i.fa){text-decoration:none}.chat-app .people-list{height:100%;background-color:var(--menu-bg-color);width:280px;position:absolute;left:0;top:0;padding:0;z-index:7;border-radius:var(--border-radius) 0 0 var(--border-radius)}.chat-app .chat{margin-left:280px;position:relative}.card.chat-app{height:90vh;max-height:750px;margin-bottom:0;background-color:#fff;border:1px solid #ebebeb}.participant-count{font-size:14px;color:#fff;background-color:var(--deep-blue-color);border-radius:5px;margin-top:5px;text-align:center;padding:0 10px}.participant-count:hover{background-color:var(--deep-blue-color-light)}.people-list{-moz-transition:.5s;-o-transition:.5s;-webkit-transition:.5s;transition:.5s}.people-list .chat-list li{list-style:none;border-radius:var(--border-radius)}.people-list .chat-list li.active{background:#efefef}.people-list .chat-list li .name{font-size:15px}.people-list .chat-list img{width:45px;border-radius:50%}.people-list img{float:left;border-radius:50%}.avatar{float:left;font-size:2.5rem;margin-right:6px}.people-list .about{float:left;padding-left:8px}.status{color:#535353;font-size:13px}.chat{display:flex;flex-direction:column;height:100%}.chat .chat-header{padding:15px 30px;border-bottom:1px solid var(--border-color);background-color:var(--menu-bg-color);border-radius:var(--border-radius) var(--border-radius) 0 0}.chat-about h6{margin:0}.chat .chat-container{position:relative;display:flex;flex-direction:column;flex:1;max-height:100%;border-left:1px solid var(--border-color)}.chat .chat-header .chat-about{float:left;padding-left:10px}.chat .chat-history{flex-grow:1;padding:0 20px;border-bottom:2px solid #fff;overflow-y:auto}.chat .chat-history .avatar{font-size:25px;float:left;margin-left:10px}.chat .chat-history ul{padding:0}.chat .chat-history ul li{list-style:none;margin:5px 0}.chat .chat-history ul li:last-child{margin-bottom:0}.chat .chat-history .message-data{margin-bottom:0;font-size:14px}.chat .chat-history .message-data img{border-radius:40px;width:40px}.chat .chat-history .message-data-username{font-weight:700;padding-left:0}.chat .chat-history .message-data-time{color:#434651;padding-left:2px;font-style:italic}.chat .chat-history .message{padding:7px 25px;line-height:26px;font-size:1em;font-weight:400;border-radius:7px;display:inline-block;position:relative}.fade-in{opacity:0;animation:fadeIn .5s ease-in-out forwards;background-color:red}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.message a{text-decoration:underline}.my-message a{color:var(--message-color-light)}.my-message code{color:#fabbd8}.chat .chat-history .my-message{background:var(--dark-chat-bg);color:#fff;box-shadow:3px 3px 1px #0000001a;border-radius:7px 0 7px 7px}.chat .chat-history .system-message{background:var(--neutral-chat-bg);color:#fff;background-color:#3f3f3f;font-style:italic;text-align:left;font-size:1em;width:80%;padding:5px 20px;margin:10px auto}.chat .chat-history .other-message{background:var(--light-chat-bg);color:var(--message-color-dark);box-shadow:3px 3px 1px #00000008;border-radius:0 7px 7px}.chat .other-message a{color:var(--message-color-dark)}.chat .chat-message{padding:0 10px 10px;margin-top:10px}.message-header{margin-top:25px!important}.chat-app .btn{padding:5px}#no-room-container{border-left:1px solid var(--border-color)}.online,.offline,.me{margin-right:0;font-size:14px;vertical-align:middle}.online{color:#86c541}.offline{color:#e47272}.me{color:#1d8ecd}.float-right{float:right}.float-center{position:absolute;left:50%;transform:translate(-50%)}.btn-hide-chat-container{position:absolute;right:10px;top:10px}.chat-app .form-control{padding:.375rem .75rem!important;font-size:1rem!important;line-height:1.5!important;color:#495057!important;background-color:#fff!important;background-clip:padding-box!important;border:1px solid #ced4da!important;border-radius:.25rem!important;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out!important}.chat-app .text-right{text-align:right}.start-chat-container .btn{background-color:var(--deep-blue-color);padding:15px}.start-chat-container .btn:hover{background-color:var(--deep-blue-color-light)}#send-message-button{cursor:pointer;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}#send-message-button:hover{background-color:#6c757d;color:#fff}.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}.chat-header .room-card .last-message{display:none}.topic{color:#494949;font-size:14px;max-width:160px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.about .name{font-weight:700}.hide-rooms .people-list{display:none;height:465px;width:100%;overflow-x:auto;background:#fff;left:-400px}.hide-rooms .chat{margin:0}.app-container.hide-rooms{width:450px!important}@media only screen and (max-width: 767px){.chat-app .people-list{height:465px;width:100%;overflow-x:auto;background:#fff;left:-400px;display:none}.chat-app .people-list.open{left:0}.chat-app .chat{margin:0}.chat-app .chat .chat-header{border-radius:.55rem .55rem 0 0}.chat-app .chat-history{overflow-x:auto}}.typing-indicator{color:#888;font-size:.8em;text-align:left;margin-left:10px;margin-top:-25px}.typing-indicator .dot{flex:1;font-size:2em;opacity:100;animation:blink 1.3s infinite}#typing-indicator .dot:nth-child(1){animation-delay:0s}#typing-indicator .dot:nth-child(2){animation-delay:.3s}#typing-indicator .dot:nth-child(3){animation-delay:.6s}@keyframes blink{0%,20%{opacity:.2}40%{opacity:1}to{opacity:.2}}.chat-history::-webkit-scrollbar,.chat-list::-webkit-scrollbar{width:10px;height:8px}.chat-history::-webkit-scrollbar-thumb,.chat-list::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:4px}.chat-history::-webkit-scrollbar-track,.chat-list::-webkit-scrollbar-track{background:#f1f1f1}.chat-app .chat-list{overflow-y:auto;max-height:100%}@media only screen and (min-width: 768px) and (max-width: 992px){.chat-app .chat-list{height:650px;overflow-x:auto}.chat-app .chat-history{height:600px;overflow-x:auto}}@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1){.chat-app .chat-list{height:480px;overflow-x:auto}.chat-app .chat-history{height:calc(100vh - 350px);overflow-x:auto}}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}to{transform:scale(1);opacity:1}}@keyframes gentle-pulse{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.gentle-pulse{animation:gentle-pulse 1.2s infinite}.pulse{animation:pulse .5s ease-in-out}@keyframes delayed-fade{0%{opacity:0}10%{opacity:1}80%{opacity:1}to{opacity:0}}.delayed-fade{animation:delayed-fade 120s forwards}@keyframes immediate-fade{0%{opacity:1}90%{opacity:1}to{opacity:0}}.immediate-fade{animation:immediate-fade 1s forwards}.spinner{display:flex;justify-content:center;align-items:center;width:50px;height:100%;margin:auto;color:var(--spinner-color);z-index:300}.spinner .fa{font-size:3em;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}