.chat-application .content-area-wrapper .content-right .content-wrapper{padding:0}.chat-application .content-area-wrapper{border:1px solid #dae1e7;border-radius:.25rem}.chat-application .chat-profile-sidebar{background-color:#fff;border-radius:.25rem;border-bottom-right-radius:0;border-right:1px solid #e4e7ed;border-top-right-radius:0;height:calc(100vh - 13rem);height:calc(var(--vh, 1vh)*100 - 13rem);margin:0;position:fixed;transform:translateX(-110%);transition:all .3s ease;width:400px;z-index:6}.chat-application .chat-profile-sidebar.show{transform:translateX(0);transition:all .3s ease}.chat-application .chat-profile-sidebar .chat-profile-header{border-bottom:1px solid rgba(0,0,0,.06);display:flex;text-align:center}.chat-application .chat-profile-sidebar .chat-profile-header .header-profile-sidebar{margin:2rem auto .5rem}.chat-application .chat-profile-sidebar .chat-profile-header .avatar{margin-bottom:1.25rem}.chat-application .chat-profile-sidebar .chat-profile-header .close-icon{cursor:pointer;font-size:1.75rem;position:absolute;right:13px;top:14px}.chat-application .chat-profile-sidebar .profile-sidebar-area .scroll-area{height:calc(100vh - 24.25rem);height:calc(var(--vh, 1vh)*100 - 24.25rem);padding:2rem;position:relative}.chat-application .sidebar-content{border-radius:.25rem;border-bottom-right-radius:0;border-right:1px solid #e4e7ed;border-top-right-radius:0;box-shadow:none;height:calc(100vh - 13rem);height:calc(var(--vh, 1vh)*100 - 13rem);margin:0;width:400px}.chat-application .sidebar-content .sidebar-close-icon{cursor:pointer;font-size:1.25rem;position:absolute;right:.25rem;top:.25rem;visibility:hidden;z-index:1}.chat-application .sidebar-content .chat-fixed-search{border-bottom:1px solid #e4e7ed;padding:.65rem;position:fixed;width:400px}.chat-application .sidebar-content .chat-fixed-search .sidebar-profile-toggle .avatar{display:inline-table;width:40px}.chat-application .sidebar-content .chat-fixed-search input.form-control{height:calc(1.25em + 1.4rem + 4px);padding:.9rem 1rem .9rem 3rem}.chat-application .sidebar-content .chat-fixed-search .form-control-position{top:5px}.chat-application .sidebar-content .chat-fixed-search .form-control-position i{left:9px}.chat-application .sidebar-content .chat-user-list{height:calc(100% - 5rem);margin-top:5rem;width:400px}.chat-application .sidebar-content .chat-user-list ul{margin-bottom:0;padding-left:0}.chat-application .sidebar-content .chat-user-list li{align-items:center;display:flex;justify-content:space-between;margin-right:1px;padding:1.322rem .85rem}.chat-application .sidebar-content .chat-user-list li:not(:first-child){border-top:1px solid #e4e7ed}.chat-application .sidebar-content .chat-user-list li .user-chat-info{display:flex;justify-content:space-between;overflow:hidden;width:100%}.chat-application .sidebar-content .chat-user-list li .contact-info{margin-top:.3rem;width:calc(100% - 1rem - 50px)}.chat-application .sidebar-content .chat-user-list li .contact-info .truncate{margin:0}.chat-application .sidebar-content .chat-user-list li:hover{background:#eee;cursor:pointer}.chat-application .sidebar-content .chat-user-list li.active{background:linear-gradient(118deg,#7367f0,rgba(115,103,240,.7));box-shadow:0 15px 30px 0 rgba(0,0,0,.11),0 5px 15px 0 rgba(0,0,0,.08);color:#fff}.chat-application .sidebar-content .chat-user-list li.active h1,.chat-application .sidebar-content .chat-user-list li.active h2,.chat-application .sidebar-content .chat-user-list li.active h3,.chat-application .sidebar-content .chat-user-list li.active h4,.chat-application .sidebar-content .chat-user-list li.active h5,.chat-application .sidebar-content .chat-user-list li.active h6{color:#fff}.chat-application .sidebar-content .chat-user-list li img{border:2px solid #fff}.chat-application .sidebar-content .card{margin-bottom:0}.chat-application .chat-overlay{border-radius:.25rem;bottom:0;display:block;left:0;position:absolute;right:0;top:0;visibility:hidden;z-index:2}.chat-application .chat-overlay.show{background-color:rgba(0,0,0,.2);visibility:visible}.chat-application .chat-app-window .favorite,.chat-application .chat-app-window .sidebar-toggle{cursor:pointer}.chat-application .chat-app-window .user-chats{height:calc(100vh - 23.5rem);height:calc(var(--vh, 1vh)*100 - 23.5rem);overflow-y:scroll;padding:20px 30px;position:relative;text-align:center}.chat-application .chat-app-window .start-chat-area,.chat-application .chat-app-window .user-chats{background-color:rgba(223,219,229,.361)}.chat-application .chat-app-window .start-chat-area{align-items:center;display:flex;flex-direction:column;height:calc(100vh - 13rem);height:calc(var(--vh, 1vh)*100 - 13rem);justify-content:center}.chat-application .chat-app-window .start-chat-area .start-chat-icon,.chat-application .chat-app-window .start-chat-area .start-chat-text{background:#fff;box-shadow:0 4px 8px 0 rgba(0,0,0,.12),0 2px 4px 0 rgba(0,0,0,.08)!important}.chat-application .chat-app-window .start-chat-area .start-chat-text{border-radius:2rem;cursor:pointer}.chat-application .chat-app-window .start-chat-area .start-chat-icon{border-radius:50%;font-size:4rem;padding:2rem}.chat-application .chat-app-form{background-color:#fff;padding:20px 0}.chat-application .chat{padding:0}.chat-application .chat .message{align-items:center;display:flex}.chat-application .chat .message .message-body{display:block}.chat-application .chat .message .message-body .message-content{background:#fff none;border-radius:.5rem;box-shadow:0 4px 8px 0 rgba(0,0,0,.12),0 2px 4px 0 rgba(0,0,0,.08);clear:both;color:#626262;display:block;margin:0 0 10px 20px;max-width:600px;min-width:250px;padding:.75rem 1rem;text-align:left}.chat-application .chat .message .message-body .message-content>.from_to,.chat-application .chat .message .message-body .message-content>.timestamp{font-size:10px}.chat-application .chat .message .message-body .message-content>.timestamp{text-align:right}.chat-application .chat .message .message-body .message-content .content,.chat-application .chat .message .message-body .message-content p{margin:0}.chat-application .chat .message.message-right{justify-content:flex-end}.chat-application .chat .message.message-right .message-body .message-content{background:linear-gradient(118deg,#7367f0,rgba(115,103,240,.7));color:#fff;text-align:left}.chat-application .user-profile-sidebar{background-color:#fff;border-radius:.25rem;border-bottom-left-radius:0;border-right:1px solid #e4e7ed;border-top-left-radius:0;bottom:5.25rem;height:calc(100vh - 13rem);height:calc(var(--vh, 1vh)*100 - 13rem);margin:0;opacity:0;position:fixed;right:4.2rem;transform:translateX(110%);transition:all .3s ease;width:400px;z-index:6}.chat-application .user-profile-sidebar.show{opacity:1;transform:translateX(7%);transition:all .3s ease}.chat-application .user-profile-sidebar .user-profile-header{border-bottom:1px solid rgba(0,0,0,.06);display:flex;text-align:center}.chat-application .user-profile-sidebar .user-profile-header .header-profile-sidebar{margin:2rem auto .5rem}.chat-application .user-profile-sidebar .user-profile-header .avatar{margin-bottom:1.25rem}.chat-application .user-profile-sidebar .user-profile-header .close-icon{cursor:pointer;font-size:1.75rem;position:absolute;right:13px;top:14px}.chat-application .user-profile-sidebar .user-profile-sidebar-area{height:calc(100vh - 24.25rem);height:calc(var(--vh, 1vh)*100 - 24.25rem);position:relative}@media (max-width:767.98px){.chat-application .chat-app-window{height:calc(100% - 132px)}.chat-application .sidebar-content .sidebar-close-icon{visibility:visible}}@media (max-width:575.98px){.chat-application .sidebar-content{left:-4px!important;width:260px}.chat-application .chat-profile-sidebar,.chat-application .sidebar-content .chat-fixed-search,.chat-application .sidebar-content .chat-user-list{width:260px}.chat-application .user-profile-sidebar{right:2.35rem;width:260px}}@media (max-width:991.98px){.content-right{width:100%}.chat-application .sidebar-content{left:0;left:-2px;position:fixed;transform:translateX(-110%);transition:all .3s ease-in-out;z-index:5}.chat-application .sidebar-content.show{display:block;transform:translateX(8.5%);transition:all .3s ease}}@media (max-width:349.98px){.chat-application .sidebar-content{left:-2px!important;width:230px}.chat-application .chat-profile-sidebar,.chat-application .sidebar-content .chat-fixed-search,.chat-application .sidebar-content .chat-user-list,.chat-application .user-profile-sidebar{width:230px}}@media (max-width:700px){.chat .message .message-avatar{display:none}.chat .message .message-body .message-content{margin:0 0 10px!important;min-width:auto!important}.chat-app-form .chat-app-input{flex-wrap:wrap}.chat-app-form .chat-app-input>*{margin-top:5px}.chat-app-form .chat-app-input>:first-child{margin-top:0}.chat-application .chat-app-window .user-chats{padding:10px}.chat-application .chat-app-window .start-chat-area .start-chat-text{font-size:.96rem}.chat-application .chat-app-window .start-chat-area .start-chat-icon{font-size:2rem;padding:1rem}}