.chat-box-contacts{height:500px;overflow:auto;position:relative;padding:12px;scrollbar-width:thin}
.chat-single-item{padding:8px;margin:0 0 8px 0;box-shadow:0 0 12px rgba(0,0,0,.3);border-radius:10px;height:74px;overflow:hidden}
.chat-single-item:hover{box-shadow:0 0 16px rgba(0,0,0,.5);cursor:pointer}
.contact-img{width:58px;height:58px;border-radius:100%;overflow:hidden;border:2px solid #fff;display:flex;justify-content:center;align-items:center;background-color:#fff;margin:0 12px 0 4px;float:left}
.contact-img img{width:100%}

.contacts-list-info{margin-left:45px;color:#000}
.contacts-list-name{width:78%;height:32px;line-height:32px;overflow:hidden;font-weight:600;margin:0}
.contacts-list-msg{color:#4d4949}
.contacts-list-count{height:20px;width:20px;border-radius:50%;background-color:#0073d7;color:#fff;display:flex;justify-content:center;align-items:center}
.contacts-list-date{color:#4d4949;font-weight:normal;font-size:10px;width:22%;height:32px;line-height:32px;overflow:hidden;text-align:right}

.chat-box-header{background-color:#fff;font-size:18px;padding:12px;border-radius:8px 8px 0 0}
.chat-box-header i:hover{color:#0073d7;cursor:pointer}
.chat-box .box-body{border-bottom-right-radius:0;border-bottom-left-radius:0;position:relative;overflow-x:hidden;padding:0} 
.chat-box.chat-pane-open{-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0)} 

.chat-box-container{height:500px;overflow:hidden}
.chat-box-primary{height:450px;overflow:hidden}
.chat-box-messages{padding:2px 4px 2px 0;height:360px;overflow:auto;position:relative;overflow-x:hidden;scrollbar-width:thin}
.chat-box-notes{height:480px;overflow:auto;position:relative;overflow-x:hidden;scrollbar-width:thin}
.chat-container {width:100% !important;display:block;clear:both}
.chat-content {width:auto;max-width:85%;padding:8px;margin:2px 8px;border-radius:16px;display:block;white-space:normal;}
.right {margin-right:0;background-color:#dcdcdc}
.left {background-color:#fec89a}

.chatbox{width:100%;border:1px solid rgba(68, 68, 68, 0.5);padding:8px;border-radius:24px}

.chat-msg{height:28px;width:100%;border:none;overflow:auto;resize: none}
.chat-send-btn{color:#DC1478;font-size:16px;height:36px;width:36px;cursor:pointer;border-radius:50%;background-color:#fff;display:flex;justify-content:center;align-items:center;border:2px solid #DC1478;}
.chat-send-btn:disabled{color:#444444;border:1px solid #444444;background-color:#fff}

.chat-empty{height:450px;width:100%;font-size:14px;display:flex;justify-content:center;align-items:center;overflow:hidden}
.chat-empty i{font-size:14px;color:#00ff00;padding:24px}
.chat-loading{width:100%;text-align:center;position:absolute;top:32px;z-index:999;background-color:transparent}
.chat-loading img{height:24px}
.chat-dateline{width:100%;background-color:transparent;font-size:11px;display:flex;justify-content:center;align-items:center;height:15px;color:#000}
.chat-see-tm{position:relative;top:calc((100% - 24px)/2);text-align:right;font-size:10px;margin-left:4px;line-height:10px}
.chat-img{max-height:200px;max-width:98%;border-radius:4px}