/* MODS CUSTOM BORDER RADIUS */
/* Modifikacija izgleda poruka pored pormjena na temama */
.chat .message-text,
.chat .message-binary {
    /*border-radius: 10px;*/
    border-radius: 0px;
}
.chat .others-message.notification .message-head,
.chat .message-file .preview-image img,
.chat .message-file .preview-image,
.chat .message-file .preview-icon {
    /*border-radius: 10px 10px 0px 0px;*/
    border-radius: 0px;
}
.chat .others-message.notification .message-text,
.chat .others-message.notification .message-text,
.chat .message-file .preview-description {
    /*border-radius: 0px 0px 10px 10px;*/
    border-radius: 0px;
}
.chat .page-number {
    /*border-radius: 8px;*/
    border-radius: 0px;
}
.chat .dx-list-search .dx-texteditor-container {
    /*border-radius: 8px;*/
    border-radius: 0px;
}
.chat .chat-container-left .dx-treeview-search {
    /*border-radius: 8px;*/
    border-radius: 0px;
}
/* FONT */
.chat-container-left .dx-widget {
    /*font-family: Roboto,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";*/
}
.chat .message-text {
    /*
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    font-family: "Segoe UI", "Segoe UI Web (West European)", "Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serifsans-serif;
    font-family: Roboto,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    */
}
/* ANDROID AND MOBILE VERSION  FIXES */
@media only screen and (device-width: 425px), only screen and (max-width: 425px) {
    .chat .dx-list-search .dx-texteditor-container {
        width: 100%;
    }
    .chat .message-text {
        padding: 10px;
    }
    .chat .message-text.message-file {
        padding: 0px;
    }
    .chat .message-file .preview-description {
        font-size: 12px;
    }
    .chat .message-head {
        padding: 0px;
        font-size: 12px;
    }
    .chat .message-head .btn {
        margin-left: 0px;
        font-size: 12px !important;
    }
    .chat-new-button .new-icon {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
}