.dx-list-item-content {
    padding: 0px !important;
}

.popup-content {
    max-height: 95vh;
    max-width: 95vw;
    overflow: auto;
    display: flex;
    flex-flow: row wrap;
    align-items: flex-start;
    gap: 10px;
    scrollbar-width: thin;
    scrollbar-color: #009688 #00000000;
}

.dx-tabpanel-tabs-position-top .dx-tabs {
    border-bottom: 1px solid #009688;
}
@media screen and (max-width: 400px) {
    .popup-content {
        flex-flow: column;
    }
}

.popup-content-fixed {
    flex: 0 0 340px;
}

.popup-content-fixed-wide {
    flex: 0 0 650px;
}

.popup-content-strech {
    flex: 1 1 340px;
    max-width: 650px;
}

.comments {
    width: 340px;
}

    .comments .comment-container {
        padding: 5px 0px;
        border-bottom: 1px solid #009688;
        margin-bottom: 5px;
    }

        .comments .comment-container .comment-info {
            color: rgba(255, 255, 255, 0.5);
        }

            .comments .comment-container .comment-info .comment-by-fullname {
                float: left;
            }

            .comments .comment-container .comment-info .comment-date {
                float: right;
            }

            .comments .comment-container .comment-info .comment-info-clear {
                clear: both;
            }

        .comments .comment-container .comment {
            white-space: normal;
        }