.chat-adm-container{display:flex;flex-direction:row;height:100vh;width:100vw;margin:0;padding:0!important}.chat-adm-column{max-width:25%;flex:1 1 25%;display:flex;flex-direction:column;border-right:solid 1px silver}.chat-adm-header{flex:0 0 45px;padding:5px 10px;border-bottom:solid 1px silver;overflow:hidden}#chat-adm-thread-scroll{flex:1 1 calc(100% - 50px)}.index-entry{border-bottom:solid 1px #efefef;padding:10px 0;cursor:pointer}.index-selected{background-color:#efefef}.index-message{max-height:90px;text-overflow:ellipsis;overflow:hidden}#chat-index{padding:0 20px}.index-name{font-size:larger;color:#e02222}.index-unread{float:right;margin-top:2px;border-radius:4px!important;padding:0 3px 1px;background-color:#e02222;color:#fff}.index-unread-hidden{display:none}.bubble-container{padding:0;margin:0}.bubble{border-radius:10px!important;padding:10px;width:fit-content;display:inline-block;text-overflow:ellipsis;overflow:hidden;max-width:90%}.bubble-left{background-color:#eaeaea}.bubble-right{background-color:#dff9d6}.bubble-admin{background-color:#fce3d2;margin:20px}.bubble-date{background-color:#fff;border:solid 1px silver;margin:20px;padding:2px 10px}.bubble-time{color:silver}#chat-modal{background-color:#fff}@media(max-width:840px){left: 0px; width: 100vw; } @media (max-height: 840px) { top: 0px; height: 100vh; } @media (min-width: 840px) { #chat-modal{left:auto;right:20px;width:800px}}@media(min-height:840px){#chat-modal{top:auto;bottom:20px;height:800px}}#lbOverlay{z-index:10100!important}#lbCenter{z-index:10101!important}#lbBottomContainer{z-index:10101!important}#chat-modal .modal-header{padding-bottom:5px}#chat-user-name,.index-name,.no-wrap{overflow:hidden;white-space:nowrap}.chat-user-name-bold{font-weight:700}.label-small{padding:0 3px!important}#chat-modal .modal-body{height:calc(100% - 70px);overflow:hidden;margin:0!important;padding:0!important;display:flex;flex-direction:row}#chat-index-column{width:300px;flex:0 0 300px;display:flex;flex-direction:column;border-right:solid 1px silver}#chat-thread-column{max-width:calc(100% - 300px);flex:1 1 470px;display:flex;flex-direction:column}#chat-index-scroll{height:calc(100% - 49px);overflow:hidden}#chat-index-admins{flex:0 0 49px;display:flex;flex-direction:row;justify-content:space-evenly;padding:4px;border-top:solid 1px silver;background-color:#efefef}.chat-admin-entry{height:40px;width:40px;flex:0 0 40px;display:inline-block}.chat-admin-text{padding-top:10px;height:40px;width:60px;flex:0 0 40px;display:inline-block}#chat-index-loading,#chat-thread-loading{flex:1 1 100%;position:relative}.loading-text{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}#chat-thread-scroll{flex:1 1 calc(100% - 50px)}#chat-message-box{max-height:300px;flex:1 1 20px;display:flex;flex-direction:row;flex-wrap:wrap-reverse;padding:10px;border-top:solid 1px silver;background-color:#efefef}#chat-adm-message-box{max-height:300px;flex:1 1 20px;display:flex;flex-direction:row;flex-wrap:wrap-reverse;padding:10px;border-top:solid 1px silver;background-color:#fce3d2}#chat-message-input,#chat-adm-message-input{flex:1 1 50px;background-color:#fff;margin:0 8px;padding:5px 10px;max-height:280px;outline:0 solid transparent;overflow:auto}#chat-emoji-box,#chat-adm-emoji-box{flex:0 0 200px;padding:0;overflow:hidden}#chat-emoji-picker,#chat-adm-emoji-picker{width:100%;height:100%}#chat-typing-box{flex:1 1 40px;border-top:solid 1px silver;padding:10px;overflow:hidden}#chat-upload-box,#chat-adm-upload-box{flex:1 1 200px;display:flex;flex-direction:row;border-top:solid 1px silver;padding:10px;overflow:hidden}#chat-upload-display,#chat-adm-upload-display{flex:1 1 100px;overflow:hidden;white-space:nowrap}#chat-upload-remove-btn,#chat-adm-upload-remove-btn{flex:0 0 24px}.chat-btn-div{width:24px;height:20px;align-content:center;text-align:center}.chat-btn{font-size:14pt;display:inline-block;color:#000}.chat-btn:hover{color:#e02222}.scroll-div{width:calc(100% + 15px)}.scroll-content{width:100%}#chat-button{position:fixed;bottom:25px;right:25px;cursor:pointer}#total-unread{position:fixed;width:50px;height:20px;bottom:55px;right:35px;color:#fff;text-align:center;cursor:pointer}#chat-glyph{font-size:32pt;color:#e02222}.chat-thumbnail{background-color:#fff;border:1px solid #ddd}.chat-file-link{padding-left:22px;background:url(https://cdn.projects.co.id/assets/plugins/upload/attach.png) 1px 50% no-repeat;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.chat-file-info{padding-left:22px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.chat-check{letter-spacing:-.4em}.chat-check-received{color:#01d201}