.card-box{background-color:#fff;padding:1.4rem 1.2rem;box-shadow:0 .75rem 6rem rgba(56,65,74,.15);margin-bottom:20px;border-radius:.25rem}.widget-content.searchable-container.grid{width:100%}.chat-container{display:flex}.chat-container .user-container{width:27%;max-width:400px;border-bottom-left-radius:6px;border-top-left-radius:6px;padding:.8rem;background:#f2f7ff}.chat-container .user-container .own-details{text-align:center;position:relative;padding-bottom:1.2rem;border-bottom:1px solid #e0e0e0;margin-bottom:1.2rem}.chat-container .user-container .own-details img{height:60px;width:60px;-o-object-fit:cover;object-fit:cover;border-radius:50%;margin-bottom:10px}.chat-container .user-container .own-details h3{font-size:14px;font-weight:600;margin-bottom:1px}.chat-container .user-container .own-details p{font-size:11px;font-weight:400;margin-bottom:0}.chat-container .user-container .own-details .chat-own-setting{position:absolute;right:0;top:0}.chat-container .user-container .own-details .dropdown:not(.custom-dropdown-icon) .dropdown-menu a.dropdown-item{font-size:12px;font-weight:500;color:#3b3f5c;padding:11px 8px}.chat-container .user-container .teams .team-container{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-start}.chat-container .user-container .teams .single-team{display:flex;flex-direction:column;position:relative;align-items:center;margin:0 5px 10px}.chat-container .user-container .teams .team-user-img img{height:32px;width:32px;border-radius:50%;cursor:pointer}.chat-container .user-container .teams span.online{position:absolute;height:10px;width:10px;background:#00a933;border-radius:50%;top:0;right:0;border:1px solid #fff}.chat-container .user-container .teams span.offline{position:absolute;height:10px;width:10px;background:#ff4800;border-radius:50%;top:0;right:0;border:1px solid #fff}.chat-container .user-container .teams span.team-user-img{height:32px;width:32px;background:#f8d2ff;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#9b05b7;font-size:12px;font-weight:500;cursor:pointer}.chat-headings{font-size:14px;margin-bottom:15px;display:flex;align-items:center;justify-content:space-between}.chat-headings span{font-size:10px;padding-top:3px;color:#00a933}.teams{padding-bottom:.6rem}.user-container .user-list-box{border-right:1px solid #ebedf2;border-bottom-left-radius:6px;background:#fff;border-radius:8px;margin:0 -.4rem 0 -.4rem}.user-container .user-list-box .search{position:relative;padding:13px 0 8px 0;display:flex}.user-container .user-list-box .search .las{font-weight:600;margin:0;cursor:pointer;color:#2262c6;position:absolute;font-size:18px;top:23px;left:30px}.user-container .user-list-box input{border-radius:30px;font-size:12px;width:100%;color:#2262c6;outline:none;padding:0 4px 0 40px;height:36px;background:#e6f0ff;margin:0 12px 0 12px;border:1px solid #e6f0ff;letter-spacing:.5px}.user-container .user-list-box input:focus{box-shadow:none;border:1px solid #b0d0ff}.chat-system .chat-box .chat-input input::-webkit-input-placeholder,.user-container .user-list-box .search input::-webkit-input-placeholder{color:#2262c6;font-weight:500;font-size:12px}.chat-system .chat-box .chat-input input::-moz-placeholder,.user-container .user-list-box .search input::-moz-placeholder{color:#2262c6;font-weight:500;font-size:12px}.chat-system .chat-box .chat-input input:-ms-input-placeholder,.user-container .user-list-box .search input::-moz-placeholder{color:#2262c6;font-weight:500;font-size:12px}.user-container .user-list-box .people{padding:0;position:relative;margin:auto;width:100%;overflow:auto;height:calc(100vh - 310px)}.user-container .user-list-box .people .person{position:relative;width:100%;padding:11px 13px;cursor:pointer;border-bottom:1px solid #e0e6ed;transition:all .3s ease}.user-container .user-list-box .people .person.active{background:#f5f5f5;transition:all .3s ease}.user-container .user-list-box .people .person.border-none{border-bottom:none}.person{display:inline-block}.user-container .user-list-box .people .person .user-info .user-head{width:35px}.user-container .user-list-box .people .person .user-info .user-body{width:calc(100% - 100px)}.user-container .user-list-box .people .person .user-info .user-footer{width:50px}.user-container .user-list-box .people .person .user-info .user-footer span.pinned{background:#8c8c8c;color:#fff;height:14px;width:14px;border-radius:50%;font-size:8px;text-align:center;display:inline-flex;align-items:center;justify-content:center}.user-container .user-list-box .people .person .user-info .user-footer span.chat-count{color:#fff!important;font-size:12px;margin-left:4px;background:#009688!important;height:14px;width:14px;border-radius:50%;font-size:8px;text-align:center;display:inline-flex;align-items:center;justify-content:center;padding-top:1px}.user-container .user-list-box .people .person .user-info .user-footer div{display:flex;align-items:center;justify-content:flex-end}.user-container .user-list-box .people .person .user-info{display:flex}.user-container .user-list-box .people .person .user-info .user-head img{width:35px;height:35px;margin-right:12px;border-radius:50%}.user-container .user-list-box .people .person .user-info .user-body .chat-user-name{font-size:12px;font-weight:700;color:#3b3f5c}.user-container .user-list-box .people .person .user-info .user-body .meta-info .user-meta-time{font-size:12px;position:absolute;top:16px;right:11px;color:#888ea8;font-weight:700;float:right}.user-container .user-list-box .people .person .user-info .f-body .preview{font-size:13px;display:inline-block;overflow:hidden!important;width:70%;white-space:nowrap;text-overflow:ellipsis;color:#888ea8;font-weight:600}.user-container .user-list-box .people .person:hover .user-info .f-head img{box-shadow:0 0 15px 1px rgba(113,106,202,.2)}.user-container .user-list-box .people .person:hover .user-info .f-body .meta-info .chat-user-name{color:#1b55e2}.user-container .user-list-box .people .person.active:after,.user-container .user-list-box .people .person:hover:after{display:none}.chat-container .chat-details{width:50%;border-bottom-left-radius:6px;border-top-left-radius:6px;padding:.8rem 1rem 0;display:flex;flex-direction:column;justify-content:space-between;position:relative}.chat-container .chat-details.empty{display:block;background-image:url(../img/chat-bg.aae45073.png);border-radius:0;width:73%}.chat-container .chat-details.empty p{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;color:#2262c6;padding:.5rem 1rem;font-weight:500;border-radius:5px;font-size:13px}.chat-details .search{position:relative;display:flex}.chat-details .search input{border-radius:6px;font-size:12px;width:100%;color:#2262c6;outline:none;padding:0 4px 0 40px;height:40px;background:#fff;border:1px solid #e0e0e0;letter-spacing:.5px}.chat-details .search input::placeholder{font-size:12px}.chat-details .search input::-moz-placeholder{font-size:12px}.chat-details .search .las{font-weight:600;margin:0;cursor:pointer;color:#2262c6;position:absolute;font-size:18px;top:11px;left:14px}.chat-details .search input:focus{box-shadow:none;border:1px solid #b0d0ff}.chat-details-header{display:flex;align-items:center;justify-content:space-between}.chat-with{padding:0 .2rem}.chat-with p{font-size:14px;color:#d0d0d0;font-weight:400;margin-bottom:0}.chat-with h3{font-size:20px;font-weight:400}.chat-with-options{display:flex;align-items:center}.chat-with-options .chat-with-op,.chat-with-options span{height:32px;width:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#ececec;font-size:18px;margin-left:9px;color:#383838;transition:all .2s ease}.chat-with-options .chat-with-op:hover,.chat-with-options span:hover{background:#383838;color:#ececec;transition:all .2s ease;cursor:pointer}.chat-with-options .chat-with-op:hover>a{color:#ececec!important}.chat-with-options .chat-with-op .dropdown-menu a.dropdown-item{font-size:12px;font-weight:500;color:#3b3f5c;padding:11px 8px}.chatting-container{position:relative;padding-top:10px;margin-top:5px;height:calc(100vh - 190px);max-height:calc(100vh - 190px);overflow-y:auto;margin:0 -.5rem;padding:10px 1rem 30px}.own-chat-container{text-align:right}.own-chat-container .own-chat{width:65%;margin-left:auto}.own-chat-container .own-chat p{color:#2262c6;font-size:11px;font-weight:500;margin-bottom:0;background:#dae8ff;padding:.8rem .8rem;border-radius:50px;border-bottom-right-radius:0;display:inline-block;text-align:left}.own-time{font-size:11px;color:#ccc}.other-chat-container{text-align:left}.other-chat-container .other-chat{width:65%;margin-right:auto}.other-chat-container .other-chat p{color:#676767;font-size:11px;font-weight:500;margin-bottom:0;background:#efefef;padding:.8rem .8rem;border-radius:50px;border-bottom-left-radius:0;display:inline-block;text-align:left}.other-time{font-size:11px;color:#ccc}.own-chat-container.has-file .own-file-container{margin-bottom:0;background:#dae8ff;padding:.8rem .8rem;border-radius:50px;border-bottom-right-radius:0;text-align:left;display:flex;align-items:center;width:-moz-fit-content;width:fit-content;margin-left:auto}.own-chat-container.has-file .own-file-container span{background:#fff;width:30px;height:30px;display:flex;align-items:center;justify-content:center;margin-right:10px;border-radius:8px;font-size:16px;color:#2262c6}.own-chat-container.has-file .own-file-container .file-name{margin-bottom:0;font-size:12px;font-weight:600}.own-chat-container.has-file .own-file-container p.file-msg{margin-bottom:0;font-size:11px;font-weight:500;color:#848484}.own-chat-container .has-file{width:65%;margin-left:auto}.chatting-time{position:relative;margin:15px 0 20px}.chatting-time p{border-bottom:1px solid #efefef;position:relative}.chatting-time span{position:absolute;top:-8px;left:50%;transform:translateX(-50%);background:#fff;padding:0 10px;font-size:10px;font-weight:500;color:#dadada}.chat-input-container{display:flex;align-items:center;justify-content:space-between}.chat-input-container .cic{position:relative;width:80%;padding-right:.6rem}.chat-input-container .cic i{position:absolute;top:51%;transform:translateY(-50%);left:10px;font-size:20px}input.chat-text-input{font-size:12px;border:1px solid #eaeaea;height:45px;width:100%;padding:1rem 2.5rem;border-radius:50px;font-weight:500;color:#676767}.chat-input-container a.send{background:#2262c6;height:40px;width:40px;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:24px;border-radius:25px;cursor:pointer}span.calling-info{text-align:center;margin:20px 0;display:inline-block;font-size:11px;font-weight:500;padding:.2rem 1rem;border:1px dashed hsla(0,0%,40.4%,.28);color:#a9a9a9;border-radius:4px}.chat-user-details{width:23%;max-width:400px;border-bottom-left-radius:6px;border-top-left-radius:6px;padding:.8rem;background:#f2f7ff}.chat-container .chat-user-details .other-details{text-align:center;position:relative;margin-bottom:1.2rem}.chat-container .chat-user-details .other-details img{height:60px;width:60px;-o-object-fit:cover;object-fit:cover;border-radius:50%;margin-bottom:10px}.chat-container .chat-user-details .other-details h3{font-size:14px;font-weight:600;margin-bottom:1px}.chat-container .chat-user-details .other-details p{font-size:11px;font-weight:400;margin-bottom:0}.chat-container .chat-user-details .other-section{padding:.8rem .5rem;border:1px solid #e0e0e0;border-left:0;border-right:0;margin-bottom:1rem}.chat-container .chat-user-details .other-section .chat-headings{font-size:13px;margin-bottom:15px;display:flex;align-items:center;justify-content:space-between}.chat-container .chat-user-details .other-section .single-file{margin-bottom:0;padding-bottom:.5rem;text-align:left;display:flex;align-items:center;cursor:pointer}.chat-container .chat-user-details .other-section .single-file span{font-size:18px;margin-right:7px}.chat-container .chat-user-details .other-section .single-file p.file-name{font-size:11px;font-weight:500;color:#737373;margin-bottom:0}.chat-container .chat-user-details .other-section .single-file p.file-msg{font-size:10px;font-weight:500;color:#b7b7b7;margin-bottom:0}.single-chat-option{margin:0 -.8rem;padding:0 .8rem;transition:all .4s ease}.single-chat-option:hover{background:#dae8ff;transition:all .4s ease}.single-chat-option:hover a{color:#2262c6;cursor:pointer}.single-chat-option:hover a.text-danger{color:#e7515a!important}.single-chat-option a{display:flex;padding:.6rem .5rem;font-size:13px;color:#6d6d6d;font-weight:500;align-items:center}.single-chat-option a i{font-size:16px;margin-right:5px}.chat-calling-div .small-call-window-container{position:fixed;bottom:-200px;z-index:999;left:0;right:0;transition:all .6s ease}.chat-calling-div.start-call .small-call-window-container{position:fixed;bottom:10px;z-index:999;left:0;right:0;transition:all .6s ease}.chat-calling-div .accepted-call.small-call-window-container,.chat-calling-div .accepted-video-call.small-call-window-container{bottom:50%;transform:translateY(50%);transition:all .4s ease;background:rgba(0,0,0,.71);z-index:999;height:100%}.chat-calling-div .accepted-call .d-flex{flex-direction:column}.chat-calling-div .accepted-call .scw-nl-container{margin-left:0;width:100%;text-align:center}.chat-calling-div .small-call-window{width:400px;background-color:#2a1250;border-radius:12px;border:1px solid hsla(0,0%,100%,.09);box-shadow:1px 1px 20px 0 rgba(0,0,0,.6);animation:play 2s ease infinite;backface-visibility:hidden;margin:0 auto;transition:all .4s ease;display:flex;justify-content:space-between;padding:12px 16px}.accepted-call .small-call-window{height:260px;transition:width .7s ease;flex-direction:column;align-items:center}.accepted-call .small-call-window,.accepted-video-call .small-call-window{animation:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.accepted-video-call .small-call-window{height:75%;width:55%;transition:height .4s ease;transition:width .7s ease}.remote-video{position:absolute;top:5%;bottom:0;height:90%;left:50%;transform:translateX(-50%);border-radius:8px}.local-video{width:150px;height:250px}.local-video,.local-video.landscape{position:absolute;-o-object-fit:fill;object-fit:fill;right:10px;bottom:5%;border-radius:8px}.local-video.landscape{width:250px;height:auto}@keyframes play{15%{box-shadow:0 0 0 2px rgba(159,70,255,.4),0 0 0 20px rgba(159,70,255,.2)}25%{box-shadow:0 0 0 10px rgba(159,70,255,.4),0 0 0 20px rgba(159,70,255,.2)}25%{box-shadow:0 0 0 15px rgba(159,70,255,.4),0 0 0 30px rgba(159,70,255,.2)}}.blinking{animation:blinker 1.5s linear infinite}@keyframes blinker{50%{opacity:0}}.scw-flex{display:flex;align-items:center;justify-content:space-between}.accepted-call .scw-flex,.accepted-video-call .scw-flex{display:block;align-items:normal;padding:12px 16px;justify-content:normal;text-align:center;transition:all .4s ease}.accepted-video-call .scw-flex{position:absolute;left:0;right:0;z-index:1;bottom:0;top:unset;transform:translateY(0)}.accepted-call .flex{display:block;text-align:center}.accepted-video-call .flex.ai-center{display:none}img.scw-image{height:55px;border-radius:50%;width:55px;-o-object-fit:cover;object-fit:cover;border:1px solid rgba(117,17,226,.5)}.accepted-call img.scw-image{height:115px;border-radius:50%;width:115px;-o-object-fit:cover;object-fit:cover;margin-bottom:10px;transition:all .4s ease}.ai-center{align-items:center}.scw-nl-container{margin-left:10px}.accepted-call .scw-btn-container{margin-top:20px;transition:all .4s ease}.chat-calling-div p.scw-name{color:#fff;font-weight:300;font-size:.9rem;margin:0}.chat-calling-div p.scw-call-type{color:rgba(243,232,255,.7000000000000001);font-size:.7rem}.chat-calling-div .accepted-call-timer{color:#fff;font-size:12px;margin-bottom:0;display:none}button.accept-call,button.accept-video-call{background:#00a933;display:none}.chat-calling-div button.reject-call,button.accept-call,button.accept-video-call{border:0;width:40px;height:40px;border-radius:50%;font-size:20px;outline:none;color:#fff}.chat-calling-div button.reject-call{background:#ff4800;margin-left:11px;text-align:center;padding-left:8px}.chat-calling-div button.mute-call{background-color:#488aff;border:0;width:40px;height:40px;border-radius:50%;font-size:20px;margin-left:11px;outline:none;text-align:center;padding-left:8px;color:#fff;display:none}.chat-calling-div button.mute-call.active{display:inline-block}.call-user{display:flex;align-items:center}.video-user{display:none;width:100%}.accepted-call .call-user{flex-direction:column}img.client-image{width:100%;height:380px;-o-object-fit:cover;object-fit:cover;margin-bottom:10px}img.own-video-image{position:absolute;right:35px;bottom:20px;height:110px;border-radius:5px}.chat-container .hamburger,.hide-chat-user-details{display:none}.chat-container .chat-user-details .other-section .single-file div{overflow:hidden}.chat-container .chat-user-details .other-section .single-file div p.file-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chat-container .chat-user-details .other-details{overflow:hidden}.chat-container .chat-user-details .other-details h3,.chat-container .chat-user-details .other-details p{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media(max-width:767px){.chat-container{position:relative}.chat-container .user-container{position:absolute;z-index:40;left:-341px;width:265px;transition:all .4s ease}.chat-container .chat-details.empty{height:100vh;width:100%}.chat-container .user-container.opened{left:0;transition:all .4s ease}.chat-user-details{position:absolute;z-index:40;width:100%;right:0;overflow-y:auto;display:none!important;transition:all .5s ease}.chat-user-details.visible{display:block!important;height:100%;transition:all .5s ease}.chat-container .chat-details{width:100%;padding:0}.chat-details-header{flex-direction:column;align-items:flex-start}.chatting-container{margin:1rem -.5rem 0}.hide-chat-user-details{background-color:#515365;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:23px;color:#fff}.chat-input-container .cic{width:70%}.chat-with-options .chat-with-op,.chat-with-options span{height:35px;width:35px;margin-left:0;margin-right:10px}.chat-calling-div.start-call .small-call-window-container{left:10px;right:10px}.chat-calling-div .small-call-window{width:auto}.accepted-call .small-call-window,.accepted-video-call .small-call-window{width:300px}img.client-image{height:65%}.accepted-video-call .scw-flex{text-align:left}.chat-container .chat-details.empty p{position:absolute;top:40%;left:10px;right:10px;transform:translate(0);background:#fff;color:#2262c6;padding:.5rem 1rem;font-weight:500;border-radius:5px;font-size:13px;text-align:center}.chat-container .hamburger{color:#fff;align-self:center;position:fixed;top:128px;right:6px;z-index:78;background-color:#515365;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:23px}}@media (min-width:600px) and (max-width:1068px){.accepted-video-call .small-call-window{width:80%}img.client-image{height:75%}.accepted-video-call .scw-flex{text-align:left}.chat-container .chat-user-details .other-section{padding:.8rem 0}.single-chat-option a{padding:.6rem 0}}