.chat-area,.chatbox,.chatlist,.message-area,.msg-body ul,.send-btns .button-wrapper{overflow:hidden}.chat-area .form-control,.send-box .form-control{transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.message-area{height:100vh}.chat-area{position:relative;width:100%;background-color:#fff;border-radius:.3rem;height:90vh;min-height:calc(100% - 1rem)}.chatlist{outline:0;height:100%;width:300px;float:left;padding:15px}.chat-area .modal-content{border:none;border-radius:0;outline:0;height:100%}.chat-area .modal-dialog-scrollable{height:100%!important}.chatbox{width:auto;height:100%;border-left:1px solid #ccc}.chatbox .modal-dialog,.chatlist .modal-dialog{max-width:100%;margin:0}.msg-search{display:flex;align-items:center;justify-content:space-between}.chat-area .form-control{display:block;width:80%;padding:.375rem .75rem;font-size:14px;font-weight:400;line-height:1.5;color:#222;background-color:#fff;background-clip:padding-box;border:1px solid #ccc;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:.25rem}.chat-area .form-control:focus{outline:0;box-shadow:inherit}a.add img{height:36px}.chat-area .nav-tabs{border-bottom:1px solid #dee2e6;align-items:center;justify-content:space-between;flex-wrap:inherit}.chat-area .nav-tabs .nav-item{width:100%}.chat-area .nav-tabs .nav-link{width:100%;color:#180660;font-size:14px;font-weight:500;line-height:1.5;text-transform:capitalize;margin-top:5px;margin-bottom:-1px;background:0 0;border:1px solid transparent;border-top-left-radius:.25rem;border-top-right-radius:.25rem}.chat-list h3,.chat-list p{line-height:1.5;margin-bottom:0;text-transform:capitalize}.chat-area .nav-tabs .nav-item.show .nav-link,.chat-area .nav-tabs .nav-link.active{color:#222;background-color:#fff;border-color:transparent transparent #000}.chat-area .nav-tabs .nav-link:focus,.chat-area .nav-tabs .nav-link:hover{border-color:transparent transparent #000;isolation:isolate}.chat-list h3{color:#222;font-size:16px;font-weight:500}.chat-list p{color:#343434;font-size:14px;font-weight:400}.chat-list a.d-flex{margin-bottom:15px;position:relative;text-decoration:none}.msg-head h3,.msg-head p{line-height:1.5;margin-bottom:0}.chat-list .active{display:block;content:'';clear:both;position:absolute;bottom:3px;left:34px;height:12px;width:12px;background:#00DB75;border-radius:50%;border:2px solid #fff}.msg-head h3{color:#222;font-size:18px;font-weight:600}.msg-body ul li.repaly p,.msg-body ul li.sender p,.msg-head p{font-weight:400;font-size:14px}.msg-head p{color:#343434;text-transform:capitalize}.msg-head{padding:15px;border-bottom:1px solid #ccc}.moreoption{display:flex;align-items:center;justify-content:end}.moreoption .navbar{padding:0}.moreoption li .nav-link{color:#222;font-size:16px}.moreoption .dropdown-toggle::after{display:none}.moreoption .dropdown-menu[data-bs-popper]{top:100%;left:auto;right:0;margin-top:.125rem}.msg-body ul li{list-style:none;margin:15px 0}.msg-body h6,.msg-body ul li.repaly p,.msg-body ul li.sender p{margin-bottom:0;line-height:1.5}.msg-body ul li.sender{display:block;width:100%;position:relative}.msg-body ul li.repaly:before,.msg-body ul li.sender:before{position:absolute;height:0;border-style:solid;border-width:0 12px 15px;content:'';clear:both}.msg-body ul li.sender:before{display:block;top:-6px;left:-7px;width:0;border-color:transparent transparent #f5f5f5;-webkit-transform:rotate(-37deg);-ms-transform:rotate(-37deg);transform:rotate(-37deg)}.msg-body ul li.sender p{color:#000;padding:15px;background:#f5f5f5;display:inline-block;border-bottom-left-radius:10px;border-top-right-radius:10px;border-bottom-right-radius:10px}.msg-body ul li.sender p b{display:block;color:#180660;font-size:14px;line-height:1.5;font-weight:500}.msg-body ul li.repaly{display:block;width:100%;text-align:right;position:relative}.msg-body ul li.repaly:before{display:block;bottom:15px;right:-7px;width:0;border-color:transparent transparent #4b7bec;-webkit-transform:rotate(37deg);-ms-transform:rotate(37deg);transform:rotate(37deg)}.msg-body ul li.repaly p{color:#fff;padding:15px;background:#4b7bec;display:inline-block;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-left-radius:10px}.msg-body ul li.repaly p b{display:block;color:#061061;font-size:14px;line-height:1.5;font-weight:500}.msg-body ul li.repaly:after{display:block;content:'';clear:both}.time{display:block;color:#000;font-size:12px;line-height:1.5;font-weight:400}.msg-body h6,.send-box .form-control,.send-box button{font-size:14px;font-weight:400}li.repaly .time{margin-right:20px}.chatbox-divider{position:relative;z-index:1;text-align:center}.msg-body h6{text-align:center;color:#222;background:#fff;display:inline-block;padding:0 5px}.chatbox-divider:after{display:block;content:'';clear:both;position:absolute;top:12px;left:0;border-top:1px solid #EBEBEB;width:100%;height:100%;z-index:-1}.send-box{padding:15px;border-top:1px solid #ccc}.send-box form{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.send-box .form-control{display:block;width:85%;padding:.375rem .75rem;line-height:1.5;color:#222;background-color:#fff;background-clip:padding-box;border:1px solid #ccc;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:.25rem}.send-box button{border:none;background:#3867d6;padding:.375rem 5px;color:#fff;border-radius:.25rem;width:24%;margin-left:1%}.send-box button i{margin-right:5px}.send-btns .button-wrapper{position:relative;width:125px;height:auto;text-align:left;margin:0 5px 5px auto;display:block;background:#F6F7FA;border-radius:3px;padding:5px 15px;float:left}.send-btns .button-wrapper span.label{position:relative;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;cursor:pointer;color:#343945;font-weight:400;text-transform:capitalize;font-size:13px}#upload{display:inline-block;position:absolute;z-index:1;width:100%;height:100%;top:0;left:0;opacity:0;cursor:pointer}.send-btns .attach .form-control{display:inline-block;width:120px;height:auto;padding:5px 8px;font-size:13px;font-weight:400;line-height:1.5;color:#343945;background-color:#F6F7FA;background-clip:padding-box;border:1px solid #F6F7FA;border-radius:3px;margin-bottom:5px}.send-btns .button-wrapper span.label img{margin-right:5px}.button-wrapper{position:relative;width:100px;height:100px;text-align:center;margin:0 auto}button:focus{outline:0}.add-apoint{display:inline-block;margin-left:5px}.add-apoint a{text-decoration:none;background:#F6F7FA;border-radius:8px;padding:8px;font-size:13px;font-weight:400;line-height:1.2;color:#343945}.add-apoint a svg{margin-right:5px}.chat-icon,.closess i{display:none}@media (max-width:767px){.chatbox,.chatlist{width:100%}.chatbox,.showbox{transition:all .5s ease}.chat-icon{display:block;margin-right:5px}.chatbox{position:absolute;left:1000px;right:0;background:#fff;border-left:none}.showbox{left:0!important}.msg-head h3{font-size:14px}.msg-head p{font-size:12px}.msg-head .flex-shrink-0 img{height:30px}.send-box button{width:28%}.send-box .form-control{width:70%}.chat-list h3{font-size:14px}.chat-list p{font-size:12px}.msg-body ul li.repaly p,.msg-body ul li.sender p{font-size:13px;padding:8px;border-top-right-radius:6px;border-bottom-left-radius:6px}.msg-body ul li.sender p{border-bottom-right-radius:6px}.msg-body ul li.repaly p{border-top-left-radius:6px}}