.audit-log-container {
    position: relative;
    height: 100%;
    width: 100%;
}

.audit-log-list {
    overflow-y: auto;
    border: none;
    padding: 0;
    margin: 15px 0;
}

    .audit-log-list .cw-audit-log-item {
        -webkit-touch-callout: none;
        -webkit-text-size-adjust: none;
        -webkit-tap-highlight-color: rgba(0,0,0,0);
        user-select: text !important;
        display: block;
        border-bottom: 1px solid rgba(0,0,0,0.2);
        width: 100%;
        color: #5e677b;
        padding: 5px 0;
    }

        .audit-log-list .cw-audit-log-item:hover {
            background-color: #f5f6f6 !important;
            display: inline-block;
        }
    /*.audit-log-list .cw-audit-log-item.collapsed {
            border: none;
            display: inline-block;
            width: 100%;
        }
            .audit-log-list .cw-audit-log-item.collapsed:hover {
                background-color: #f5f6f6 !important;
            }*/

    /*.audit-log-list .cw-audit-log-item.expanded {
        background-color: #f5f6f6 !important;
    }*/

    .audit-log-list ul {
        padding: 0px;
        margin: 0px;
    }

        .audit-log-list ul li {
            padding: 0px;
            margin: 0px;
        }

.cw-audit-log-item .audit-log-date {
    cursor: default;
    font-size: small;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cw-audit-log-item .audit-log-time {
}

.cw-audit-log-item .audit-log-event {
    cursor: pointer;
}

.cw-audit-log-item .audit-log-event,
.cw-audit-log-item .audit-log-client-info {
    font-weight: bold;
}

.cw-audit-log-item .audit-log-username {
}

.cw-audit-log-item .audit-log-data {
    display: block;
}

    .cw-audit-log-item .audit-log-data .audit-log-data-from-value {
        color: #AE304A;
    }

        .cw-audit-log-item .audit-log-data .audit-log-data-from-value.empty {
            font-style: italic;
        }

    .cw-audit-log-item .audit-log-data .audit-log-data-to-value {
        color: #60A554;
    }

        .cw-audit-log-item .audit-log-data .audit-log-data-to-value.empty {
            font-style: italic;
        }

    .cw-audit-log-item .audit-log-data .audit-log-data-attribute {
        font-weight: normal !important;
    }

.cw-audit-log-item .audit-log-exapand-button {
    cursor: pointer;
    border: 1px solid rgba(0,0,0,0.2);
    /* display: none; */
    border-radius: 0.15rem;
    display: block;
    margin-left: 15px;
    margin-top: 5px;
    min-width: 25px;
}

.cw-audit-log-item .audit-log-user-icon {
    margin-right: 5px;
}

.cw-audit-log-item .audit-log-user-fullName {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: small;
    display: block;
}


.cw-audit-log-filter {
    z-index: 1001;
    background: white;
    border: none;
    transition: all .5s ease-in-out;
    min-width: 330px;
    overflow-y: auto;
}

    .cw-audit-log-filter .cw-filter-content {
        overflow-y: auto;
        max-height: 350px;
        padding-top: 10px;
    }

    .cw-audit-log-filter .cw-filter-footer {
        margin-bottom: 5px;
    }

    .cw-audit-log-filter .form-row,
    .cw-audit-log-filter .form-inline {
        margin-bottom: 13px;
    }

.cw-audit-log-filter-button .has-apply-filter {
    text-shadow: 0px 1px 16px #008345;
}