.listview-container {
    position: relative;
    height: 100%;
    width: 100%;
}

.cw-listview {
    height: 100%;
    overflow-y: auto;
    border: 1px solid var(--cw-paging-border-color, #f5f5f5);
    padding: 0;
    display: grid;
    gap: 10px;
}

.cw-listview-no-paging {
    height: calc(100% - 60px);
    max-height: 77vh;
    overflow-y: auto;
    border: 1px solid var(--cw-paging-border-color, #f5f5f5);
    padding: 0;
}

.cw-listview-row {
    grid-template-columns: 1fr;
}

.cw-listview-card {
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
}

.cw-listview .cw-list-item {
    -webkit-touch-callout: none;
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

.cw-listview-row .cw-list-item {
    border-bottom: 1px solid var(--cw-row-border-color, rgba(0, 0, 0, 0.06));
}

.cw-listview-row .cw-list-item:hover {
    background-color: var(--cw-row-hover-bg) !important;
}

.cw-listview-row .cw-list-item.selected {
    background-color: var(--cw-row-selected-bg) !important;
}

.cw-listview-card .cw-list-item:hover {
    box-shadow: 0 1px 4px rgba(0,0,0,.1), 0 4px 12px rgba(0,0,0,.15);
}

.cw-listview-card .cw-list-item.selected {
    background: var(--cw-row-selected-bg) !important;
}

.paging-wrapper {
    background-color: var(--cw-paging-bg, #fafafa);
    border: 1px solid var(--cw-paging-border-color, #f5f5f5);
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

    .paging-wrapper ul {
        margin: 0 !important;
        flex: 1;
    }

        .paging-wrapper ul li {
            margin: 0 !important;
        }

        .paging-wrapper ul button {
            border: none !important;
            color: var(--cw-paging-link-color, #0065d2);
            background-color: transparent !important;
            padding: 15px;
            transition: color 0.15s ease-in-out;
        }

        .paging-wrapper ul button:hover {
            cursor: pointer;
            color: var(--cw-paging-link-hover-color, #004c9f);
        }

    .paging-wrapper .pagination .active button {
        color: var(--cw-paging-active-color, #0056a0) !important;
        box-shadow: var(--cw-paging-active-indicator, inset 0px 3px #0056a0);
    }

.pagination > .disabled > button {
    pointer-events: none;
}

.cw-pagination-item-number {
    margin: auto;
}

@media screen and (max-width:375px) {
    .paging-wrapper ul button {
        padding: 15px 9px;
    }
}