#user-chat {
    visibility: hidden;
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: linear-gradient(rgb(198 255 255), rgb(43 45 34));
    border: 2px solid rgb(17, 3, 2);
    border-radius: 12px;
    width: 15%;
    min-width: 250px;
    height: 40%;
    min-height: 350px;
    padding: 10px;
}

.msg-all {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
}

.info-manager-msg {
    display: flex;
    width: 100%;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
}

.info-manager-msg img {
    width: 35px;
    height: 35px;
    border-radius: 50%;
}

.info-manager-msg div {
    font-weight: bold;
    color: white;
}


#msg {
    flex: 1;
    overflow-y: auto;
    background-color: rgb(255 0 38 / 9%);
    border-radius: 10px;
}
#msg table {
    width: 100%;
    border-collapse: collapse;

}


.right, .left {   
    display: inline-block; 
    border-radius: 8px;  
    padding: 8px;
    font-size: 12px;
    max-width: 80%;
    word-wrap: break-word;
}

.left {   
    background-color:rgb(136 253 134 / 39%);
    float: left;
    color: #311717;
}

.right {
    background-color:rgb(224 224 100 / 91%);
    float: right;
    color: #311717;
}

.msg-add {
    border-radius: 10px;
    background-color: rgb(234, 234, 211);
    font-size: 12px;
    padding: 8px;
    margin: 5px 0;
    border: none;
    outline: none;
}

.bottom {
    text-align: center;
    cursor: pointer;
    color: #84dddd;
    padding: 5px;
    background: rgba(0,0,0,0.3);
    border-radius: 8px;
    margin-top: 5px;
}

.info-manager-msg div{
    color: black;

}

#msg::-webkit-scrollbar {
  width: 8px;
  background-color: rgb(255 0 38 / 9%);
  border-radius: 0 10px 10px 0;
}

#msg::-webkit-scrollbar-thumb {
  background: rgba(255, 0, 38, 0.294); /* Цвет ползунка */
  border-radius:10px;
}