.container_msg_post_client{
    flex: 1 1 auto;
    margin-bottom: 20px;
}
.head_post_msg_client{
    margin-top: 20px;
    background-color: white;
    width: 100%;
    border-radius: 8px;
    padding: 8px 15px;
}
.head_post_msg_client > ul{
    display:flex;
    white-space: nowrap;
    overflow-x: auto;
    margin-bottom: 0;
}
/* scrollbar для .scrolling_container*/
/* scrollbar для Firefox */
.head_post_msg_client > ul {
    scrollbar-width: 5px;
    scrollbar-color: var(--bac-color) #cdcdcd;
}

/* для Chrome/Edge/Safari */
.head_post_msg_client > ul::-webkit-scrollbar {
    height: 5px;
    width: 5px;
}

.head_post_msg_client > ul::-webkit-scrollbar-track {
    background: #cdcdcd;
}

.head_post_msg_client > ul::-webkit-scrollbar-thumb {
    background-color: var(--bac-color);
    border-radius: 5px;
}
/*/scrollbar*/
.head_post_msg_client > ul > li{
    margin-right: 15px;
}
.box_msg_post{
    margin-top: 65px;
}
.form_post_msg{
    position: relative;
}
.photo_sender{
    position: absolute;
    top: -45px;
    left: 0;
    border: 5px solid var(--bac-color);
    border-radius: 50%;
    overflow: hidden;
}
.photo_sender img{
    height: 90px;
    width: 90px;
    object-fit:cover;
}
.text_sender{
    width: 95%;
    margin-left: auto;
    border: 1px solid #cdcdcd;
    border-radius: 8px;
}
.text_sender textarea{
    width: inherit;
    border: 1px solid #b3b3b3;
    margin: 35px 15px 35px auto;
    display: block;
}
.send_msg{
    display:block;
    margin-left: auto;
    margin-right: 15px;
    margin-bottom: 20px;
    background-color: var(--bac-color);
    color: white;
}
.send_msg:hover{
    color:white;
}
.history_scroll_msg_post{
    margin-top: 50px;
}
.wrap_history_msg{
    position: relative;
    margin: 30px 0;
}
.photo_sender_history{
    position: absolute;
    overflow: hidden;
    border-radius: 50%;
    border: 5px solid var(--bac-color);
}
.wrap_history_msg[data-position="left"] .photo_sender_history{
    left: 0;
}
.wrap_history_msg[data-position="right"] .photo_sender_history{
    right: 0;
}
.photo_sender_history img{
    height: 90px;
    width: 90px;
    object-fit: cover;
}
.title_history_msg{
    font-weight: bold;
}
.title_history_msg > span{
    margin-left: 15px;
}

.item_history_msg{
    width: 90%;
    padding: 5px 15px;
    border: 1px solid #cdcdcd;
    border-radius: 8px;
    background-color: white;
}
.wrap_history_msg[data-position="left"] .item_history_msg{
    margin-left: auto;
}
.wrap_history_msg[data-position="right"] .item_history_msg{
    margin-right: auto;
}
@media (max-width: 1600px) {
    .title_history_msg{
        font-size: calc(14px + (17 - 14) * (100vw - 320px) / (1600 - 320));
    }
    .text_history_msg{
        font-size: calc(12px + (16 - 12) * (100vw - 320px) / (1600 - 320));
    }
}
@media (max-width: 1200px){
    .photo_sender img,
    .photo_sender_history img{
        height: 70px;
        width: 70px;
    }
}
@media (max-width: 991px){
    .history_scroll_msg_post{
        margin-top: 80px;
    }
    .wrap_history_msg{
        margin:80px 0;
    }
    .wrap_history_msg:first-child{
        margin-top: 0;
    }
    .photo_sender_history{
        top: -70px;
    }
}
@media (max-width: 768px){
    .text_sender textarea{
        margin: 35px auto;
    }
    .send_msg{
        padding: 8px 15px;
        margin: 0 auto 15px;
    }
}
@media (max-width: 575px){

}