.chat-left-list .user-details-wrapper.active, .chat-left-list .user-details-wrapper:hover {
    background-color: #1c2329 !important;
    border-top: 1px solid #3b4047;
    border-bottom: 1px solid #3b4047;
    
}

.chat-left-list .user-details-wrapper.active, .chat-left-list .user-details-wrapper {
    border-top: 1px solid #3b4047;
    border-bottom: 1px solid #3b4047;
}

.chat-header-search input[type="text"] {
    color: #b7babc;
    border-bottom: 1px solid #3b4047;
}

.chat-page {
    box-shadow: 0px 0px 0px #242b32 !important;
    background-color: #1c2329;
}

.chat-conversation {
    background-color: #2f373e;
}

.chat-messages-header {
    background-color: #242b32 !important;
}

.user-details>.bubble {
    background-color: #242b32 !important;
    box-shadow: 0 0 0;
    color: #fff;
}

.user-details>.sender {
    background-color: #4b5055 !important;
    box-shadow: 0 0 0;
    color: #fff;
}

.pull-left {
    color: #b7babc;
}

.chat-page .user-details-wrapper > .user-details > .user-name {
    color: white;
}

.chat-extra-info .user-chat-setting {
    color: white;
}

.right-chat-conrersation .chat-messages-header .chat-options i {
    color: #929599;
}

.right-chat-conrersation .chat-input-wrapper textarea {
    background-color: #242b32 !important;
    color: white;
}

.semi-bold {
    color: white;
}

.chat-extra-info .chat-time {
    color: #909397;
}

.user-more {
    color: #7c8084;
}

.left-menu-active {
    background-color: #c2002e;
}

/* For Chrome */
/* width */
::-webkit-scrollbar {
    width: 3px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #242b32; 
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #4b4b4b; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #4b4b4b; 
}

.chat-left-list {
    overflow-x: hidden;
    overflow-y: hidden;
    height: 88vh;
    width: 310px;
    float: left;
    background: #242b32;
    margin-bottom: 20px;
}

.chat-page .chat-window-wrapper {
    background-color: #242b32;
}

.overflowY {
    overflow-x: hidden;
    overflow-y: auto;
    height: 80vh;
    width: 307px;
    float: left;
    background: #242b32;
}

.overflowY:hover {
    overflow-y: scroll;
    width: 310px;
}

.chat-header-search .search-user {      
    position: relative;
    width: auto;
    z-index: 9;
}

.right-chat-conrersation {
    height: 88vh;
    border: 1px solid #3b4047;
    border-radius: 3px;
    border-left:none;
}

.chat-container-scroll {
    height: 69vh;
    overflow-y: scroll;
    padding-right: 3px;
}

/* .chat-container-scroll:hover {
    height: 69vh;
    overflow-y: scroll;
    padding-right: 0;
} */

.right-chat-conrersation .user-details-wrapper {
    background-color: transparent !important;
    padding: 0px 0px 0px 10px;
}

.right-chat-conrersation .user-details-wrapper:hover {
    background-color: transparent !important;
}

.chat-emoji-pane {
    position: absolute;
    left: 16px;
    top: 14px;
}

.chat-moticon i {
    color: white;
}

.chat-input-wrapper textarea {
    padding-top: 20px !important;
    padding-left: 45px !important;
    padding-right: 45px !important;
}

.chat-trigger-btn {
    background: url(../../images/fly.png);
    width: 30px;
    height: 30px;
    background-size: 70%;
    background-repeat: no-repeat;
}

.right-chat-conrersation .chat-messages-header {
    box-shadow: 4px 5px 4px #2a3137;
}

.user-profile img{
    width: 40px;
    height: 40px;
}

.chat-left-list .user-details-wrapper .status-icon {
    left: 40px;
}

.chat-window-wrapper .user-details-wrapper > .user-profile {
    margin-right: 0px;
}

.user-profile.conversation img {
    width: 40px;
    height: 40px;
}

.chat-window-wrapper .inner-content {
    background-color: #1c2329;
}