.chat-application .chat-content-head{height:65px;position:relative;top:35px}.chat-application .chat-content-head .header-details .app-header-icon{font-size:2rem;vertical-align:bottom}.chat-application .sidenav-trigger{display:none}.chat-application .small-icons{font-size:1.25rem;line-height:1.65rem}.chat-application .truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:175px}.chat-application .app-chat .chat-content{display:flex}.chat-application .app-chat .chat-content .sidebar-left{border-right:1px solid #eee}.chat-application .app-chat .chat-content .sidebar{width:360px}.chat-application .app-chat .chat-content .sidebar .sidebar-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:1rem}.chat-application .app-chat .chat-content .sidebar .sidebar-header .option-icon i.material-icons{color:#9e9e9e;cursor:pointer;font-size:1.85rem}.chat-application .app-chat .chat-content .sidebar .info-text{color:#616161;font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:175px}.chat-application .app-chat .chat-content .sidebar .sidebar-search{align-items:center;display:flex;justify-content:space-between;padding:1rem}.chat-application .app-chat .chat-content .sidebar .sidebar-search .search-area{align-items:center;display:flex;width:calc(100% - 4rem)}.chat-application .app-chat .chat-content .sidebar .sidebar-search .search-area .search-icon{background-color:#eceff1;border-radius:2rem;border-bottom-right-radius:0;border-top-right-radius:0;color:#9e9e9e;font-size:1.45rem;height:41px;margin-right:0!important;padding:.75rem .25rem .35rem .75rem}.chat-application .app-chat .chat-content .sidebar .sidebar-search .search-area .app-filter{background-color:#eceff1;border:none;border-radius:2rem;border-bottom-left-radius:0;border-top-left-radius:0;color:#9e9e9e;flex:1;height:35px;margin-bottom:0;padding:.2rem}.chat-application .app-chat .chat-content .sidebar .sidebar-search .search-area .app-filter:focus{border-bottom:none!important;box-shadow:none}.chat-application .app-chat .chat-content .sidebar .sidebar-search .search-area .app-filter::-moz-placeholder{color:#9e9e9e;opacity:1}.chat-application .app-chat .chat-content .sidebar .sidebar-search .search-area .app-filter::placeholder{color:#9e9e9e;opacity:1}.chat-application .app-chat .chat-content .sidebar .sidebar-search .search-area .app-filter:-ms-input-placeholder{color:#9e9e9e}.chat-application .app-chat .chat-content .sidebar .sidebar-search .search-area .app-filter::-ms-input-placeholder{color:#9e9e9e}.chat-application .app-chat .chat-content .sidebar .sidebar-search .add-user i.add-user-icon{background:#212121;border-radius:50%;color:#fff;font-size:1.45rem;padding:.6rem}.chat-application .app-chat .chat-content .sidebar .sidebar-chat{height:calc(100vh - 365px);overflow:hidden;position:relative}.chat-application .app-chat .chat-content .sidebar .sidebar-chat .chat-list .chat-user{border-right:3px solid transparent;cursor:pointer;display:flex;margin-bottom:1px;padding:1rem}.chat-application .app-chat .chat-content .sidebar .sidebar-chat .chat-list .chat-user.active{background-color:#eceff1;border-right:3px solid #212121}.chat-application .app-chat .chat-content .sidebar .sidebar-chat .chat-list .chat-user:hover{background-color:#fafafa}.chat-application .app-chat .chat-content .sidebar .sidebar-chat .chat-list .chat-user .info-section{align-items:flex-end;display:flex;flex-direction:column}.chat-application .app-chat .chat-content .sidebar .sidebar-chat .chat-list .chat-user .info-section .star-timing{align-items:center;display:flex;justify-content:flex-end;width:75px}.chat-application .app-chat .chat-content .sidebar .sidebar-chat .chat-list .chat-user .info-section .star-timing .favorite{line-height:0;margin-right:.35rem}.chat-application .app-chat .chat-content .sidebar .sidebar-chat .chat-list .chat-user .info-section .star-timing .time{color:#616161;font-size:.75rem}.chat-application .app-chat .chat-content .sidebar .sidebar-chat .chat-list .chat-user .info-section .badge{font-size:.75rem;margin-top:.25rem;width:20px}.chat-application .app-chat .chat-content .media-image.away,.chat-application .app-chat .chat-content .media-image.offline,.chat-application .app-chat .chat-content .media-image.online{align-items:flex-end;display:block;flex-direction:column}.chat-application .app-chat .chat-content .media-image.away:after,.chat-application .app-chat .chat-content .media-image.offline:after,.chat-application .app-chat .chat-content .media-image.online:after{border-radius:50%;box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.8);content:"";height:12px;margin-top:-10px;width:12px}.chat-application .app-chat .chat-content .media-image.away.online:after,.chat-application .app-chat .chat-content .media-image.offline.online:after,.chat-application .app-chat .chat-content .media-image.online.online:after{background-color:#4caf50}.chat-application .app-chat .chat-content .media-image.away.away:after,.chat-application .app-chat .chat-content .media-image.offline.away:after,.chat-application .app-chat .chat-content .media-image.online.away:after{background-color:#ff9800}.chat-application .app-chat .chat-content .media-image.away.offline:after,.chat-application .app-chat .chat-content .media-image.offline.offline:after,.chat-application .app-chat .chat-content .media-image.online.offline:after{background-color:#f44336}.chat-application .app-chat .chat-content .chat-content-area{overflow:hidden;width:100%}.chat-application .app-chat .chat-content .chat-content-area .chat-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:1rem}.chat-application .app-chat .chat-content .chat-content-area .chat-header .media-image img{max-width:49px}.chat-application .app-chat .chat-content .chat-content-area .chat-header .chat-text{color:#616161;font-size:.85rem}.chat-application .app-chat .chat-content .chat-content-area .chat-header .option-icon{display:flex;justify-content:space-around;width:125px}.chat-application .app-chat .chat-content .chat-content-area .chat-header .option-icon i{color:#9e9e9e;cursor:pointer}.chat-application .app-chat .chat-content .chat-content-area .chat-area{background:url(/images/chat-bg.jpg?c7b0d7c168b2285a81e7d7b4dc6d90fb) repeat scroll 0 0;height:calc(100vh - 380px);overflow:hidden;padding:1rem;position:relative}.chat-application .app-chat .chat-content .chat-content-area .chat-area .chats{padding:0}.chat-application .app-chat .chat-content .chat-content-area .chat-area .chats .chat{display:flex;justify-content:flex-start;margin:.5rem 1rem}.chat-application .app-chat .chat-content .chat-content-area .chat-area .chats .chat.chat-right{justify-content:flex-end}.chat-application .app-chat .chat-content .chat-content-area .chat-area .chats .chat.chat-right .chat-avatar{order:2}.chat-application .app-chat .chat-content .chat-content-area .chat-area .chats .chat.chat-right .chat-body{align-items:flex-end;display:flex;flex-direction:column}.chat-application .app-chat .chat-content .chat-content-area .chat-area .chats .chat.chat-right .chat-body .chat-content{text-align:right}.chat-application .app-chat .chat-content .chat-content-area .chat-area .chats .chat.chat-right .chat-body .chat-text{flex-direction:row-reverse}.chat-application .app-chat .chat-content .chat-content-area .chat-area .chats .chat.chat-right .chat-body .chat-text p{background-color:#3f51b5;color:#fff}.chat-application .app-chat .chat-content .chat-content-area .chat-area .chats .chat.chat-right .chat-body .chat-text:first-child:before{border-bottom-color:transparent;border-left-color:transparent;border-right-color:#3f51b5!important;border-top-color:#3f51b5!important;box-shadow:2px -2px 4px -3px rgba(0,0,0,.4);box-sizing:border-box;transform:rotate(45deg);transform-origin:3px -5px}.chat-application .app-chat .chat-content .chat-content-area .chat-area .chats .chat.chat-right .chat-body .chat-text:not(:first-child){margin-right:2rem}.chat-application .app-chat .chat-content .chat-content-area .chat-area .chats .chat .chat-avatar .avatar img{width:40px}.chat-application .app-chat .chat-content .chat-content-area .chat-area .chats .chat .chat-body{align-items:flex-start;display:flex;flex-direction:column}.chat-application .app-chat .chat-content .chat-content-area .chat-area .chats .chat .chat-body .chat-text{display:flex;margin:0 1rem 1rem}.chat-application .app-chat .chat-content .chat-content-area .chat-area .chats .chat .chat-body .chat-text p{background-color:#fff;border-radius:5px;box-shadow:1px 1px 10px 0 rgba(0,0,0,.14);color:#757575;max-width:400px;padding:.5rem 1rem}.chat-application .app-chat .chat-content .chat-content-area .chat-area .chats .chat .chat-body .chat-text:first-child:before{border-color:transparent transparent #fff #fff;border-style:solid;border-width:7px;box-shadow:-2px 3px 4px -3px rgba(0,0,0,.4);box-sizing:border-box;content:"";height:0;margin-top:10px;transform:rotate(45deg);transform-origin:12px 18px;width:0}.chat-application .app-chat .chat-content .chat-content-area .chat-area .chats .chat .chat-body .chat-text:not(:first-child){margin-left:2rem}.chat-application .app-chat .chat-content .chat-content-area .chat-footer{margin:1rem}.chat-application .app-chat .chat-content .chat-content-area .chat-footer .chat-input{display:flex;justify-content:space-between}.chat-application .app-chat .chat-content .chat-content-area .chat-footer .chat-input i{line-height:2}.chat-application .app-chat .chat-content .chat-content-area .chat-footer .chat-input .message{background-color:#eceff1;border-bottom:0;border-radius:5px;color:#9e9e9e;margin-right:1.5rem;padding:0 1.5rem}.chat-application .app-chat .chat-content .chat-content-area .chat-footer .chat-input .message:focus{border-bottom:0;box-shadow:none}.chat-application .app-chat .chat-content .chat-content-area .chat-footer .chat-input .message::-moz-placeholder{color:#9e9e9e;opacity:1}.chat-application .app-chat .chat-content .chat-content-area .chat-footer .chat-input .message::placeholder{color:#9e9e9e;opacity:1}.chat-application .app-chat .chat-content .chat-content-area .chat-footer .chat-input .message:-ms-input-placeholder{color:#9e9e9e}.chat-application .app-chat .chat-content .chat-content-area .chat-footer .chat-input .message::-ms-input-placeholder{color:#9e9e9e}.chat-application .app-chat .chat-content .chat-content-area .chat-footer .chat-input .send{border-radius:.25rem;height:42px;padding:.3rem 3rem .3rem 2.5rem}.chat-application .app-chat .sidenav-trigger{display:none;position:absolute;top:102px}.chat-application .no-data-found{display:none}.chat-application .no-data-found.show{display:block}.page-header-dark .chat-application .app-chat .sidenav-trigger i,.page-header-dark .chat-application .chat-content-head .header-details .sidebar-title,.page-header-dark .chat-application .chat-content-head .header-details .sidebar-title .app-header-icon{color:#fff}@media screen and (max-width:899px){.horizontal-layout .app-chat .sidebar .sidebar-content .sidebar-menu#sidebar-list{height:auto}}@media(min-width:900px){.chat-application .app-sidebar{transform:none!important}}@media(max-width:900px){.sidenav-overlay{z-index:995}.chat-application .app-sidebar{transform:translateX(-105%);width:320px}.chat-application .chat-content-head .header-details{margin-left:3rem}.chat-application .app-chat .sidenav-trigger{display:block!important}.chat-application .app-chat .chat-content{display:block}.chat-application .app-chat .chat-content .sidebar .sidebar-chat{height:calc(100vh - 225px)}.chat-application .app-chat .chat-content .sidebar #sidebar-list.sidebar-show{z-index:996}}@media(max-width:600px){.sidebar .sidebar-content .sidenav{top:56px!important}.chat-application .app-chat .sidenav-trigger{top:93px}}@media only screen and (min-device-width:1024px)and (max-device-width:1366px){.chat-application .app-chat .chat-content .sidebar{width:300px}}@media screen and (max-width:540px){.chat-application .app-chat .chat-content .chat-content-area .chat-footer .chat-input .send{padding-left:1.8rem}}@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active){.chat-application .app-chat .chat-content .chat-content-area .chat-area .chats .chat .chat-body :first-child.chat-text:before{content:none}.chat-application .app-chat .chat-content .chat-content-area .chat-area .chats .chat .chat-body :not(:first-child).chat-text{margin-left:1rem}.chat-application .app-chat .chat-content .chat-content-area .chat-area .chats .chat-right.chat .chat-body :not(:first-child).chat-text{margin-right:1rem}}