.message-area{height:100vh;overflow:hidden;padding:30px 0;background:#f5f7fb}.chat-area{position:relative;width:100%;background-color:#fff;border-radius:.3rem;height:100vh;overflow:hidden;min-height:calc(100% - 1rem)}.message-area .chatlist{outline:0;height:100%;overflow:hidden;width:300px;float:left}.message-area .chat-header{padding:15px}.message-area .chatlist .modal-body{padding:0!important}.chat-area .modal-content{border:none;border-radius:0;outline:0;height:100%}.chat-area .modal-dialog-scrollable{height:100%!important}.chatbox{width:auto;overflow:hidden;height:100%;border-left:1px solid #eee}.chatbox .modal-dialog-scrollable .modal-content{display:flex;flex-direction:column}.chatbox .modal-dialog-scrollable .modal-content .modal-body{flex:1 1 auto;overflow-y:auto}.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;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;transition:border-color .15s ease-in-out , box-shadow .15s ease-in-out}.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}.nav-tabs .user_nav .main_user_name p{font-size:16px;font-weight:400;font-style:normal}.nav-tabs .user_nav .main_user_name p span{font-weight:600}.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-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;line-height:1.5;margin-bottom:0}.chat-list .chat-list-detail li.unread{background:rgba(11,94,215,.1)}.chat-list .chat-list-detail li{transition:all .5s ease-in-out;padding:12px 15px 2px}.chatlist .nav-tabs .nav-item .nav-link.active{padding:16px 24px;margin-top:0;border-top-left-radius:0;border-top-right-radius:0;background-color:#000;color: #ffff;border-bottom:1px solid #ebedf2}.chat-list .chat-list-detail li:hover{box-shadow:rgba(0,0,0,.1) 0 4px 12px}.chat-list p{color:#343434;font-size:14px;font-weight:400;line-height:1.5;margin-bottom:0}.chat-list a.d-flex{margin-bottom:15px;position:relative;text-decoration:none}.chat-list .active{background:#f7f7f7}.msg-head h3{color:#222;font-size:18px;font-weight:600;line-height:1.5;margin-bottom:0;padding-left:10px}.message-spin-loader{width:100%;position:absolute;top:0;left:0;background:#000;border-radius:5px;height:100%;line-height:100%;display:none;text-align:center;z-index:99;opacity:.3}.message-spin-loader i{font-size:30px;color: #ffff;position:absolute;top:50%;left:50%}.msg-head p{color:#343434;font-size:14px;font-weight:400;line-height:1.5;text-transform:capitalize;margin-bottom:0}.msg-head{padding:15px;box-shadow: 0px 0px 9px 0px rgb(0 0 0 / 7%)}.sb-avatar{padding-right:10px}.moreoption{display:flex;align-items:center;justify-content:end;padding-left:0;margin-bottom:0}.moreoption .dropstart .dropdown-toggle::before{display:none}.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{overflow:hidden}.msg-body ul li{list-style:none;margin:15px 0}.msg-body ul li.sender{display:block;width:100%;position:relative}.msg-body ul li.sender:before{display:block;clear:both;content:'';position:absolute;top:-6px;left:-7px;width:0;height:0;border-style:solid;border-width:0 12px 15px 12px;border-color:transparent transparent #ecf3fe transparent;-webkit-transform:rotate(-37deg);-ms-transform:rotate(-37deg);transform:rotate(-37deg)}.msg-body ul li.sender p{color:#000;font-size:14px;line-height:1.5;font-weight:400;padding:15px;background:#ecf3fe;display:inline-block;border-bottom-left-radius:10px;border-top-right-radius:10px;border-bottom-right-radius:10px;margin-bottom:0}.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.reply{display:block;width:100%;text-align:right;position:relative}.msg-body ul .attachment.reply p,.msg-body ul .attachment.sender p{background:transparent}.msg-body ul .attachment.reply:before,.msg-body ul .attachment.sender:before{content:none}.msg-body ul .attachment.reply p img,.msg-body ul .attachment.sender .message-text p img{width:200px;height:200px}.msg-body ul li.reply:before{display:block;clear:both;content:'';position:absolute;bottom:-5px;right:-8px;width:0;height:0;border-style:solid;border-width:0 12px 15px 12px;border-color:transparent transparent #f7f7f7 transparent;-webkit-transform:rotate(37deg);-ms-transform:rotate(3deg);transform:rotate(30deg)}.msg-body ul li.reply p{color:#777;font-size:14px;line-height:1.5;font-weight:400;padding:15px;background:#f7f7f7;display:inline-block;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-left-radius:10px;margin-bottom:0}.msg-body ul li.reply p b{display:block;color:#061061;font-size:14px;line-height:1.5;font-weight:500}.msg-body ul li.reply:after{display:block;content:'';clear:both}.msg-body .messages-list .message-bubble .message-text a{font-size:14px;color:#777;font-size:14px;line-height:1.5;font-weight:400;padding:15px;background:#f7f7f7;display:inline-block;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-left-radius:10px;margin-bottom:0}.msg-body .messages-list .message-bubble .message-text a:hover{color:#fe696a}.moreoption .zoom_chat_meeting .pro-btns a{background:#0069d9;color:#fff;font-size:large;display:grid;padding:15px 28px;margin:1px 3px}.zoom_chat_meeting ul li:hover>a:before{background:none}.time{display:block;color:#000;font-size:12px;line-height:1.5;font-weight:400}li.reply .time{margin-right:20px}.divider{position:relative;z-index:1;text-align:center}.msg-body h6{text-align:center;font-weight:normal;font-size:14px;line-height:1.5;color:#222;background:#fff;display:inline-block;padding:0 5px;margin-bottom:0}.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;box-shadow: 0px 0px 9px 0px rgb(0 0 0 / 7%)}.send-box form{display:flex;flex-direction:column;justify-content:space-between;margin-bottom:15px}.send-box .form-control{display:block;width:85%;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;transition:border-color .15s ease-in-out , box-shadow .15s ease-in-out}.send-box button{border:none;padding:.850rem 5px;color:#fff;border-radius:.25rem;font-size:14px;font-weight:400;width:24%;margin-left:1%}.send-box button i{margin-right:5px}.send-btns .button-wrapper{position:relative;width:130px;height:auto;text-align:left;margin:0 auto;display:block;background:#f6f7fa;border-radius:3px;padding:5px 15px;float:left;margin-right:5px;margin-bottom:5px;overflow:hidden}.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}.send-btns{margin-bottom:40px}.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 8px;font-size:13px;font-weight:400;line-height:1.2;color:#343945}.add-apoint a svg{margin-right:5px}.chat-icon{display:none}.closess i{display:none}h4.not-found{height:100vh;vertical-align:middle;text-align:center;padding-top:300px;font-size:28px;font-weight:600;font-style:italic}.sb-avatar img{border-radius:50%}h3.sender-details{margin-bottom:2px;font-size:16px}@media (max-width:767px){.chat-area{height:100%;overflow:auto}.chat-icon{display:block;margin-right:5px}.message-area .chatlist{width:100%;height:300px;overflow:auto}.chatbox{width:100%;background:#fff;transition:all .5s ease;border-left:none}.showbox{left:0!important;transition:all .5s ease}.msg-head h3{font-size:14px}.msg-head p{font-size:12px}.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.sender p{font-size:13px;padding:8px;border-bottom-left-radius:6px;border-top-right-radius:6px;border-bottom-right-radius:6px}.msg-body ul li.reply p{font-size:13px;padding:8px;border-top-left-radius:6px;border-top-right-radius:6px;border-bottom-left-radius:6px}}.sb-notification.success{position:absolute;right:16px;white-space:nowrap;top:29px;background:green;padding:0 5px;display:none;border-radius:2px;-webkit-transition:all .7s ease-in-out;-moz-transition:all .7s ease-in-out;-o-transition:all .7s ease-in-out;-ms-transition:all .7s ease-in-out;transition:all .7s ease-in-out}.sb-notification.success p{color:#fff}.messages-list .no-message{margin-top:40px}.chat-footer .button-wrapper input[type="file"]{position:absolute;left:0;top:0;opacity:0;height:80px;z-index:9;cursor:pointer}.attachments{background-color:#f5f5f5;padding:10px;position:relative;border-radius:4px;margin-bottom:20px;cursor:move}.attachments img{width:50px;margin-right:10px;vertical-align:top}.attachments .attachment-data{display:inline-block}.attachments .attachment-data h4{margin-bottom:0;font-size:16px}.attachments .attachment-data a{position:absolute;right:2%;top:23%}.attachments .attachment-data a.sb-attach-delete i{font-size:20px;color:#ff4747}.sb_chat_widget_shortcode{text-align:center;margin-bottom:10px}.sb_chat_widget_shortcode a img{border-radius:50%;width:60px;box-shadow: 0 0 30px 0 rgb(0 0 0 / 8%)}.sbchat-modal{display:none;position:fixed;z-index:99;padding-top:100px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,.4)}.sbchat-modal-content{background-color:#fefefe;margin:auto;padding:30px;border:1px solid #888;width:35%;border-radius:10px;box-shadow: 0 0 15px 1px rgb(0 0 0 / 19%)}.sb-message-box h3{margin:0 0 20px;font-size:20px}.sbchat-modal-content .message-details{width:80%;margin-right:20px}.sbchat-modal-content .send-btn i{margin-right:10px;width:20%}.sbchat-modal-content .send-btn{height:fit-content}.sb-chat-close{color:#aaa;float:right;font-size:28px;font-weight:bold;margin-bottom:10px;z-index:99;position:relative}.sb-chat-close:hover,.sb-chat-close:focus{color:#000;text-decoration:none;cursor:pointer}.modal-dialog-scrollable .modal-body::-webkit-scrollbar{display:none}.modal-dialog-scrollable .modal-body{-ms-overflow-style:none;scrollbar-width:none}.message-bubble .message-media{width:300px;height:200px;display:inline-block;padding:10px;border-radius:10px;background-color:#f7f7f7}.message-bubble .message-media img{width:100%;height:100%;object-fit:cover;border-radius:10px}.message-bubble .message-media img:hover{cursor:pointer}.message-bubble .message-media .grid-media{position:relative;display:grid;grid-gap:5px;grid-template-columns:auto auto;padding:10px}.message-bubble .message-media .grid-media a,.message-bubble .message-media.disable-media .grid-media img{display:none}.message-bubble .message-media .grid-media a:nth-child(1),
.message-bubble .message-media .grid-media a:nth-child(2),
.message-bubble .message-media .grid-media a:nth-child(3),
.message-bubble .message-media .grid-media a:nth-child(4),
.message-bubble .message-media .grid-media a:last-child,
.message-bubble .message-media.disable-media .grid-media img:nth-child(1),
.message-bubble .message-media.disable-media .grid-media img:nth-child(2),
.message-bubble .message-media.disable-media .grid-media img:nth-child(3),
.message-bubble .message-media.disable-media .grid-media img:nth-child(4) {display:inline-block}.message-bubble .message-media .grid-media .overlay,.message-bubble .message-media.disable-media .grid-media .overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.6);border-radius:10px;text-align:center}.message-bubble .message-media .grid-media .overlay{height:98%}.message-bubble .message-media .grid-media .overlay:hover{cursor:pointer}.message-bubble .message-media .grid-media .overlay span{position:absolute;top:50%;transform:translate(-50%,-50%);font-size:40px;color:#fff;text-align:center}.message-bubble .message-media .grid-media img{max-height:77px}.message-bubble .message-media.disable-media img{-webkit-filter:grayscale(100%);filter:grayscale(100%);opacity:.5}.message-bubble .message-media.disable-media img{height:calc(100% - 16px)}.message-bubble .message-media.disable-media .error-msg,.message-file-main.disable-file .error-msg{border-radius:4px;margin-top:5px;line-height:12px;font-size:9px;color:#f65858;font-weight:500;display:inline-block}.message-bubble .message-media.disable-media .grid-media img{max-height:70px;height:70px;opacity:.3}.message-file-main{display:inline-block;padding:10px;border-radius:10px;background-color:#f7f7f7}.message-file{display:flex;align-items:center;justify-content:space-between}.message-text span{color:red}.message-file .main-left{display:flex;align-items:center}.message-file .main-left .icon{width:50px;height:50px;margin-right:5px}.message-file .main-right .icon{width:20px;height:20px;margin-left:10px}.message-file .main-left .right-cont{text-align:left;width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-file .main-left .right-cont .title,.message-file .main-left .right-cont .size,.message-file .main-left .right-cont .type{color:#777;font-size:14px;line-height:16px}.message-file .main-left .right-cont .size{display:block;font-size:11px}.message-file .main-left .right-cont .type{font-size:13px}.message-file .main-left .icon img,.message-file .main-right .icon img{width:100%;height:100%}.message-file .main-right .icon img{animation:spin 2s linear infinite}@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}.message-file-main.disable-file .message-file .main-right .icon img{animation:none}.message-area .modal-content .msg-search{display:none}.message-area .chat-header .select2-container .select2-selection--single{height:50px}.message-area .chat-header .select2-container--default .select2-selection--single .select2-selection__rendered{line-height:48px}.message-area .chat-header .select2-container--default .select2-selection--single .select2-selection__arrow{height:48px;right:10px}.message-area .chat-area .chat-list-detail{padding-left:0}.message-area .chat-area .chat-list-detail li p{margin-top:0}.sb-message-box textarea.form-control{height:200px;padding:15px;border:1px solid #e9e9e9;background-color:transparent;resize:none;border-radius:7px;font-size:15px}.dropstart .e-button{margin-right:2px!important;padding:10px}.chatbox ul.moreoption li{list-style-type:none;margin-bottom:0}.send-box form .d-flex input{background-color:#f4f6f9;border:none;height:50px;line-height:30px;color:#777}.send-box form .d-flex{display:flex}.delete-single-chat{border:none;padding:12px 32px;color:#fff;border-radius:.25rem;font-size:14px;font-weight:400}.con-chat-list.d-flex.align-items-center{display:flex;align-items:center}.con-chat-list .flex-grow-1 h3{margin-top:0}.flex-grow-1{flex-grow:1}.flex-shrink-0{flex-shrink:0;display:flex}@media (min-width:576px){.modal-dialog-scrollable .modal-content{max-height:calc(100vh - 3.5rem)}}.modal-content{box-shadow:none!important}.chat-header .select2{width:100%!important}