.chat-application .content-area-wrapper {
    border: 1px solid #ebe9f1;
    border-radius: .428rem
}

.chat-application .chat-profile-sidebar {
    background-color: #fff;
    border-radius: .25rem;
    border-bottom-right-radius: 0;
    border-right: 1px solid #ebe9f1;
    border-top-right-radius: 0;
    height: inherit;
    position: absolute;
    transform: translateX(-110%);
    transition: all .3s ease, background 0s, border 0s, color 0s;
    width: 360px;
    z-index: 6
}

.chat-application .chat-profile-sidebar.show {
    transform: translateX(0);
    transition: all .3s ease, background 0s, border 0s, color 0s
}

.chat-application .chat-profile-sidebar .chat-profile-header {
    align-items: center;
    display: flex;
    height: 200px;
    justify-content: center;
    text-align: center
}

.chat-application .chat-profile-sidebar .chat-profile-header .avatar {
    margin-bottom: 1.25rem
}

.chat-application .chat-profile-sidebar .profile-sidebar-area {
    height: calc(100% - 200px);
    padding: 0 2rem 1.5rem;
    position: relative
}

.chat-application .close-icon {
    cursor: pointer;
    position: absolute;
    right: 1rem;
    top: .85rem
}

.chat-application .close-icon i,
.chat-application .close-icon svg,
.chat-application .sidebar-close-icon i,
.chat-application .sidebar-close-icon svg {
    font-size: 1.143rem;
    height: 1.143rem;
    width: 1.143rem
}

.chat-application .avatar-border img {
    border: 2px solid #fff
}

.chat-application .sidebar-content {
    background-color: #fff;
    border-radius: .25rem;
    border-bottom-right-radius: 0;
    border-right: 1px solid #ebe9f1;
    border-top-right-radius: 0;
    box-shadow: none;
    height: inherit;
    margin: 0;
    width: 360px
}

.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 #ebe9f1;
    display: flex;
    height: 65px;
    padding: 0 1.286rem;
    width: 360px
}

.chat-application .sidebar-content .chat-fixed-search .sidebar-profile-toggle .avatar {
    display: inline-table
}

.chat-application .sidebar-content .chat-fixed-search .input-group:focus-within {
    background-color: transparent;
    box-shadow: none
}

.chat-application .sidebar-content .chat-list-title {
    color: #7367f0;
    margin: 2rem 1.286rem .5rem
}

.chat-application .sidebar-content .chat-user-list-wrapper {
    border-radius: 0;
    height: calc(100% - 65px);
    position: relative;
    width: 360px
}

.chat-application .sidebar-content .chat-user-list-wrapper .avatar {
    height: 42px
}

.chat-application .sidebar-content .chat-user-list-wrapper .avatar [class*=avatar-status-] {
    bottom: 1px;
    right: 1px
}

.chat-application .sidebar-content .chat-user-list-wrapper .contact-list .chat-info {
    padding-right: 0;
    width: calc(100% - 46px)
}

.chat-application .sidebar-content .chat-user-list-wrapper .no-results {
    display: none!important;
    padding: .786rem 1.286rem
}

.chat-application .sidebar-content .chat-user-list-wrapper .no-results.show {
    display: block!important
}

.chat-application .sidebar-content .chat-user-list-wrapper ul {
    margin-bottom: 0;
    padding-left: 0
}

.chat-application .sidebar-content .chat-user-list-wrapper li {
    display: flex;
    padding: .786rem 1.286rem
}

.chat-application .sidebar-content .chat-user-list-wrapper li .chat-info {
    margin-top: .3rem;
    padding: 0 .75rem;
    width: calc(100% - 92px)
}

.chat-application .sidebar-content .chat-user-list-wrapper li .chat-info .card-text,
.chat-application .sidebar-content .chat-user-list-wrapper li .chat-info p,
.chat-application .sidebar-content .chat-user-list-wrapper li .chat-time {
    color: #aaabb4
}

.chat-application .sidebar-content .chat-user-list-wrapper li:hover {
    background: #f8f8f8;
    cursor: pointer
}

.chat-application .sidebar-content .chat-user-list-wrapper li.active {
    background-image: linear-gradient(80deg, #7367f0, #9e95f5)
}

.chat-application .sidebar-content .chat-user-list-wrapper li.active .card-text,
.chat-application .sidebar-content .chat-user-list-wrapper li.active .chat-time,
.chat-application .sidebar-content .chat-user-list-wrapper li.active h1,
.chat-application .sidebar-content .chat-user-list-wrapper li.active h2,
.chat-application .sidebar-content .chat-user-list-wrapper li.active h3,
.chat-application .sidebar-content .chat-user-list-wrapper li.active h4,
.chat-application .sidebar-content .chat-user-list-wrapper li.active h5,
.chat-application .sidebar-content .chat-user-list-wrapper li.active h6 {
    color: #fff
}

.chat-application .sidebar-content .chat-user-list-wrapper li img {
    border: 2px solid #fff
}

.chat-application .chat-app-window {
    height: 100%
}

.chat-application .chat-app-window .start-chat-area,
.chat-application .chat-app-window .user-chats {
    background-color: #f2f0f7;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjAiIHk9IjAiIHZpZXdCb3g9IjAgMCAyNjAgMjYwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyNjAgMjYwIiB4bWw6c3BhY2U9InByZXNlcnZlIj48c3R5bGU+LnN0MHtmaWxsLXJ1bGU6ZXZlbm9kZDtjbGlwLXJ1bGU6ZXZlbm9kZDtmaWxsOiNlMWUwZTl9PC9zdHlsZT48ZyBpZD0iaS1saWtlLWZvb2QiPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0yNC40IDE2Yy4yLjYuNCAxLjMuNSAyaC0zLjdsMS4yIDIuMy41LjktLjIuMVYyOGMyLjIgMS43IDIuNyA0LjggMSA3LS44IDEtMS45IDEuNy0zLjIgMS45di4xYy0uOSAzLjUtNC4xIDYtNy44IDZoLTIwYy0zLjYgMC02LjgtMi41LTcuNy02di0uMWMtMi43LS40LTQuNi0zLTQuMi01LjcuMi0xLjMuOS0yLjUgMS45LTMuMnYtNi44bC0uOC0xLjYtLjQtLjkuOS0uNC42LS4zaC0zQy0xNy4yIDUuNi00LjktMi4yIDcuNS42IDE1LjQgMi4zIDIxLjkgOC4yIDI0LjQgMTZ6bS0zNi44IDJjLS4yIDAtLjMgMC0uNC4xbC0zLjEgMS42LjkgMS44IDEuMy0uN2MuOC0uNCAxLjgtLjQgMi43IDBsMi4yIDEuMWMuMy4xLjYuMS45IDBsMi4yLTEuMWMuOC0uNCAxLjgtLjQgMi43IDBsMi4yIDEuMWMuMy4xLjYuMS45IDBsMi4yLTEuMWMuOC0uNCAxLjgtLjQgMi43IDBsMi4yIDEuMWMuMi4xLjUuMS44IDBsMi45LTEuM2MuOC0uMyAxLjctLjMgMi40IDBsMi45IDEuM2MuMy4xLjYuMS45IDBsMy4xLTEuNS0uOS0xLjgtMS40LjdjLS44LjQtMS43LjQtMi42LjFsLTIuOC0xLjJjLS4yLS4yLS4zLS4yLS40LS4yLS4xIDAtLjMgMC0uNC4xbC0yLjggMS4yYy0uOC40LTEuOC4zLTIuNi0uMUw0IDE4LjFjLS4xLS4xLS4zLS4xLS40LS4xLS4yIDAtLjMgMC0uNC4xTDEgMTkuMmMtLjguNC0xLjguNC0yLjcgMEwtNCAxOC4xYy0uMS0uMS0uMy0uMS0uNC0uMS0uMiAwLS4zIDAtLjQuMUwtNyAxOS4yYy0uOC40LTEuOC40LTIuNyAwbC0yLjItMS4xYy0uMi0uMS0uNC0uMS0uNS0uMXptMC0yaC00LjlDLTEzLjUgNS4xLTEuNS0uNyA5LjUgMy4yYzYgMi4xIDEwLjcgNi44IDEyLjggMTIuOGgtMi4xbC0uMS0uMS0uMi4xaC0zMi4zem0zMC4zIDcuNyAxLjQtLjdoMS4zdjJoLTM2di0xLjFsLjMtLjIgMS40LS43aDIuNmwxLjQuN2MuOC40IDEuOC40IDIuNyAwbDEuNC0uN0gtM2wxLjQuN2MuOC40IDEuOC40IDIuNyAwbDEuMi0uN2gyLjZsMS40LjdjLjcuNCAxLjcuNCAyLjUgMGwxLjctLjdoMy4ybDEuNy43Yy44LjQgMS43LjQgMi41IDB6TS0xMy44IDI3bDE2LjQgNC45TDE4LjkgMjdoLTMyLjd6bS0uNiAyaC4zbDE2LjcgNSAxNi43LTVoLjNjMS43IDAgMyAxLjMgMyAzcy0xLjMgMy0zIDNoLTM0Yy0xLjcgMC0zLTEuMy0zLTNzMS4zLTMgMy0zem0xLjMgOGMuOCAyLjQgMy4xIDQgNS43IDRoMjBjMi41IDAgNC44LTEuNiA1LjctNGgtMzEuNHoiLz48cGF0aCBpZD0icGF0aDZfZmlsbC1jb3B5IiBjbGFzcz0ic3QwIiBkPSJNMjg0LjQgMTZjLjIuNi40IDEuMy41IDJoLTMuN2wxLjIgMi4zLjUuOS0uMi4xVjI4YzIuMiAxLjcgMi43IDQuOCAxIDctLjggMS0xLjkgMS43LTMuMiAxLjl2LjFjLS45IDMuNS00LjEgNi03LjggNmgtMjBjLTMuNiAwLTYuOC0yLjUtNy43LTZ2LS4xYy0yLjctLjQtNC42LTMtNC4yLTUuNy4yLTEuMy45LTIuNSAxLjktMy4ydi02LjhsLS44LTEuNi0uNC0uOS45LS40LjYtLjNoLTNDMjQyLjggNS42IDI1NS4xLTIuMiAyNjcuNS42YzcuOSAxLjcgMTQuNCA3LjYgMTYuOSAxNS40em0tMzYuOSAyYy0uMiAwLS4zIDAtLjQuMWwtMy4xIDEuNi45IDEuOCAxLjMtLjdjLjgtLjQgMS44LS40IDIuNyAwbDIuMiAxLjFjLjMuMS42LjEuOSAwbDIuMi0xLjFjLjgtLjQgMS44LS40IDIuNyAwbDIuMiAxLjFjLjMuMS42LjEuOSAwbDIuMi0xLjFjLjgtLjQgMS44LS40IDIuNyAwbDIuMiAxLjFjLjMuMS42LjEuOSAwbDIuOS0xLjNjLjgtLjMgMS43LS4zIDIuNCAwbDIuOSAxLjNjLjMuMS42LjEuOSAwbDMuMS0xLjUtLjktMS44LTEuNC43Yy0uOC40LTEuNy40LTIuNi4xbC0yLjgtMS4yYy0uMS0uMS0uMy0uMS0uNC0uMS0uMSAwLS4zIDAtLjQuMWwtMi44IDEuMmMtLjguNC0xLjguMy0yLjYtLjFsLTIuMy0xLjFjLS4xLS4xLS4zLS4xLS41LS4xcy0uMyAwLS40LjFsLTIuMiAxLjFjLS44LjQtMS44LjQtMi43IDBsLTIuMi0xLjFjLS4xLS4xLS4zLS4xLS40LS4xLS4yIDAtLjMgMC0uNC4xbC0yLjIgMS4xYy0uOC40LTEuOC40LTIuNyAwbC0yLjItMS4xYy0uMi0uMi0uNC0uMi0uNi0uMnptMC0yaC00LjljMy45LTEwLjkgMTUuOS0xNi43IDI2LjgtMTIuOCA2IDIuMSAxMC43IDYuOCAxMi44IDEyLjhoLTIuMWwtLjEtLjEtLjMuMWgtMzIuMnptMzAuNCA3LjcgMS40LS43aDEuM3YyaC0zNnYtMS4xbC4zLS4yIDEuNC0uN2gyLjZsMS40LjdjLjguNCAxLjguNCAyLjcgMGwxLjQtLjdoMi42bDEuNC43Yy44LjQgMS44LjQgMi43IDBsMS40LS43aDIuNmwxLjQuN2MuOC40IDEuNy40IDIuNi4xbDEuNy0uN2gzLjJsMS43LjdjLjUuMyAxLjQuMyAyLjItLjF6TTI0Ni4yIDI3bDE2LjQgNC45TDI3OSAyN2gtMzIuOHptLS43IDJoLjNsMTYuNyA1IDE2LjctNWguM2MxLjcgMCAzIDEuMyAzIDNzLTEuMyAzLTMgM2gtMzRjLTEuNyAwLTMtMS4zLTMtM3MxLjQtMyAzLTN6bTEuNCA4Yy44IDIuNCAzLjEgNCA1LjYgNGgyMGMyLjUgMCA0LjgtMS42IDUuNy00aC0zMS4zeiIvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xNTkuNSAyMWMtMS4zLTMuNi00LjctNi04LjUtNmgtNDJjLTMuOCAwLTcuMiAyLjQtOC41IDYtMy4zLjMtNS44IDMuMi01LjUgNi41LjIgMi45IDIuNiA1LjIgNS41IDUuNS0xLjcgNC43LjggOS44IDUuNCAxMS41IDEgLjMgMiAuNSAzIC41aDQyYzUgMCA5LTQgOS05IDAtMS0uMi0yLjEtLjUtMyAzLjMtLjMgNS44LTMuMiA1LjUtNi41LS4yLTIuOS0yLjUtNS4yLTUuNC01LjV6bS04LjUtNGgtNDJjLTIuNyAwLTUuMiAxLjYtNi4zIDRoNTQuN2MtMS4yLTIuNC0zLjctNC02LjQtNHptLTkuMyAyNmMyLjEtMS43IDMuMy00LjMgMy4zLTdoLTJjMCAzLjktMy4xIDctNyA3aC00LjNjMi4xLTEuNyAzLjMtNC4zIDMuMy03aC0yYzAgMy45LTMuMSA3LTcgN2gtNC4zYzIuMS0xLjcgMy4zLTQuMyAzLjMtN2gtMmMwIDMuOS0zLjEgNy03IDdoLTdjLTMuOSAwLTctMy4xLTctN3MzLjEtNyA3LTdoNDJjMy45IDAgNyAzLjEgNyA3cy0zLjEgNy03IDdoLTkuM3pNMTA5IDI3Yy0zIDAtNS44IDEuNS03LjUgNGgtLjVjLTIuMiAwLTQtMS44LTQtNHMxLjgtNCA0LTRoNThjMi4yIDAgNCAxLjggNCA0cy0xLjggNC00IDRoLS41Yy0xLjctMi41LTQuNS00LTcuNS00aC00MnpNMzkgMTE1YzQuNCAwIDgtMy42IDgtOHMtMy42LTgtOC04LTggMy42LTggOCAzLjYgOCA4IDh6bTYtOGMwIDMuMy0yLjcgNi02IDZzLTYtMi43LTYtNiAyLjctNiA2LTYgNiAyLjcgNiA2em0tMy0yOXYtMmg4di02SDQwYy0yLjIgMC00IDEuOC00IDR2MTBIMjJsLTEuMyA0LS43IDJoMi4ybDMuOCA0MGgyNmwzLjgtNDBINThsLS43LTItMS4zLTRINDJ2LTZ6bS00LTR2MTBoMlY3NGg4di0yaC04Yy0xLjEgMC0yIC45LTIgMnptMiAxMmgxNC42bC43IDJIMjIuOGwuNy0ySDQwem0xMy44IDRIMjQuMmwzLjYgMzhoMjIuNGwzLjYtMzh6TTEyOSA5MmgtNnY0aC02djRoLTZ2MTRoLTNsLjIgMiAzLjggMzJoMzZsMy44LTMyIC4yLTJoLTN2LTE0aC02di00aC02di00aC04em0xOCAyMnYtMTJoLTR2NGgzdjhoMXptLTMgMHYtNmgtNHY2aDR6bS02IDZ2LTE2aC00djE5LjJjMS42LS43IDMtMS44IDQtMy4yem0tNiAzLjhWMTAwaC00djIzLjhjMS4zLjMgMi43LjMgNCAwem0tNi0uNlYxMDRoLTR2MTZjMSAxLjQgMi40IDIuNSA0IDMuMnptLTYtOS4ydi02aC00djZoNHptLTYgMHYtOGgzdi00aC00djEyaDF6bTI3LTEydi00aC00djRoM3Y0aDF2LTR6bS02IDB2LThoLTR2NGgzdjRoMXptLTYtNHYtNGgtNHY4aDF2LTRoM3ptLTYgNHYtNGgtNHY4aDF2LTRoM3ptNyAyNGM1LjkgMCAxMC45LTQuMiAxMS44LTEwaDcuOWwtMy41IDMwaC0zMi40bC0zLjUtMzBoNy45Yy45IDUuOCA1LjkgMTAgMTEuOCAxMHpNMjEyIDg2djJoLTR2LTJoNHptNCAwaC0ydjJoMnYtMnptLTIwIDBjLTIuNy43LTQuNSAzLjMtMy45IDYgLjQgMS44IDEuNiAzLjIgMy4zIDMuOGwuMS4yIDEuMSA0LjVjLjIuOSAxIDEuNSAxLjkgMS41bDcgMjQuNmMuMi45IDEgMS40IDEuOSAxLjRoNWMuOSAwIDEuNy0uNiAxLjktMS40bDctMjQuNmMuOSAwIDEuNy0uNiAxLjktMS41bDEuMS00LjUuMS0uMmMyLjYtLjkgNC4xLTMuNyAzLjItNi4zLS42LTEuNy0yLTMtMy44LTMuM1Y4NmMwLTcuNy02LjMtMTQtMTQtMTRTMTk2IDc4LjMgMTk2IDg2em00IDBoNnYyaC05Yy0xLjcgMC0zIDEuMy0zIDNzMS4zIDMgMyAzaDI2YzEuNyAwIDMtMS4zIDMtM3MtMS4zLTMtMy0zaC0zdi0yaDJjMC02LjYtNS40LTEyLTEyLTEycy0xMiA1LjQtMTIgMTJoMnptLTEuNCAxNC0xLTRoMjQuOWwtMSA0aC0yMi45em04LjkgMjYtNi45LTI0aDE4LjdsLTYuOSAyNGgtNC45ek0xNTAgMjQyYzEyLjIgMCAyMi05LjggMjItMjJzLTkuOC0yMi0yMi0yMi0yMiA5LjgtMjIgMjIgOS44IDIyIDIyIDIyem0yNC0yMmMwIDEzLjMtMTAuNyAyNC0yNCAyNHMtMjQtMTAuNy0yNC0yNCAxMC43LTI0IDI0LTI0IDI0IDEwLjcgMjQgMjR6bS0yOC40IDE3LjcgMi0uOWMxLjUtLjYgMy4yLS42IDQuNyAwbDIgLjljLjkuNCAyIDAgMi41LS44bDEuMS0xLjljLjgtMS40IDIuMi0yLjQgMy44LTIuOGwyLjEtLjVjMS0uMiAxLjYtMS4xIDEuNS0yLjFsLS4yLTIuMmMtLjEtMS42LjQtMy4yIDEuNC00LjVsMS40LTEuN2MuNy0uOC43LTEuOSAwLTIuNmwtMS40LTEuN2MtMS4xLTEuMi0xLjYtMi44LTEuNC00LjVsLjItMi4yYy4xLTEtLjYtMS45LTEuNi0yLjFsLTIuMS0uNWMtMS42LS40LTMtMS40LTMuOC0yLjhsLTEuMS0xLjljLS41LS45LTEuNi0xLjItMi41LS44bC0yIC45Yy0xLjUuNi0zLjIuNi00LjcgMGwtMi0uOWMtLjktLjQtMiAwLTIuNS44bC0xIDIuMWMtLjggMS40LTIuMiAyLjQtMy44IDIuOGwtMi4xLjVjLTEgLjItMS42IDEuMS0xLjUgMi4xbC4yIDIuMmMuMSAxLjYtLjQgMy4yLTEuNCA0LjVsLTEuNCAxLjdjLS43LjgtLjcgMS45IDAgMi42bDEuNCAxLjdjMS4xIDEuMiAxLjYgMi44IDEuNCA0LjVsLS4yIDIuMmMtLjEgMSAuNiAxLjkgMS42IDIuMWwyLjEuNWMxLjYuNCAzIDEuNCAzLjggMi44bDEuMSAxLjljLjQuNyAxLjUgMSAyLjQuNnptMi44IDFjMS0uNCAyLjEtLjQgMy4xIDBsMiAuOWMxLjguOCA0IC4xIDUtMS42bDEuMS0xLjljLjYtLjkgMS41LTEuNiAyLjUtMS44bDIuMS0uNWMxLjktLjQgMy4zLTIuMyAzLjEtNC4ybC0uMi0yLjJjLS4xLTEuMS4zLTIuMiAxLTNsMS40LTEuN2MxLjMtMS41IDEuMy0zLjcgMC01LjJsLTEuNC0xLjdjLS43LS44LTEuMS0xLjktMS0zbC4yLTIuMmMuMi0yLTEuMS0zLjgtMy4xLTQuMmwtMi4xLS41Yy0xLjEtLjItMi0uOS0yLjUtMS44bC0xLjEtMS45Yy0xLTEuNy0zLjItMi40LTUtMS42bC0yIC45Yy0xIC40LTIuMS40LTMuMSAwbC0yLS45Yy0xLjgtLjgtNC0uMS01IDEuNmwtMS4xIDEuOWMtLjYuOS0xLjUgMS42LTIuNSAxLjhsLTIuMS41Yy0xLjkuNC0zLjMgMi4zLTMuMSA0LjJsLjIgMi4yYy4xIDEuMS0uMyAyLjItMSAzbC0xLjQgMS43Yy0xLjMgMS41LTEuMyAzLjcgMCA1LjJsMS40IDEuN2MuNy44IDEuMSAxLjkgMSAzbC0uMiAyLjJjLS4yIDIgMS4xIDMuOCAzLjEgNC4ybDIuMS41YzEuMS4yIDIgLjkgMi41IDEuOGwxLjEgMS45YzEgMS43IDMuMiAyLjQgNSAxLjZsMi0uOXpNMTUyIDIwN2MwLS42LjQtMSAxLTFzMSAuNCAxIDEtLjQgMS0xIDEtMS0uNC0xLTF6bTYgMmMwLS42LjQtMSAxLTFzMSAuNCAxIDEtLjQgMS0xIDEtMS0uNC0xLTF6bS0xMSAxYzAtLjYuNC0xIDEtMXMxIC40IDEgMS0uNCAxLTEgMS0xLS40LTEtMXptLTYgMGMwLS42LjQtMSAxLTFzMSAuNCAxIDEtLjQgMS0xIDEtMS0uNC0xLTF6bTMtNWMwLS42LjQtMSAxLTFzMSAuNCAxIDEtLjQgMS0xIDEtMS0uNC0xLTF6bS04IDhjMC0uNi40LTEgMS0xczEgLjQgMSAxLS40IDEtMSAxLTEtLjQtMS0xem0zIDZjMC0uNi40LTEgMS0xczEgLjQgMSAxLS40IDEtMSAxLTEtLjQtMS0xem0wIDZjMC0uNi40LTEgMS0xczEgLjQgMSAxLS40IDEtMSAxLTEtLjQtMS0xem00IDdjMC0uNi40LTEgMS0xczEgLjQgMSAxLS40IDEtMSAxLTEtLjQtMS0xem01LTJjMC0uNi40LTEgMS0xczEgLjQgMSAxLS40IDEtMSAxLTEtLjQtMS0xem01IDRjMC0uNi40LTEgMS0xczEgLjQgMSAxLS40IDEtMSAxLTEtLjQtMS0xem00LTZjMC0uNi40LTEgMS0xczEgLjQgMSAxLS40IDEtMSAxLTEtLjQtMS0xem02LTRjMC0uNi40LTEgMS0xczEgLjQgMSAxLS40IDEtMSAxLTEtLjQtMS0xem0tNC0zYzAtLjYuNC0xIDEtMXMxIC40IDEgMS0uNCAxLTEgMS0xLS40LTEtMXptNC0zYzAtLjYuNC0xIDEtMXMxIC40IDEgMS0uNCAxLTEgMS0xLS40LTEtMXptLTUtNGMwLS42LjQtMSAxLTFzMSAuNCAxIDEtLjQgMS0xIDEtMS0uNC0xLTF6bS0yNCA2YzAtLjYuNC0xIDEtMXMxIC40IDEgMS0uNCAxLTEgMS0xLS40LTEtMXptMTYgNWMyLjggMCA1LTIuMiA1LTVzLTIuMi01LTUtNS01IDIuMi01IDUgMi4yIDUgNSA1em03LTVjMCAzLjktMy4xIDctNyA3cy03LTMuMS03LTcgMy4xLTcgNy03IDcgMy4xIDcgN3ptODYtMjljLS42IDAtMSAuNC0xIDFzLjQgMSAxIDFoMmMuNiAwIDEtLjQgMS0xcy0uNC0xLTEtMWgtMnptMTkgOWMwLS42LjQtMSAxLTFoMmMuNiAwIDEgLjQgMSAxcy0uNCAxLTEgMWgtMmMtLjYgMC0xLS40LTEtMXptLTE0IDVjLS42IDAtMSAuNC0xIDFzLjQgMSAxIDFoMmMuNiAwIDEtLjQgMS0xcy0uNC0xLTEtMWgtMnptLTI1IDFjLS42IDAtMSAuNC0xIDFzLjQgMSAxIDFoMmMuNiAwIDEtLjQgMS0xcy0uNC0xLTEtMWgtMnptNSA0Yy0uNiAwLTEgLjQtMSAxcy40IDEgMSAxaDJjLjYgMCAxLS40IDEtMXMtLjQtMS0xLTFoLTJ6bTkgMGMwLS42LjQtMSAxLTFoMmMuNiAwIDEgLjQgMSAxcy0uNCAxLTEgMWgtMmMtLjYgMC0xLS40LTEtMXptMTUgMWMwLS42LjQtMSAxLTFoMmMuNiAwIDEgLjQgMSAxcy0uNCAxLTEgMWgtMmMtLjYgMC0xLS40LTEtMXptMTItMmMtLjYgMC0xIC40LTEgMXMuNCAxIDEgMWgyYy42IDAgMS0uNCAxLTFzLS40LTEtMS0xaC0yem0tMTEtMTRjMC0uNi40LTEgMS0xaDJjLjYgMCAxIC40IDEgMXMtLjQgMS0xIDFoLTJjLS42IDAtMS0uNC0xLTF6bS0xOSAwYy0uNiAwLTEgLjQtMSAxcy40IDEgMSAxaDJjLjYgMCAxLS40IDEtMXMtLjQtMS0xLTFoLTJ6bTYgNWMwLS42LjQtMSAxLTFoMmMuNiAwIDEgLjQgMSAxcy0uNCAxLTEgMWgtMmMtLjYgMC0xLS40LTEtMXptLTI1IDE1di0xLjRjLTIuNS0xLjEtMy43LTQtMi42LTYuNi4yLS41LjUtMSAuOS0xLjQtLjktMiAwLTQuMiAxLjktNS4yLS44LTIuNi43LTUuNCAzLjQtNi4yLjQtLjUuOS0uOSAxLjUtMS4xLjUtMi43IDMuMS00LjUgNS44LTQuMS43LjEgMS40LjQgMiAuOCA1LjMtMy44IDExLjYtNS45IDE4LjItNS45IDYuOCAwIDEzLjEgMi4yIDE4LjIgNS45IDIuMy0xLjYgNS40LTEgNyAxLjMuNC42LjcgMS4zLjggMiAuNi4yIDEuMS42IDEuNSAxLjEgMi43LjggNC4yIDMuNSAzLjQgNi4yIDEuOSAxIDIuNyAzLjIgMS45IDUuMiAxLjkgMiAxLjggNS4yLS4yIDctLjQuNC0uOS43LTEuNSAxdjIuNGgtNjJ2LTFoLS4yem0uOC03LjJjLS4zIDEuMi0uNSAyLjQtLjYgMy42LTEuMy0xLTEuNi0yLjktLjYtNC4yLjQuMy44LjUgMS4yLjZ6bTEuNS00LjZjLS40LjktLjcgMS44LTEgMi43LTEtLjQtMS42LTEuNS0xLjMtMi41LjItLjUuNi0uOSAxLjEtMS4yLjQuNC44LjcgMS4yIDF6bTIuMy00LjUtMS41IDIuN2MtMS4zLTEtMS41LTIuOS0uNS00LjIuMS0uMi4zLS4zLjQtLjUuMy45LjkgMS42IDEuNiAyem0xLjItMS43Yy40LS41LjctMSAxLjEtMS41LS4zLS41LS45LS43LTEuNC0uNHMtLjcuOS0uNCAxLjRjLjIuMi40LjQuNy41em01LjMtNS44Yy0xIC45LTIgMS44LTIuOSAyLjgtLjMtLjMtLjctLjYtMS4xLS44LjQtMS42IDIuMS0yLjUgMy43LTIuMS4xIDAgLjIuMS4zLjF6bTQyLjcgMi44Yy0uOS0xLTEuOS0xLjktMi45LTIuOCAxLjUtLjYgMy4zLjEgMy45IDEuNyAwIC4xLjEuMi4xLjMtLjQuMi0uOC40LTEuMS44em0xLjMgMS41Yy40LjUuOCAxIDEuMSAxLjQuNS0uMS45LS43LjgtMS4ycy0uNy0uOS0xLjItLjhjLS4zLjItLjUuNC0uNy42em0zLjggNS45LTEuNS0yLjdjLjgtLjQgMS40LTEuMSAxLjYtMiAxLjMgMS4xIDEuNCAzIC40IDQuMi0uMi4yLS40LjMtLjUuNXptMS43IDQuNWMtLjMtLjktLjYtMS44LTEtMi43LjQtLjMuOC0uNiAxLjItMSAxIC41IDEuNCAxLjcgMSAyLjctLjIuNC0uNi44LTEuMiAxem0xLjIgNS41Yy0uMS0xLjItLjQtMi40LS42LTMuNi41LS4xLjktLjQgMS4yLS42IDEgMS4zLjcgMy4yLS42IDQuMnpNMjc1IDIxNGMtLjUtMTYtMTMuOS0yOC42LTI5LjktMjguMS0xNS4zLjUtMjcuNiAxMi44LTI4LjEgMjguMWg1OHpNNzIuMyAxOTguMWMtLjItLjMtLjMtLjctLjMtMS4xdi0xMmgtMnYxMmMwIDIuMiAxLjggNCA0IDQgMS4yIDAgMi4zLS41IDMuMS0xLjQuNi0uNy45LTEuNi45LTIuNXYtMTJoLTJ2MTJjMCAxLjEtLjkgMi0yIDItLjctLjEtMS4zLS40LTEuNy0xek03NSAxNzZjLjQgMCAuNyAwIDEuMS0uMS41IDIuMiAyLjYgMy41IDQuOCAzIC41LS4xIDEtLjMgMS40LS42IDEuMSAyLjEgMS43IDQuNCAxLjcgNi43djI0YzAgMy4zLTIuNyA2LTYgNmgtM3Y5YzAgMi44LTIuMiA1LTUgNXMtNS0yLjItNS01di05aC0zYy0zLjMgMC02LTIuNy02LTZ2LTI0YzAtNy43IDYuMy0xNCAxNC0xNCAwIDIuOCAyLjIgNSA1IDV6bS0xNyAxNXYxMmMwIC44LjUgMS41IDEuMiAxLjguOS40IDEuOS4xIDIuNC0uNy4yLS4zLjMtLjcuMy0xLjF2LTEyaDJ2MTJjMCAyLjItMS43IDQtMy45IDQtLjUgMC0xLS4xLTEuNC0uMi0uMi0uMS0uNC0uMi0uNy0uM3YyLjVjMCAyLjIgMS44IDQgNCA0aDE2YzIuMiAwIDQtMS44IDQtNHYtMjRjMC0xLjUtLjItMi45LS43LTQuMi0uNC4xLS45LjItMS4zLjItMi4xIDAtNC4xLTEuMS01LjItMy0zLS4xLTUuNi0yLTYuNS00LjlDNjIuNCAxNzQgNTggMTc5IDU4IDE4NXY2em05IDI0djljMCAxLjcgMS4zIDMgMyAzczMtMS4zIDMtM3YtOWgtNnpNLTE3IDE5MWMtLjYgMC0xIC40LTEgMXMuNCAxIDEgMWgyYy42IDAgMS0uNCAxLTFzLS40LTEtMS0xaC0yem0xOSA5YzAtLjYuNC0xIDEtMWgyYy42IDAgMSAuNCAxIDFzLS40IDEtMSAxSDNjLS42IDAtMS0uNC0xLTF6bS0xNCA1Yy0uNiAwLTEgLjQtMSAxcy40IDEgMSAxaDJjLjYgMCAxLS40IDEtMXMtLjQtMS0xLTFoLTJ6bS0yNSAxYy0uNiAwLTEgLjQtMSAxcy40IDEgMSAxaDJjLjYgMCAxLS40IDEtMXMtLjQtMS0xLTFoLTJ6bTUgNGMtLjYgMC0xIC40LTEgMXMuNCAxIDEgMWgyYy42IDAgMS0uNCAxLTFzLS40LTEtMS0xaC0yem05IDBjMC0uNi40LTEgMS0xaDJjLjYgMCAxIC40IDEgMXMtLjQgMS0xIDFoLTJjLS42IDAtMS0uNC0xLTF6bTE1IDFjMC0uNi40LTEgMS0xaDJjLjYgMCAxIC40IDEgMXMtLjQgMS0xIDFoLTJjLS42IDAtMS0uNC0xLTF6bTEyLTJjLS42IDAtMSAuNC0xIDFzLjQgMSAxIDFoMmMuNiAwIDEtLjQgMS0xcy0uNC0xLTEtMUg0em0tMTEtMTRjMC0uNi40LTEgMS0xaDJjLjYgMCAxIC40IDEgMXMtLjQgMS0xIDFoLTJjLS42IDAtMS0uNC0xLTF6bS0xOSAwYy0uNiAwLTEgLjQtMSAxcy40IDEgMSAxaDJjLjYgMCAxLS40IDEtMXMtLjQtMS0xLTFoLTJ6bTYgNWMwLS42LjQtMSAxLTFoMmMuNiAwIDEgLjQgMSAxcy0uNCAxLTEgMWgtMmMtLjYgMC0xLS40LTEtMXptLTI1IDE1di0xLjRjLTIuNS0xLjEtMy43LTQtMi42LTYuNi4yLS41LjUtMSAuOS0xLjQtLjktMiAwLTQuMiAxLjktNS4yLS44LTIuNi43LTUuNCAzLjQtNi4yLjQtLjUuOS0uOSAxLjUtMS4xLjUtMi43IDMuMS00LjUgNS44LTQuMS43LjEgMS40LjQgMiAuOCA1LjMtMy44IDExLjYtNS45IDE4LjItNS45IDYuOCAwIDEzLjEgMi4yIDE4LjIgNS45IDIuMy0xLjYgNS40LTEgNyAxLjMuNC42LjcgMS4zLjggMiAuNi4yIDEuMS42IDEuNSAxLjEgMi43LjggNC4yIDMuNSAzLjQgNi4yIDEuOSAxIDIuNyAzLjIgMS45IDUuMiAxLjkgMiAxLjggNS4yLS4yIDctLjQuNC0uOS43LTEuNSAxdjIuNGgtNjJ2LTFoLS4yem0uOC03LjJjLS4zIDEuMi0uNSAyLjQtLjYgMy42LTEuMy0xLTEuNi0yLjktLjYtNC4yLjQuMy44LjUgMS4yLjZ6bTEuNS00LjZjLS40LjktLjcgMS44LTEgMi43LTEtLjQtMS42LTEuNS0xLjMtMi41LjItLjUuNi0uOSAxLjEtMS4yLjQuNC44LjcgMS4yIDF6bTIuMy00LjUtMS41IDIuN2MtMS4zLTEtMS41LTIuOS0uNS00LjIuMS0uMi4zLS4zLjQtLjUuMy45LjkgMS42IDEuNiAyem0xLjItMS43Yy4zLS41LjctMSAxLjEtMS41LS4zLS41LS45LS43LTEuNC0uNHMtLjcuOS0uNCAxLjRjLjIuMi40LjQuNy41em01LjMtNS44Yy0xIC45LTIgMS44LTIuOSAyLjgtLjMtLjMtLjctLjYtMS4xLS44LjQtMS42IDIuMS0yLjUgMy43LTIuMS4xIDAgLjIuMS4zLjF6TTguOCAxOTRjLS45LTEtMS45LTEuOS0yLjktMi44IDEuNS0uNiAzLjMuMSAzLjkgMS43IDAgLjEuMS4yLjEuMy0uNC4yLS44LjQtMS4xLjh6bTEuMyAxLjVjLjQuNS44IDEgMS4xIDEuNC41LS4xLjktLjcuOC0xLjItLjEtLjUtLjctLjktMS4yLS44LS4zLjItLjUuNC0uNy42em0zLjggNS45Yy0uNS0uOS0uOS0xLjgtMS41LTIuNy44LS40IDEuNC0xLjEgMS42LTIgMS4zIDEuMSAxLjQgMyAuNCA0LjItLjIuMi0uNC4zLS41LjV6bTEuOCA0LjVjLS4zLS45LS42LTEuOC0xLTIuNy40LS4zLjgtLjYgMS4yLTEgMSAuNSAxLjQgMS43IDEgMi43LS4zLjQtLjcuOC0xLjIgMXptMS4xIDUuNWMtLjEtMS4yLS40LTIuNC0uNi0zLjYuNS0uMS45LS40IDEuMi0uNiAxIDEuMy43IDMuMi0uNiA0LjJ6TTE1IDIxNGMtLjUtMTYtMTMuOS0yOC42LTI5LjktMjguMS0xNS4zLjUtMjcuNiAxMi44LTI4LjEgMjguMWg1OHoiLz48L2c+PC9zdmc+");
    background-repeat: repeat;
    background-size: 210px
}

.chat-application .chat-app-window .start-chat-area {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: inherit;
    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(34, 41, 47, .12)!important;
    color: #313131
}

.chat-application .chat-app-window .start-chat-area .start-chat-text {
    border-radius: 1.428rem;
    cursor: pointer;
    padding: .5rem 1rem
}

.chat-application .chat-app-window .start-chat-area .start-chat-icon {
    border-radius: 50%;
    padding: 2rem
}

.chat-application .chat-app-window .start-chat-area .start-chat-icon i,
.chat-application .chat-app-window .start-chat-area .start-chat-icon svg {
    font-size: 4rem;
    height: 4rem;
    width: 4rem
}

.chat-application .user-profile-sidebar {
    background-color: #fff;
    border-radius: .25rem;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    bottom: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: translateX(110%);
    transition: all .3s ease, background 0s, border 0s, color 0s;
    width: 360px;
    z-index: 6
}

.chat-application .user-profile-sidebar.show {
    transform: translateX(0);
    transition: all .3s ease, background 0s, border 0s, color 0s
}

.chat-application .user-profile-sidebar .user-profile-header .header-profile-sidebar {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 200px;
    justify-content: center;
    text-align: center;
    width: 100%
}

.chat-application .user-profile-sidebar .user-profile-header .avatar {
    margin-bottom: 1.25rem
}

.chat-application .user-profile-sidebar .user-profile-sidebar-area {
    height: calc(100% - 200px);
    padding: 0 2rem 1.5rem;
    position: relative
}

@media(max-width:991.98px) {
    .content-right {
        width: 100%
    }
    .chat-application .sidebar-content {
        position: absolute;
        transform: translateX(-110%);
        transition: all .3s ease-in-out;
        z-index: 5
    }
    .chat-application .sidebar-content.show {
        transform: translateX(0);
        transition: all .3s ease
    }
}

@media(max-width:767.98px) {
    .chat-application .sidebar-content .sidebar-close-icon {
        line-height: 1;
        padding: .65rem;
        right: 0;
        top: 15px;
        visibility: visible
    }
    .chat-application .sidebar-content .chat-fixed-search {
        padding-right: 2.5rem
    }
}

@media(max-width:575.98px) {
    .chat-application .sidebar {
        position: unset!important
    }
    .chat-application .chat-profile-sidebar,
    .chat-application .sidebar-content,
    .chat-application .sidebar-content .chat-fixed-search,
    .chat-application .sidebar-content .chat-user-list-wrapper,
    .chat-application .user-profile-sidebar {
        width: 100%
    }
}