/*
    Этот css файл предназначен к классам и объектам в целом
    относящимся к главной паннеле all_chats в файле base.html
*/

/*Request! Изменен под vw*/

.chat_container {
    display: flex;
    align-items: center;

    background-color: none;
    border-radius: 0px;
    width: 100%;
    height: 4.17vw;
    cursor: pointer;
}

.chat_container:hover {
    background-color: #F4F4F4;
}

.chat_container_active {
    display: flex;
    align-items: center;

    background-color: #B5D9FF;
    border-radius: 0px;
    width: 100%;
    height: 4.17vw;
    cursor: pointer;
}

.chat_avatar {
    border-radius: 13.89vw;
    width: 3.47vw;
    height: 3.47vw;
    margin-left: 0.69vw;
    cursor: pointer;
}

.chat_path_avatar {
    border-radius: 13.89vw;
    width: 3.47vw;
    height: 2.78vw;
    margin-left: 0.69vw;
    cursor: pointer;
}

.chat_name_object {
    font-size: 1.04vw;
    font-weight: bold;
    margin-left: 0.69vw;
    margin-bottom: 1.39vw;
    cursor: pointer;
}

.channel_icon_black {
    margin-left: 0.35vw;
    margin-bottom: 1.39vw;
    width: 1.39vw;
    height: 1.39vw;
    cursor: pointer;
}

.chat_last_message {
    display: inline-block; /* или block */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 13.89vw; /* Замените на желаемую ширину */

    font-size: 0.97vw;
    position: absolute;
    margin-left: 4.86vw;
    margin-top: 1.39vw;
    cursor: pointer;
    color: grey;
}

.chat_last_message_time {
    position: absolute;
    font-size: 0.9vw;
    margin-bottom: 1.39vw;
    right: 0.69vw;
    cursor: pointer;
    color: grey;
}

.add_new_channels_or_groups_button {
    display: flex;
    align-items: center;

    background-color: none;
    border-radius: 0px;
    width: 100%;
    height: 4.17vw;
    cursor: pointer;
}
.add_new_channels_or_groups_button:hover {
    background-color: #F4F4F4;
}

.span_add_new_channels_or_groups {
    color: #1777D7;
    font-weight: normal;
    margin-left: 1.04vw;
    font-size: 1.2vw;
}

.img_add_new_channels_or_groups {
    margin-left: 1.04vw;
    width: 1.74vw;
    height: 1.74vw;
}