/* prettier-ignore */



.chat-message-content{
    max-width: 96% !important;
}

#_chat_message_list {
    overflow-anchor: none;
}


.chat {
    height: calc(100vh - (var(--phoenix-navbar-top-height) + 2.5rem)) !important;
}

/*sağ blok gizleme**/
@media (min-width: 576px) {
    ._hide_r #_chat_sidebar_container {
        width: 100px !important;
    }

    ._hide_r ._chat_content {
        width:calc(100% - 100px);
    }

    ._hide_r .chat-message-content {
        width: calc(100% - 100px);
    }

    ._hide_r #_chat_sidebar_container .card-body > *:not(.right-panel-icons) {
        display: none;
    }

    ._hide_r  .right-panel-icons{
        display: none;
    }

    ._hide_r .right-panel-icons {
        display: block !important;
    }


    ._hide_r .panel-toggle-btn {
        width: 30px;
        height: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 8px;
        border: none;
        transition: all 0.2s;
    }


    ._hide_r .icon-section {
        flex-grow: 1;
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 1rem;
    }


    .panel-icon-btn {
        width: 30px;
        height: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 8px;
        border: none;
        transition: all 0.2s;
        position: relative;
    }

}


/* font edit**/
._chat_room_title{font-size: 14px !important;}
._room_list_last_message{font-size: 13px !important;}
._room_list_last_message_date{font-size: 11px !important;}
.received-message-content *{font-size: 15px !important;}

/* loading bar */
.form-loading2 {
    background: url(/media/images/loading.gif) no-repeat;
    width: 16px;
    height: 11px;
    position: relative;
    clear: both;
    display: inline-block
}