.dialog .profile > .action-item.person .text,
.dialog .message-item .text,
.dialog .profile > .person-icon .text
{
    display: block;
    opacity: 1;
    visibility: visible;
    max-height: 10em;
    max-width: 10em;
}
.dialog .search .action-item.person .text{
    display: none;
}

.message-panel .message-item{
    margin-bottom: 1.3em;
}

.row-reverse {
    flex-direction: row-reverse  !important;
}

.message-item {
    display: flex;
    flex-direction: row;
    align-items: center;
    user-select: text;
}
.message-text span,
.message-item .message-text,
.message-item-sender .message-text {
    flex-direction: column;
    font-size: clamp(16px, 1.1dvh, 18px);
    gap: 0.25em;
    background: #F0DCFF;
    border: 1px solid #E0CCEF;
    margin: 0 5px 1.5rem 5px;
    padding: .75em;
    border-radius: .75em .75em .75em 0;
    color: #000000CC;
    box-shadow: none;
    text-shadow: none;
    text-align: left;
    width: 60dvh;
    max-width: 60dvh;
    position: relative;
}
.message-text{
    margin-bottom: 1.5rem;
}
.message-text .text.extra{
    position:absolute;
    left: 0;
    top:110%;
}

.message-text .name-time{
    position:absolute;
    left: 0;
    top:100%;
    padding-top: 0.25em;
    font-family: 'SF Pro Display', 'Roboto', sans-serif;
    color: #3b3b3bcc;
    font-size: 14px;

}

.message-item.is-current-user .name-time {
    padding-left: 0;
    text-align: right;
    right: 0;
    left: unset;
}
.message-item.is-current-user .text.extra {
    padding-left: 0;
    text-align: right;
    right: 0;
    left: unset;
}

.message-text .cato-title-link{
    font-size: clamp(18px, 1.2dvh, 20px);
}

.cato-radio-control .radio-component.label {
    font-size: clamp(18px, 1.2dvh, 20px);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.cato-radio-control .radio-component.label .radio-control .radio-input.label .row .input.text {
    flex-direction: column;
    font-size: clamp(16px, 1.1dvh, 18px);
    gap: 0.25em;
    margin: 0 5px 1.5rem 5px;
    padding: .75em;
    border-radius: .75em .75em .75em 0;
    color: #000000CC;
    text-align: left;
    max-width: 60dvh;
    position: relative;
    display: flex;
    flex-wrap: wrap;
}

.message-item.is-current-user .message-text {
    background: #CAF2FF;
    border: 1px solid #BAE2EF;
    border-radius:  .75em .75em 0 .75em;
    text-align: right;
    align-items: flex-end;
    justify-content: flex-end;
}
.message-item .message-text .text{
    font-size: clamp(14px, .9dvh, 16px);
    padding-right: 0;
    padding-left: 0rem;
    opacity: 0.65;
    overflow: visible;
    white-space: nowrap;
}

.radio-input.cato .row .text{
    white-space: normal;
}


/*noinspection CssUnusedSymbol*/
/*.page.connect_chat .person.connect_person {*/
/*    display: none;*/
/*}*/
.input-message label{
    flex-direction: row;
}
.input-message input[type="text"] {
    flex: 1;
    /*width: calc(100% - 2rem);*/
    margin: 0.5rem 1rem;
}
#logout{
    margin: 0 1rem;
}