/* MESSAGE - FILE */
.message-file .preview-image {
    width: 298px;
}
.message-file .preview-icon {
    width: 298px;
}
/* PREDMETI ADMINISTRACIJA */
.subject-grid-message
{
    padding: 7px;
    float: left;
}
.subject-grid-message a{
    font-weight: bold;
    display: block;
    cursor: pointer !important;
    /*white-space: break-spaces;*/
    color: var(--base-theme-color);
}
.subject-grid-message a:hover {
    text-decoration: underline;
}
.subject-grid-message span{
    /* white-space: break-spaces; */
    white-space: nowrap;
}
/* SAVED MESSAGES*/
.saved-messages{
    flex: 1;
    overflow: auto;
}
/* POPRAVAK DEVEX GRIDA - SAKRIVANJE GRIDA ZA SELEKCIJU*/
.saved-messages .dx-datagrid-content-fixed{
    /*display: none;*/
}
/* DUPLI BORDER KOD SPREMLJENIH PORUKA */
.saved-messages .dx-tabpanel .dx-multiview-wrapper {
    border: none;
}
/* OVO JE BITNO KOD PRIJELOMA PORUKE U DEVEX GRIDU */
.saved-messages .subject-grid-message {
    white-space: initial;
    min-width: 500px;
}
/* MAKNI BORDER SA SLIKE U DEVEX GRIDU */
.saved-messages .message-file {
    border: none;
    box-shadow: none;
}
.saved-messages .message-file .preview {
    width: 322px;
    border: 1px solid rgb(222, 222, 222) !important;
}
/* POPRAVAK BORDER RADIUSA */
.saved-messages .message-file .preview-icon {
    border-radius: 0px;
}
.saved-messages .message-file .preview-image img {
    border-radius: 0px;
}
.saved-messages .message-file .preview-description {
    border-radius: 0px;
}
/* REPLY */
.saved-messages .message-reply-container {
    padding: 10px;
    border-left: 3px solid var(--base-success);
    background-color: rgba(26,179,148,0.1);
    margin-bottom: 5px;
    border-bottom-right-radius: 8px;
    font-style: italic;
}
.saved-messages .message-reply-footer {
    margin-bottom: 10px;
}
.saved-messages .message-reply-footer .reply-user {
    font-size: 15px;
    font-weight: 600;
    color: var(--base-theme-color);
}
.saved-messages .message-reply-footer .reply-date {
    font-size: 14px;
    font-weight: 500;
    color: var(--base-foreground-color:);
}
/* FORWARD */
.saved-messages .message-forward-container {
    padding: 10px;
    border-left: 3px solid var(--base-success);
    background-color: rgba(26,179,148,0.1);
    border-bottom-right-radius: 8px;
    font-style: italic;
}
.saved-messages .message-forward-footer {
    margin-bottom: 10px;
}
.saved-messages .message-forward-footer .forwarded-message {
    font-size: 14px;
    font-weight: 500;
    color: var(--base-foreground-color:);
}
.saved-messages .message-forward-footer .forward-user {
    font-size: 15px;
    font-weight: 600;
    color: var(--base-theme-color);
}
.saved-messages .message-forward-footer .forward-date {
    font-size: 14px;
    font-weight: 500;
    color: var(--base-foreground-color:);
}
/* READ MESSAGES */
.read-messages {
    position: absolute;
    right: 0;
    padding: 5px;
}
.read-messages .btn-read-messages{
    color: #f0f3f5;
    background-color: #c0c0c0;
    padding: 2px 5px;
    float: right;
}
.read-messages .btn-read-messages:active,
.read-messages .btn-read-messages:focus,
.read-messages .btn-read-messages:hover,
.read-messages .btn-read-messages:link,
.read-messages .btn-read-messages:visited {
    color: var(--base-bg);
    background-color: var(--base-theme-color);
}