.messenger-wrapper{display:flex;flex-wrap:wrap;background-color:#f5f8fb;position:relative;font-size:14px}.messenger-wrapper>div{flex:1 0 0%;width:100%;max-width:100%;overflow:hidden;min-height:calc(100vh - 135px);max-height:calc(100vh - 135px)}.messenger-wrapper>div:first-child{flex:0 0 auto;width:30%}.chat-content{padding:20px;height:100%}.chat-box-content{border:solid #e6ecf1;border-width:0 0 0 1px;overflow:hidden;display:flex;flex-direction:column}.chat-box-content .chat-box-header{position:relative;z-index:49;display:flex;align-items:center}.chat-box-content .chat-box-header .chat-box-header-photo{width:40px;height:40px;position:relative;margin-right:10px}.chat-box-content .chat-box-header .chat-box-header-photo>img{height:100%;-o-object-fit:cover;object-fit:cover;position:absolute;width:100%;max-width:100%;border-radius:9999px}.chat-box-content .chat-box-header .chat-box-header-name{font-weight:600;font-size:16px}.chat-box-content .chat-box-messages{margin:20px 0;overflow-y:scroll;flex:1 1 0%;display:flex;flex-direction:column-reverse}.chat-box-content .chat-box-messages .chat-box-row{max-width:60%;align-items:flex-end;z-index:44;display:flex;margin-bottom:20px}.chat-box-content .chat-box-messages .chat-box-row .chat-box-row-photo{width:40px;height:40px;position:relative;margin-bottom:24px}.chat-box-content .chat-box-messages .chat-box-row .chat-box-row-photo>img{height:100%;-o-object-fit:cover;object-fit:cover;position:absolute;width:100%;max-width:100%;border-radius:9999px}.chat-box-content .chat-box-messages .chat-box-row .chat-box-row-date{margin-top:5px;font-size:12px;color:rgba(45,55,72,.8)}.chat-box-content .chat-box-messages .chat-box-row .chat-box-row-item-content{color:#4a5568;margin-top:5px}.chat-box-content .chat-box-messages .chat-box-row .chat-box-row-item-content .by-agent{font-size:10px;color:grey;margin-top:5px}.chat-box-content .chat-box-messages .chat-box-row.left{align-self:flex-start}.chat-box-content .chat-box-messages .chat-box-row.left .chat-box-row-photo{margin-right:10px}.chat-box-content .chat-box-messages .chat-box-row.right{align-self:flex-end;flex-direction:row-reverse}.chat-box-content .chat-box-messages .chat-box-row.right .chat-box-row-photo{margin-left:10px}.chat-box-content .chat-box-messages .chat-box-row:first-of-type{margin-bottom:0}.chat-box-content .chat-box-input{z-index:47;position:relative;align-items:center;display:flex}.chat-box-content .chat-box-input .form-control{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:10px;box-shadow:none;resize:none}.chat-box-content .chat-box-input .submit-message{width:40px;height:40px;color:#fff;flex:none;justify-content:center;align-items:center;display:flex;border-radius:9999px;background-color:#2ba1c6;cursor:pointer;border:none;overflow:hidden;transition:all .3s ease-in-out}.chat-box-content .chat-box-input .submit-message:hover{background-color:#227f9c}.chat-list-content{display:flex;flex-direction:column;padding:20px 0}.chat-list-content .chat-list-header{margin:0 20px 20px}.chat-list-content .chat-list-title{font-size:18px;font-weight:600;padding:7px 0}.chat-list-content .chat-list-items{overflow-y:scroll;padding:0 20px}.chat-list-content .chat-list-item{position:relative;display:flex;align-items:center;cursor:pointer;margin-bottom:20px}.chat-list-content .chat-list-item-image{width:48px;height:48px;position:relative;flex:none;margin-right:5px}.chat-list-content .chat-list-item-image>img{display:block;vertical-align:middle;height:100%;-o-object-fit:cover;object-fit:cover;position:absolute;width:100%;border-radius:9999px}.chat-list-content .chat-list-item-name{margin-left:5px;color:#2d3748;font-size:14px;overflow:hidden;flex-grow:1}.chat-list-content .chat-list-item-name>span{display:block;color:#2d3748;font-weight:600;font-size:14px}.chat-list-content .chat-list-item-name>div{width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:rgba(45,55,72,.8)}.chat-list-content .chat-list-item-date{font-size:12px;color:rgba(45,55,72,.8);text-align:center}.chat-list-content .chat-list-item-unread{width:26px;height:26px;line-height:26px;border-radius:13px;flex:none;background-color:#fc9114;text-align:center;color:#fff;position:absolute;bottom:-7px;right:-7px}.chat-list-content .chat-list-item.selected,.chat-list-content .chat-list-item:hover{background-color:#2ba1c6}.chat-list-content .chat-list-item.selected .chat-list-item-date,.chat-list-content .chat-list-item.selected .chat-list-item-name,.chat-list-content .chat-list-item.selected .chat-list-item-name>div,.chat-list-content .chat-list-item.selected .chat-list-item-name>span,.chat-list-content .chat-list-item:hover .chat-list-item-date,.chat-list-content .chat-list-item:hover .chat-list-item-name,.chat-list-content .chat-list-item:hover .chat-list-item-name>div,.chat-list-content .chat-list-item:hover .chat-list-item-name>span{color:#fff}.clear-both{clear:both}.chat-box{border-width:1px;border-color:#fafbff;box-shadow:0 3px 20px rgba(0,0,0,.04);border-radius:.375rem;background-color:#fff;padding:12px 16px}
/*# sourceMappingURL=messenger.css.map */