.page-body-wrapper {
/*padding-top: 70px !important;*/
}
.chat_container {
height: 550px !important;
overflow: hidden;
width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
.no_bottom_padding {
padding-bottom: 0 !important;
}
/* .chat_card_w {
height: 525px !important;
overflow-y: auto;
} */

.content-wrapper {
background: #231f20 !important;
color: white !important;
    padding-top: 0 !important;
}
.content-wrapper a,
.content-wrapper small,
.content-wrapper input,
.content-wrapper h4,
.content-wrapper h3,
.content-wrapper h2,
.content-wrapper h1 {
color: white !important;
}
.content-wrapper a.active {
color: #A7E863 !important;
background: #a8e86340 !important;
padding: auto;
}
.card {
background-color: #000;
border: 1px solid #b8b8b855;
}
.home-tab .nav-tabs .nav-item .nav-link {
border-right: 1px solid #dee2e66c;
}
.home-tab .nav-tabs .nav-item:last-child  .nav-link{
border-right: none;
}
.chat_list_item_wh {
border-bottom: 1px solid rgba(255, 255, 255, 0.3) !important;
padding-left: 5px !important;
padding-right: 5px !important;
}
.chat_list_item_wh small {
color: rgba(255, 255, 255, 0.7) !important;
}
.chat_list_item_wh:last-child {
border-bottom: none !important;
}

/* //////////////////////////////////////////////////// */
.home-tab .nav-tabs {
border-bottom: 1px solid rgba(255, 255, 255, 0.3) !important;
}
.home-tab .nav-tabs a:first-child {
padding-left: 10px !important;
}
.chat_list_item_rightside_wh {
display: flex;
flex-direction: column;
align-items: flex-end;
justify-content: space-between;
height: 40px;
}
.chat_list_item_rightside_wh span {
color: rgba(255, 255, 255, 0.5);

}
.bubble_gradient {
height: 17px;
width: 17px;
border-radius: 50%;
color: white;
font-size: 10px;
font-weight: bolder;
background-image: linear-gradient(to bottom, #a8e863e6, #a8e86300);
display: flex;
justify-content: center;
align-items: center;
}
.chat_list_container_wh {
overflow-y: auto;
max-height: 400px !important;
}
.chat_list_container_wh::-webkit-scrollbar {
width: 6px;
}
.chat_list_container_wh::-webkit-scrollbar-track {
background: #000;
}
.chat_list_container_wh::-webkit-scrollbar-thumb {
background: rgb(62, 62, 62);
}

.chat_menu_title_container_wh {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
padding-left: 5px !important;
padding-right: 5px !important;
}
.chat_menu_title_container_wh a {
display: flex;
justify-content: space-between;
align-items: center;
text-decoration: none;
font-size: 12px;
line-height: 12px;
border-radius: 35px;
color: #A7E863 !important;
border: 1px solid #A7E863;
padding: 2px 5px;
}
.chat_menu_title_container_wh a i {
font-size: 20px;
line-height: 20px;
}



#overview > div > div.col-lg-8.d-flex.flex-column > div > div > div > div {
    padding-top: 0 !important;
    border-left: 1px solid #555;
}
#overview > div > div.col-lg-4.d-flex.flex-column > div > div > div > div {
    padding-top: 0 !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
    overflow: hidden !important;
}

#overview > div > div.col-lg-8.d-flex.flex-column > div > div > div > div > h3 {
    font-size: 18px;
}
div.msg-bubble > div.msg-info > div.msg-info-name,
div.msg-bubble > div.msg-text {
    font-size: 14px !important;
}
.msger-chat {
    height: 380px !important;
}
#app > div.content-wrapper {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.chat_super_container_wh {
    position: fixed;
    width: 100% !important;
}
.chat_super_container_wh div.content-wrapper{
    /*position: fixed;*/
    /*width: 100% !important;*/
}
.chat_super_container_wh .sidebar{
    /*position: fixed;*/
}

.chat_super_container_wh .page-body-wrapper .main-panel .content-wrapper div.row:nth-child(2) .col-sm-12{
    /*width: 82% !important;*/
}