.chat_container .chat {
    display: flex;
    flex-direction: column;
}

.chat_container .header {
    display: flex;
}

.chat_container .header .chat_room_name {
    margin-right: auto;
    font-size: 1.2rem;
    padding-bottom: 0.3rem;
}

.chat_container .chat_body {
    min-height: 30rem;
}

.chat_widget_container .chat_container .chat_body.collapsed {
    min-height: 0;
}

.modal .chat_container .header .expand_chat_icon {
    display: none;
}

.chat_container .chat_room_list,
.chat_container .message_list {
    flex: 1 1;
}

.chat_container .message_list .profile_name {
    max-width: 100%;
    width: auto;
}

.chat_container .message_list .message_item {
    padding: 0.5rem 1rem;
    margin-top: 2px;
}

.chat_container .message_list .message_list_date,
.chat_container .message_list .message_text {
    color: #474747;
}

.chat_container .message_list .message_list_date {
    font-size: 1.2rem;
    padding: 0.5rem 0;
}

.chat_container .chat_room_list .chat_room_row:nth-child(even),
.chat_container .room_member_container:nth-child(even) {
    background: #fff;
}

.chat_container .chat_room_list .chat_room_row:nth-of-type(odd),
.chat_container .room_member_container:nth-child(odd),
.chat_container .message_list .message_item {
    background-color: #f9f9f9;
}

.chat_container .chat_room_list .chat_room_row:nth-child(even) .user_profile_image_link,
.chat_container .room_member_container:nth-child(even) .user_profile_image_link {
    background-color: #f9f9f9;
}

.chat_container .chat_room_list .chat_room_row:nth-of-type(odd) .user_profile_image_link,
.chat_container .room_member_container:nth-child(odd) .user_profile_image_link,
.chat_container .message_list .message_item .user_profile_image_link {
    background-color: #fff;
}

.chat_container .user_profile_image_link .chat_room_icon {
    align-self: center;
    font-size: 1.2rem;
    margin: 0 auto;
}

.chat_container .chat_room_list .chat_room_row:hover,
.chat_container .room_member_container:hover,
.chat_container .message_list .message_item:hover {
    background: #eaeaea;
}

.chat_container .user_profile_image_link {
    display: inline-flex;
    height: 2.5rem;
    flex: 0 0 2.5rem;
    margin-right: 0.5rem;
    margin-top: 0.5rem;
}

.chat_container .chat_room_row,
.chat_container .room_member_container {
    padding: 0.75rem 1rem;
}

.chat_container .message_item .user_profile_image_link,
.chat_container .chat_room_row .user_profile_image_link,
.chat_container .room_member_container .user_profile_image_link {
    margin-right: 0.5rem;
}

.chat_container .chat_room_row .user_profile_image_link,
.chat_container .room_member_container .user_profile_image_link {
    margin-top: 0;
}

@media (min-width: 768px) {
    .chat_container .chat_room_row .user_profile_image_link,
    .chat_container .room_member_container .user_profile_image_link {
        height: 3.5rem;
        flex-basis: 3.5rem;
    }
}

.chat_container .message_input_container {
    margin-top: 0.5rem;
}

.chat_container .chat_room_row .unread_badge,
.chat_container .header .unread_badge {
    background-color: #336faf;
    border-radius: 99rem;
    color: #fff;
    font-size: 0.9em;
    font-weight: normal;
    padding: 0.2rem 0.4rem;
    line-height: 1;
}

.chat_container .header .unread_badge {
    margin-left: 0.5rem;
    align-self: unset;
    font-size: 0.9rem;
}

.chat_container .message_input_container .send_message_button {
    z-index: 3;
}

.chat_container .dropdown_body {
    border: 1px solid #eaeaea;
    background-color: #fff;
    font-weight: 400;
    right: 0;
    min-width: 15rem;
}

.chat_container .dropdown_body .pin_chat_button {
    padding: 0.75rem 1rem;
}

.chat_container .header .room_menu_dropdown {
    align-items: center;
    display: flex;
    font-size: 1rem;
    height: 1.4rem;
    margin-left: auto;
}

.chat_container .header .room_menu_dropdown span i {
    align-items: center;
    font-size: 1.2rem;
    display: inline-flex;
    justify-content: center;
    height: 2rem;
    width: 2rem;
}

.chat_container .loader_circle {
    position: absolute;
}

.chat_container .loader_circle .size_middle {
    width: 1.2rem;
    height: 1.2rem;
    border: 0.2rem solid #f3f3f3;
    border-top: 0.2rem solid #336faf;
}

.chat_container .loader_circle .size_large {
    width: 1.5rem;
    height: 1.5rem;
    border: 0.3rem solid #f3f3f3;
    border-top: 0.3rem solid #336faf;
}

.user_profile .chat_container .header .back_button,
.user_profile .chat_container .header .room_menu_dropdown {
    display: none;
}

.chat_container .message_input_container textarea {
    border: none;
}

.chat_container .message_input_container .send_message_button {
    border: none;
    border-left: 0.1rem solid #eaeaea;
}

.chat_container .message_input_container {
    border: 0.1rem solid #eaeaea;
    border-radius: 0.4rem;
    -webkit-box-shadow: inset 0 0.01rem 0.01rem rgba(0, 0, 0, .075);
    box-shadow: inset 0 0.01rem 0.01rem rgba(0, 0, 0, .075);
}

.chat_container .message_input_container .emoji_button {
    display: flex;
    align-items: center;
    padding-bottom: 0;
    padding-left: 1em;
}