.ox-chat{font-size:.875rem;line-height:1rem}.ox-chat:not(.embedded){display:flex;height:100%}.ox-chat.embedded{margin-bottom:8px}.ox-chat.columns{border-left:2px solid #303030}.ox-chat.columns .chat-leftside{width:100%;background-color:#fff}.ox-chat.columns .chat-rightside,.ox-chat.columns .chat-rightside .header,.ox-chat.columns .chat-leftside .header,.ox-chat.columns .chat .header{display:none}.ox-chat.columns .classic-toolbar-container{display:block}.ox-chat.columns.open .chat-leftside{display:none}.ox-chat.columns.open .chat-rightside{display:block}.ox-chat.columns .message{padding:4px 48px 4px 16px}.ox-chat.columns .message .avatar{display:none}.ox-chat.columns .message.preview{padding-right:48px}.ox-chat.columns .visible-bubbles .message{padding:4px 48px 4px 16px}.ox-chat.columns .visible-bubbles .message.myself{padding-right:16px;padding-left:48px}.ox-chat.columns .resizebar{display:block}.ox-chat.columns .chats li:hover,.ox-chat.columns .search-result li:hover{background-color:#f5f5f5}.ox-chat.columns .more-dropdown{float:right}.ox-chat.columns .navigation-actions .btn-nav:hover{background-color:#f5f5f5}.ox-chat:not(.columns){width:auto!important}.ox-chat .chat-leftside{flex:0 0 auto;width:320px;background-color:#f5f5f5;border-right:1px solid #ccc;display:flex;flex-direction:column;height:100%}.ox-chat .chat-rightside{flex:1;position:relative}.ox-chat .chat-rightside .title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ox-chat .chat-rightside .toolbar-title{flex:1;padding:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:22px;font-weight:600;text-align:center}.ox-chat .chat-rightside .scrollpane{flex:1}.ox-chat .chat-rightside .header{padding:.5rem 8px calc(.5rem - 1px) 16px}.ox-chat .chat-rightside .connection-problem-banner{font-size:.9375rem;font-weight:700;height:0;background-color:#ccc;text-align:center;transition:height .3s}.ox-chat .chat-rightside .connection-problem-banner.disconnected{height:2rem;padding:.5rem}.ox-chat .classic-toolbar{display:flex;justify-content:space-between}.ox-chat .classic-toolbar button{background-size:cover}.ox-chat .header{height:5rem;padding:16px 16px 15px;border-bottom:1px solid #ccc;background-color:#f5f5f5;position:relative}.ox-chat .header.expanded{height:auto;max-height:100%;overflow-y:auto}.ox-chat .header.expanded .dropdown{height:48px}.ox-chat .header.expanded .flex-grow{overflow:visible}.ox-chat .header h2{font-size:1rem;line-height:4rem;font-weight:700;margin:-1px 0 0 0;padding:0}.ox-chat .chat .header.expanded .chat-avatar{margin-top:4px}.ox-chat .resizebar{position:absolute;top:0;left:-3;bottom:0;background:0 0;width:5px;z-index:10000;cursor:e-resize;cursor:ew-resize;cursor:col-resize;display:none}.ox-chat .btn-round{width:40px;height:40px;border-radius:50%;border:1px solid rgba(60,97,170,.4);background-color:rgba(60,97,170,.04);color:#3c61aa;display:flex;justify-content:center;align-items:center;font-size:16px;margin:0 auto}.ox-chat .btn-round:hover{border:1px solid rgba(60,97,170,.8);background-color:rgba(60,97,170,.1)}.ox-chat .btn-round:focus{color:#fff;background-color:#3c61aa}.ox-chat .chat-leftside .header{display:flex;flex-direction:row;align-items:center}.ox-chat .chat-leftside .header .picture{width:48px;height:48px;background-repeat:no-repeat;background-position:center center;background-size:cover;border-radius:50%;margin-right:8px;float:left;display:flex}.ox-chat .chat-leftside .header .picture .avatar{margin-top:auto;margin-bottom:auto}.ox-chat .chat-leftside .header .btn-round .btn-link{margin:0;padding:0;height:16px;font-size:0}.ox-chat .chat-leftside .header .btn-round svg.fa{vertical-align:initial}.ox-chat .chat-leftside .header .name{flex:1;font-size:.8125rem;font-weight:700;line-height:48px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ox-chat .chat-leftside .header .state{position:absolute;left:44px;top:48px}.ox-chat ul[role=tree]{padding:0;margin:0}.ox-chat li[role=treeitem]{list-style-type:none}.ox-chat .classic-toolbar-container{position:relative;height:40px;display:none}.ox-chat .classic-toolbar-container .classic-toolbar{height:2.5rem}.ox-chat .classic-toolbar-container .classic-toolbar svg{vertical-align:middle}.ox-chat .search{background-color:#fff;height:2.5rem;position:relative;border:0;border-bottom:1px solid #ccc}.ox-chat .search input{border:0;width:100%;padding:0 2rem 0 1rem;line-height:calc(2.5rem - 1px);height:calc(2.5rem - 1px)}.ox-chat .search button{display:none;position:absolute;top:0;right:0;color:#707070;padding:0 16px;height:100%;line-height:0}.ox-chat .search.closable button{display:block}.ox-chat .start-chat{display:flex;flex-direction:column;justify-content:center;align-items:center}.ox-chat .start-chat .center{text-align:center}.ox-chat .left-navigation{flex:1;display:flex;flex-direction:column;overflow-y:auto;outline:0;padding-bottom:8px}.ox-chat .left-navigation .show-search .chats{display:none}.ox-chat .left-navigation .show-search .search-result{display:block}.ox-chat .navigation-actions{padding-top:8px;padding-bottom:8px}.ox-chat .navigation-actions .btn-nav{display:flex;align-items:center;border:0;padding:12px 16px;line-height:1rem;width:100%;text-align:left;background-color:transparent;border-radius:0;outline:0}.ox-chat .navigation-actions .btn-nav:hover{background-color:#eee}.ox-chat .navigation-actions .btn-nav:focus{color:#fff;background-color:#283f73}.ox-chat .navigation-actions .btn-nav:focus{font-weight:700}.ox-chat .navigation-actions .btn-icon{height:20px;margin:0 26px 0 10px}.ox-chat .density-compact .navigation-actions{padding-top:12px;padding-bottom:12px}.ox-chat .density-compact .navigation-actions .btn-nav{padding:4px 16px}.ox-chat .density-compact .navigation-actions .btn-icon{height:14px;margin:0 8px 0 0}.ox-chat .scrollpane>ul,.ox-chat ul.members{list-style-type:none;margin:0;padding:0}.ox-chat .chats h2,.ox-chat .search-result h2{font-size:.875rem;line-height:1rem;font-weight:700;padding:0;margin:16px 16px 0}.ox-chat .chat-list{padding:4px 0;list-style-type:none;margin:0}.ox-chat .chat-list li{display:flex;align-items:center;cursor:pointer;padding:8px 16px 8px 8px;border-right:4px solid transparent;line-height:1rem;outline:0}.ox-chat .chat-list li.no-results{cursor:initial;display:block;text-align:center;border:0;padding:20px}.ox-chat .chat-list li.no-results:hover{background-color:transparent}.ox-chat .chat-list li .chats-container{margin-top:auto;margin-bottom:auto;padding:0;flex:1;overflow:hidden}.ox-chat .chat-list li .chats-container .chats-row{display:flex;align-items:center}.ox-chat .chat-list .chat-avatar{margin:0 16px 0 8px}.ox-chat .chat-list .title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;flex:1}.ox-chat .chat-list .typing{color:#707070;font-style:italic;font-weight:400;white-space:nowrap;margin-left:4px}.ox-chat .chat-list .sender,.ox-chat .chat-list .delivery,.ox-chat .chat-list .last-message{opacity:.8}.ox-chat .chat-list .sender{margin-right:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.ox-chat .chat-list .last-modified{margin-left:8px;opacity:.8}.ox-chat .chat-list .last-message{flex:1}.ox-chat .chat-list .unread-count{font-size:.75rem;line-height:1rem;font-weight:700;color:#fff;background-color:#0278d4;text-align:center;padding:0 8px;margin-left:4px;border-radius:4px;height:16px;display:none}.ox-chat .chat-list .delivery{margin:5px 5px 0 8px}.ox-chat .chat-list .delivery.server{margin-right:0}.ox-chat .chat-list .label{flex:0 0 auto;display:none}.ox-chat .chat-list .unseen .last-message{font-weight:600}.ox-chat .chat-list .unseen .unread-count{display:inline-block}.ox-chat .chat-list .fa-check-circle{color:#02ab07}.ox-chat .chat-list .density-default{padding:0 12px 0 8px}.ox-chat .chat-list .density-default .title{font-weight:400}.ox-chat .chat-list .density-default.unseen .title{font-weight:700}.ox-chat .chat-list .density-default .chat-avatar{margin:4px 20px 4px 12px}.ox-chat .chat-list .density-default .avatar{width:32px;height:32px}.ox-chat .chat-list .density-default .chat-avatar .image .fa{height:16px}.ox-chat .chat-list .density-default .presence{top:14px;left:20px}.ox-chat .chat-list .density-compact{line-height:1.5rem;padding:0 12px 0 16px}.ox-chat .chat-list .density-compact .simple-avatar{width:16px;text-align:center;margin-right:8px;line-height:0}.ox-chat .chat-list .density-compact .title{font-weight:400}.ox-chat .chat-list .density-compact.unseen .title{font-weight:700}.ox-chat .last-message{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:8px}.ox-chat .last-message .icon{margin-right:.5em}.ox-chat .last-message .info{display:none}.ox-chat .scrollpane{overflow-y:auto;outline:0}.ox-chat .initials{display:inline-block;background-color:#eee;width:40px;height:40px;background-repeat:no-repeat;background-position:center center;background-size:cover;border-radius:50%;color:rgba(0,0,0,.6);font-weight:700;display:flex;flex-direction:column;justify-content:center;align-items:center}.ox-chat .avatar.gray{color:#000}.ox-chat .avatar.red{background-color:#FFA0A5}.ox-chat .avatar.orange{background-color:#FFA77B}.ox-chat .avatar.yellow{background-color:#FFD23A}.ox-chat .avatar.green{background-color:#BFDE45}.ox-chat .avatar.cyan{background-color:#99E4FB}.ox-chat .avatar.blue{background-color:#95CEFF}.ox-chat .avatar.purple{background-color:#E5B0FF}.ox-chat .avatar.pink{background-color:#FFC2DE}.ox-chat .picture{position:relative}.ox-chat .picture .presence{position:absolute;top:28px;left:28px}.ox-chat .presence .icon{width:16px;height:16px;margin-right:8px}.ox-chat .presence .icon i.fa{font-size:10px;line-height:14px}.ox-chat .chat-avatar .presence,.ox-chat .list-unstyled .presence{position:absolute;top:23px;left:27px}.ox-chat .chat-avatar .presence.offline,.ox-chat .list-unstyled .presence.offline{display:none}.ox-chat .chat-avatar{position:relative}.ox-chat .chat-avatar .initials,.ox-chat .chat-avatar .group{width:40px;height:40px;display:flex;flex-direction:column;justify-content:center;align-items:center}.ox-chat .chat-avatar .group{position:relative;border-radius:50%;background-size:cover}.ox-chat .chat-avatar .state{position:absolute;top:29px;left:28px}.ox-chat .chat-avatar .image .fa{color:rgba(0,0,0,.6);height:20px}.ox-chat .chat{display:flex;flex-direction:column}.ox-chat .chat .header{display:flex}.ox-chat .chat .header h2{font-size:.9375rem;font-weight:700;line-height:1.5rem}.ox-chat .chat .header .chat-avatar{float:left;margin-right:16px;margin-top:auto;margin-bottom:auto}.ox-chat .chat .header .dropdown{margin-left:1rem;display:flex;justify-content:center}.ox-chat .chat .header .dropdown-toggle:focus{border-radius:3px;box-shadow:0 0 2px 2px #3c61aa}.ox-chat .chat .scrollpane{position:relative}.ox-chat .chat .scrollpane .paginate{height:40px}.ox-chat .conversation{padding:16px 0;min-height:100%;display:flex;flex-direction:column;justify-content:flex-end}.ox-chat .message.deleted{content:""}.ox-chat .delivery{width:14px;height:14px}.ox-chat .delivery polyline:nth-child(2){display:none}.ox-chat .delivery.received polyline:nth-child(2){display:block}.ox-chat .delivery.seen polyline{display:block;stroke:#0278d4}.ox-chat .date-container{margin:16px 0 8px;padding:0 16px}.ox-chat .date-container .date{color:#333;font-size:.8125rem;text-align:center;line-height:1rem;font-weight:500;border-bottom:1px solid #ddd;padding:3px 0 4px}.ox-chat .message{font-size:.9375rem;line-height:1.5rem;padding:0 96px 0 72px;position:relative;user-select:text}.ox-chat .message>.content{position:relative;width:100%}.ox-chat .message:focus-within.editable,.ox-chat .message:hover.editable{background-color:#f5f5f5}.ox-chat .message:focus-within .delivery,.ox-chat .message:hover .delivery{display:none}.ox-chat .message:focus-within .message-actions-dropdown,.ox-chat .message:hover .message-actions-dropdown{display:inline-block}.ox-chat .message .body{white-space:pre-wrap;word-break:break-word}.ox-chat .message .body.contains-emoji .emoji{font-size:1.375rem;vertical-align:top}.ox-chat .message .body.contains-emoji.only-emoji{line-height:3rem}.ox-chat .message .body.contains-emoji.only-emoji .emoji{font-size:2.5rem;vertical-align:top}.ox-chat .message .body.deleted{color:#707070;font-style:italic}.ox-chat .message:last-child{margin-bottom:0}.ox-chat .message blockquote{font-size:inherit;line-height:inherit;padding:8px;background-color:#eee;border-radius:6px;border-left:4px solid rgba(0,0,0,.4);margin-bottom:8px}.ox-chat .message .mention{color:#0062af;background-color:#e9f5ff;font-size:13px;font-weight:600;border-radius:4px;padding:2px 6px}.ox-chat .message .mention.me{color:#fff;background-color:#0062af}.ox-chat .message>.sender{font-size:.875rem;color:#333;padding:6px 0 2px;min-height:2rem}.ox-chat .message>.sender .name{font-weight:700;margin-right:4px}.ox-chat .message>.sender .time,.ox-chat .message>.sender .email{color:#707070;font-size:.8125rem}.ox-chat .message.user>.content{margin:-2px 0 0 0;padding:0 0 10px;max-width:100%}.ox-chat .message .flags{font-size:.75rem;line-height:1rem;color:#505050;margin-bottom:.5rem}.ox-chat .message .flags>span{padding:0 .25rem;background-color:#f5f5f5;display:inline-block}.ox-chat .message .flags>.flag-failed{color:#b70000;background-color:#fff5f5}.ox-chat .message .flags:empty{margin-bottom:0}.ox-chat .message .state{display:none}.ox-chat .message .delivery{position:absolute;right:20px;line-height:16px;bottom:4px}.ox-chat .message .initials{position:absolute;top:12px;left:16px}.ox-chat .message .progress{position:absolute;left:0;right:0;bottom:0;height:9px;margin:0;border-top:1px solid #ddd;border-radius:0 0 6px 6px;box-shadow:none;background-color:#ddd}.ox-chat .message .progress-bar{background-color:#555}.ox-chat .message .file-action{color:#fff;border:0;padding:0;background-color:rgba(0,0,0,.5);width:32px;height:32px;line-height:0;border-radius:50%}.ox-chat .message .message-thumbnail .file-action{position:absolute;top:50%;left:50%;margin:-16px 0 0 -16px;font-size:16px}.ox-chat .message.highlight .content{animation-name:highlightMessage;animation-duration:3s}.ox-chat .message.myself.highlight .content{animation-name:highlightOwnMessage}.ox-chat .message.system{margin:8px 0 0;padding:7px 16px 1px;width:100%}.ox-chat .message.system .content{width:100%}.ox-chat .message.system .body{text-align:center;font-size:.875rem;color:#707070}.ox-chat .message.system .name{font-weight:500;color:#333}.ox-chat .message.system .delivery,.ox-chat .message.system .time{display:none}.ox-chat .message.system+.system{margin-top:-8px}.ox-chat .message .show-more{margin-left:8px;padding:0;line-height:16px;border:0;position:relative;top:-1px}.ox-chat .message .hyperino{color:#7a34ff;font:normal bold 3rem/4rem Arial,"Helvetica Neue";text-shadow:2px 2px 4px rgba(0,0,0,.2);transform:skew(-30deg)}.ox-chat .message code{padding:0 4px;border-radius:4px}.ox-chat .message-thumbnail-container{line-height:1px}.ox-chat .message-thumbnail-container .name{font-size:.75rem;line-height:2rem;color:#707070}.ox-chat .message-thumbnail-container.animation-running .message-thumbnail{cursor:pointer}.ox-chat .message-thumbnail-container.animation-running .message-thumbnail.io-ox-busy:before{z-index:1;color:#ccc}.ox-chat .message-thumbnail-container.animation-running .message-thumbnail .play-button{display:none}.ox-chat .message-thumbnail-container.animation-running .message-thumbnail .animated-file{display:block}.ox-chat .message-thumbnail-container .message-thumbnail{position:relative;max-width:240px;overflow:hidden;display:inline-block;border-radius:6px}.ox-chat .message-thumbnail-container .message-thumbnail img{border:0;width:100%}.ox-chat .message-thumbnail-container .message-thumbnail img.loading{background-color:#eee}.ox-chat .message-thumbnail-container .message-thumbnail .animated-file{display:none;position:absolute;top:0;background:#fff;z-index:2;left:0}.ox-chat .message-thumbnail-container .message-thumbnail .play-button{position:absolute;top:50%;left:50%;margin:-24px 0 0 -24px;width:48px;height:48px;border-radius:50%;border:0;color:#fff;background-color:rgba(0,0,0,.5);line-height:0}.ox-chat .message-thumbnail-container .message-thumbnail .play-button svg{height:24px}.ox-chat .message-thumbnail-container .message-thumbnail .play-button:hover,.ox-chat .message-thumbnail-container .message-thumbnail .play-button:focus{color:#333;background-color:rgba(255,255,255,.8)}.ox-chat .message-thumbnail-container[data-cmd]{cursor:pointer}.ox-chat .message-thumbnail-container.cursor-zoom-in{cursor:zoom-in}.ox-chat .message-file-container{position:relative;display:flex;align-items:center;border:1px solid #ddd;background-color:#fff;border-radius:6px;height:4rem;padding:1rem 16px;font-size:.8125rem;line-height:1rem}.ox-chat .message-file-container .file-type{height:28px;margin-right:8px}.ox-chat .message-file-container .details{flex:1;overflow:hidden}.ox-chat .message-file-container .name{font-weight:700}.ox-chat .message-file-container .info{color:#707070}.ox-chat .message-file-container .file-action{color:#333;background-color:rgba(0,0,0,.1)}.ox-chat .message-file-container .progress{height:1px;bottom:6px;border-top:0;border-radius:0;left:16px;right:16px}.ox-chat .reference-container .message-file-container{padding-right:4px;padding-left:52px}.ox-chat .message-quote{color:#6d6d6d;padding:8px;background-color:#f5f5f5;border-radius:6px;border-left:4px solid rgba(0,0,0,.3);margin-bottom:8px;display:inline-block}.ox-chat .message-quote .sender{color:#333;font-size:.75rem;font-weight:500;margin:0 0 4px;text-overflow:ellipsis;overflow:hidden}.ox-chat .message-quote .content{width:100%}.ox-chat .message-quote .message-thumbnail-container .name{color:#6d6d6d}.ox-chat .message-actions-dropdown{display:none;position:absolute;right:20px;bottom:8px;height:16px;padding:0;line-height:0}.ox-chat .message-actions-dropdown .actions-toggle{color:#333;padding:0;height:16px;line-height:0}.ox-chat .message-actions-dropdown .actions-toggle i{vertical-align:middle}.ox-chat .message-actions-dropdown.open{display:inline-block}.ox-chat .message-actions-dropdown.open+.delivery{display:none}.ox-chat .message.command>.incoming-call{border:1px solid #ddd;border-radius:6px;padding:1rem 16px;margin-bottom:1rem;height:5rem;display:flex;align-items:center;background-color:#fff;text-decoration:none}.ox-chat .message.command>.incoming-call .icon{width:40px;height:40px;color:#fff;background-color:green;border-radius:50%;margin-right:16px;display:flex;flex-direction:column;justify-content:center;align-items:center}.ox-chat .message.command>.incoming-call .icon svg{height:24px}.ox-chat .message.command>.incoming-call .details{flex:1;overflow:hidden;line-height:1.5rem}.ox-chat .message.command>.incoming-call .caller{font-weight:700}.ox-chat .message.command>.incoming-call .join-link{color:#707070}.ox-chat .visible-bubbles .message.user>.content>.body{color:#333;background-color:#eee;border-radius:6px;padding:11px 16px 9px;display:inline-block;margin-bottom:4px}.ox-chat .visible-bubbles .message.user>.content>.body:empty{display:none}.ox-chat .visible-bubbles .message.user>.content>.body.only-emoji,.ox-chat .visible-bubbles .message.user>.content>.body.file{background-color:transparent!important}.ox-chat .visible-bubbles .message.myself>.content>.body{color:#fff;background-color:#0278d4}.ox-chat .visible-bubbles .message.user>.content>.body.deleted{color:#505050;background-color:#f5f5f5}.ox-chat .visible-bubbles .message .delivery{bottom:16px}.ox-chat .visible-bubbles .message .message-actions-dropdown{bottom:20px}.ox-chat .visible-bubbles .message .message-quote{background-color:transparent;border-radius:0;border-left:0;padding:0;margin-left:-8px;margin-right:-8px}.ox-chat .visible-bubbles .message .message-quote .sender{margin:0 0 4px 8px}.ox-chat .visible-bubbles .message .message-quote .content{padding:8px;background-color:#ddd;border-radius:6px;border-left:4px solid rgba(0,0,0,.4)}.ox-chat .visible-bubbles .message.myself{padding:0 40px 0 128px;display:flex}.ox-chat .visible-bubbles .message.myself .message-quote .sender{color:#fff}.ox-chat .visible-bubbles .message.myself .message-quote .content{background-color:#004f8c}.ox-chat .visible-bubbles .message.myself>.sender,.ox-chat .visible-bubbles .message.myself>.avatar{display:none}.ox-chat .visible-bubbles .message.myself.user>.content{margin-left:auto;text-align:right}.ox-chat .visible-bubbles .message.myself .flags{color:#fff;display:block}.ox-chat .visible-bubbles .message.myself .flags>span{padding:0 4px;background-color:rgba(0,0,0,.1)}.ox-chat .visible-bubbles .message.myself.deleted .flags{color:#333}.ox-chat .file-type{color:#707070}.ox-chat .file-type.pdf{color:#C01E07}.ox-chat .file-type.doc{color:#376CB8}.ox-chat .file-type.xls{color:#26935D}.ox-chat .file-type.ppt{color:#F4502A}.ox-chat .file-type.zip{color:#FF940A}.ox-chat .file-type.svg{color:#F4502A}.ox-chat .controls,.ox-chat .footer{top:auto;border-top:1px solid #ccc;background-color:#f5f5f5;padding:8px 8px 8px 6px}.ox-chat .footer{height:4rem;text-align:right}.ox-chat .footer .btn{margin-left:8px}.ox-chat .footer .btn-primary{background-color:#707070;border-color:#575757}.ox-chat .editor-container{flex:1;padding:10px .75rem;border:1px solid #ddd;border-radius:6px;background-color:#fff;max-height:20rem;overflow-y:auto}.ox-chat .editor-container:focus-within{border-color:#66afe9;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}.ox-chat .editor-container textarea{border:0;padding:0;outline:0;width:100%;line-height:1rem;overflow:hidden;display:block}.ox-chat .editor-container .reference-container:empty{display:none}.ox-chat .editor-container .editor-controls{position:absolute;right:16px}.ox-chat .editor-container .message-thumbnail{max-width:120px;max-height:120px}.ox-chat .editor-container .message-thumbnail img{width:120px}.ox-chat .controls{position:relative;display:flex;align-items:flex-end}.ox-chat .controls button svg{height:18px}.ox-chat .controls button.file-upload-btn{width:40px;margin:0 12px}.ox-chat .controls button.file-upload-btn svg{height:20px}.ox-chat .controls .cancel-btn{display:none}.ox-chat .controls.edit-mode .cancel-btn,.ox-chat .controls.reply-mode .cancel-btn{display:block}.ox-chat .controls .jump-down{position:absolute;top:-60px;right:8px;background-color:#fff;font-size:0}.ox-chat .controls .jump-down svg{height:18px}.ox-chat .controls .jump-down .badge{position:absolute;top:auto;bottom:-3px;right:-2px;background-color:#c80000}.ox-chat .controls .jump-down .badge:empty{display:none}.ox-chat .emoji-picker{position:absolute;right:16px;bottom:64px;border:1px solid #eee;box-shadow:0 8px 16px rgba(0,0,0,.4)}.ox-chat.columns .toggle-emoji{display:none}.ox-chat.columns .controls .file-upload-btn{margin:0}.ox-chat .chat-members-container{display:flex}.ox-chat .chat-members-container .members{overflow:hidden;overflow-y:auto;line-height:1rem;max-height:2rem}.ox-chat .chat-members-container .members li{display:inline-block}.ox-chat .user-badge{margin-right:8px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-flex;align-items:center;height:1rem;vertical-align:top}.ox-chat .user-badge .dot .icon{width:8px;height:8px;margin-right:4px}.ox-chat .user-badge a{color:#555}.ox-chat .state{color:#fff;border:1px solid #fff;margin-right:4px;font-size:12px;text-align:center;width:12px;height:12px;border-radius:10px;padding-top:3px}.ox-chat .state.large{height:16px;width:16px;margin-bottom:-3px}.ox-chat .state.online{background-color:#02ab07}.ox-chat .state.absent{background-color:#fb8c00}.ox-chat .state.busy{background-color:#d32f2f}.ox-chat .state.offline{background-color:#ccc}.ox-chat .channel-list,.ox-chat .history-list{display:flex;flex-direction:column}.ox-chat .channel-list .scrollpane,.ox-chat .history-list .scrollpane{padding:16px}.ox-chat .history-list .chats-container{min-height:2rem}.ox-chat .channel,.ox-chat .history-item{display:flex;flex-direction:row;align-items:center;margin-bottom:1rem}.ox-chat .channel .details,.ox-chat .history-item .details{flex:1;margin:0 16px;overflow:hidden}.ox-chat .channel .title,.ox-chat .history-item .title{font-weight:700;margin-right:8px}.ox-chat .channel .type,.ox-chat .history-item .type{color:#707070}.ox-chat .channel .body,.ox-chat .history-item .body{margin-right:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ox-chat .channel .members,.ox-chat .history-item .members{color:#707070;line-height:inherit;display:block}.ox-chat .channel .info,.ox-chat .history-item .info{text-align:center;color:#707070}.ox-chat .files{display:flex;flex-direction:column}.ox-chat .files .scrollpane ul{padding:16px 0 0 16px}.ox-chat .files li.file{width:178px;height:11.125rem;margin:0 16px 16px 0;float:left}.ox-chat .files li.file button{position:relative;width:100%;height:100%;border:1px solid #ddd;padding:0;border-radius:6px;background-color:#f5f5f5}.ox-chat .files li.file .preview{position:absolute;left:0;right:0;top:0;bottom:4rem;border-radius:6px 6px 0 0;background-size:cover;background-color:#fff;background-position:center}.ox-chat .files li.file .preview .file-type{height:48px}.ox-chat .files li.file .cursor-zoom-in{cursor:zoom-in}.ox-chat .files li.file .details{position:absolute;left:0;right:0;height:4rem;bottom:0;padding:.5rem 8px;text-align:left;line-height:1rem}.ox-chat .files li.file .filename{color:#333;font-weight:700;max-height:2rem;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:block;display:-webkit-box}.ox-chat .files li.file .filedate,.ox-chat .files li.file .filesize{color:#707070;font-size:13px;margin-right:8px}@media (min-width:1280px){.ox-chat .files li.file{width:218px;height:calc(144px + 4rem)}}.ox-chat .overlay{z-index:2;background-color:rgba(0,0,0,.9);background-size:contain;background-repeat:no-repeat;background-position:center;border:1px solid transparent;outline:0;display:flex;flex-direction:column;justify-content:center;align-items:center}.ox-chat .overlay img{max-width:100%;max-height:100%}.ox-chat .overlay button{border:0;color:#fff;font-size:24px;background-color:rgba(0,0,0,.5);width:40px;height:40px;line-height:40px;text-align:center;position:absolute;top:50%;margin-top:-20px}.ox-chat .overlay button[data-cmd=prev-file]{left:0}.ox-chat .overlay button[data-cmd=next-file]{right:0}.ox-chat .overlay button[data-cmd=close-file]{top:0;right:0;margin-top:0}.ox-chat .btn-action{color:#3c73aa;border-color:#3c73aa;background-color:rgba(60,115,170,.05)}.ox-chat .controls .btn-action.join{margin-left:auto;margin-right:auto}.ox-chat .btn-circle{width:48px;height:48px;border-radius:24px;text-align:center;background-color:transparent;color:#707070}.ox-chat .btn-circle:focus,.ox-chat .btn-circle:active{color:#0278d4;border:2px solid #0278d4;outline:0}.ox-chat .flex-grow{flex:1;overflow:hidden}.ox-chat .flex-center-vertically{display:flex;flex-direction:column;justify-content:center}.ox-chat .search-result{display:none}.ox-chat .search-result ul{list-style-type:none;padding:0;margin:0}.ox-chat .search-result mark{padding:0;background-color:#FFD54F}.ox-chat .chat .typing{padding:0 16px;color:#707070;font-size:.8125rem;margin:8px 0 -8px 0}.ox-chat .chat .typing .name{color:#333;font-weight:500}.ox-chat .auth-container{display:flex;align-items:center;justify-content:center;flex:1}.ox-chat .auth-container>div{text-align:center}.ox-chat .modal-body .members>ul{min-height:192px;margin-top:24px}.accessible-list [aria-selected]:hover{background-color:#eee}.accessible-list [aria-selected]:focus,.accessible-list [aria-selected=true]{background-color:#ddd}.accessible-list:focus-within [aria-selected=true]{color:#fff;background-color:#283f73}#io-ox-topbar-account-dropdown-icon .state{position:absolute;left:35px;top:35px;border:0}.ox-chat-popup.modal.flex .modal-header{display:flex;padding-top:36px}.ox-chat-popup .modal-header .modal-title{flex:1}.ox-chat-popup .modal-header .contact-photo-upload{margin:0;padding:0;margin-top:-22px;margin-bottom:-8px;margin-right:4px}.ox-chat-popup .modal-header .contact-photo-upload .fallback-icon{height:28px;color:#aaa;pointer-events:none}.ox-chat-popup .modal-header .contact-photo-upload .contact-photo{width:64px;height:64px;padding:0;margin:0;border-radius:50%;display:flex;align-items:center;outline:0}.ox-chat-popup .modal-header .contact-photo-upload .contact-photo:focus{border:1px solid #3c61aa;box-shadow:0 0 8px 2px #3c61aa}.ox-chat-popup .modal-header .contact-photo-upload .contact-photo label{display:none!important}.ox-chat-popup .modal-header .contact-photo-upload .contact-photo:not(.empty) .fallback-icon{display:none}.ox-chat-popup .modal-header .contact-photo-upload .contact-photo .reset{top:40px;left:40px;border-radius:50%}.ox-chat-popup .modal-header .contact-photo-upload form{display:none}.ox-chat-popup .modal-header,.ox-chat-popup .modal-footer{background-color:#f5f5f5;border-color:#ccc}.ox-chat-popup .modal-footer,.ox-chat-popup .modal-header{background-color:#fff}.ox-chat-popup .modal-footer>button{min-width:80px}.ox-chat-popup .members{margin-top:2px}.ox-chat-popup .members legend{border:0;margin-bottom:2px}.ox-chat-popup .members li{display:flex;align-items:center;margin-bottom:8px;line-height:1rem}.ox-chat-popup .members li .picture{flex:0 0 auto;width:40px;height:40px;margin-right:16px;position:relative}.ox-chat-popup .members li .picture .avatar{width:100%;height:100%;background-repeat:no-repeat;background-position:center center;background-size:cover;border-radius:50%}.ox-chat-popup .members li .picture .state{position:absolute;top:28px;left:28px}.ox-chat-popup .members li .center{flex:1;display:flex;flex-direction:column;margin-top:4px;overflow:hidden}.ox-chat-popup .members li .center>*{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ox-chat-popup .members li .member-controls{flex:0 0 auto;margin:0 0 0 8px;display:flex;align-items:center}.ox-chat-popup .members li .member-controls button{border:0;border-radius:50%;background-color:#eee;padding:0;width:24px;height:24px;line-height:0}.ox-chat-popup .members li .member-controls button:hover,.ox-chat-popup .members li .member-controls button:focus{color:#fff;background-color:#d32f2f}.ox-chat-popup .add-members legend{border:0;margin-bottom:6px}.ox-chat-popup .add-members>div{position:relative}.ox-chat-popup .add-members .twitter-typeahead pre{display:none}.ox-chat-popup .add-members .open-addressbook-popup{position:absolute;top:0;right:0;padding:5px;color:#767676;text-decoration:none;z-index:10;line-height:0}.ox-chat-popup .add-members .open-addressbook-popup svg{height:20px}#io-ox-chat-icon{position:relative}#io-ox-chat-icon .badge{position:absolute;bottom:10px;right:0}#io-ox-chat-icon .badge:empty{display:none}@keyframes highlightMessage{0%{background-color:#0278d4}100%{background-color:#eee}}@keyframes highlightOwnMessage{0%{background-color:#eee;color:#333}100%{background-color:#0278d4;color:#fff}}.io-ox-windowmanager-sticky-panel.border-left{border:0}#io-ox-appcontrol svg.chat-notification{position:absolute;top:21px;left:25px}#io-ox-appcontrol svg.chat-notification circle{fill:#eb4400}button.open-chat{margin-bottom:16px}