.audit-trail-mainlayout {
    display: flex;
    flex-direction: column;
    gap: var(--spacing);
    padding: var(--spacing8);
    height: 100%;
}

.audit-trail-date {
    width: calc(var(--spacing18) * 10);
}

.audit-trail-calendar {
    display: flex;
    flex-direction: column;
    gap: var(--spacing8);
}

.audit-trail-calendar-cal {
    width: 100%;
    height: 300px;
}

.audit-trail-calendar-daterange {
    color: #767676;
    font-size: 0.82rem;
}

.audit-trail-calendar-dateinfo {
    display: flex;
    align-items: center;
    gap: var(--spacing8);
}

.audit-trail-mainlayout .audit-trail-row.audit-trail-top,
.audit-trail-mainlayout .audit-trail-row.audit-trail-center {
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: auto;
}

.audit-trail-mainlayout .audit-trail-row.audit-trail-bottom {
    flex-shrink: 1;
    flex-grow: 1;
    flex-basis: auto;
    overflow-y: auto;
}

.audit-trail-filter {
    display: flex;
    flex-direction: column;
    flex: 1;
}

.audit-trail-filter .z-chosenbox {
    width: 100%;
}

.audit-trail-filters {
    display: flex;
    gap: var(--spacing);
    justify-content: space-between;
}

.audit-trail-list .z-listcell-content {
    text-overflow: ellipsis;
    white-space: nowrap;
}

.audit-trail-maxhint {
    color: #636363;
    font-size: 0.9rem;
}

.audit-trail-popup {
    max-width: 500px;
    max-height: 300px;
    overflow: auto;
}

.audit-trail-popup-copy {
    color: var(--text-color);
    cursor: pointer;
    font-size: 1rem;
    opacity: 0.5;
    position: absolute;
    top: var(--spacing6);
    right: var(--spacing6);
}

.audit-trail-popup-copy:hover {
    opacity: 1;
}