@import "../../../variables";

.cxb-columnsVisibility{
    max-width: 300px;
    min-width: 200px;
    overflow: hidden;

    header{
        display: flex;
        flex-direction: row;
        align-items: center;
        margin-bottom: .2rem;
        padding: .5rem .4rem;
        background-color: $ascentII-color-light;

        .cxb-checkbox{
            padding: 0 .2rem;
        }
    }

    .cxe-columnsVisibility-list{
        margin-top: .2rem;
        max-height: 600px;
        overflow: auto;
        display: flex;
        flex-direction: column;
        padding: 0 .3rem .3rem .3rem;

        & > .cxb-checkbox{
            margin-top: .1rem;
        }
    }

    .cxe-columnsVisibility-footer{
        margin-top: .2rem;
        border-top: $base-border-color 2px solid;
        background-color: $base-back-color;
        padding: .3rem 1rem;
    }
}

.cxb-gridPagination{
    padding: .2rem .5rem;
    background: lighten($ascentII-color-light, 4);
    //background: $base-toolbar-background-color;
    //border-bottom: 2px solid $base-border-color;
}

.cxe-gridPagination-info{
    color: $base-font-color-light;
    font-size: 92%;
    font-weight: bold;
}

.cxb-pagination.cxm-grid{
    .cxe-pagination-page {
        &:not(:hover):not(.cxs-active) {
            background: white;
        }
    }
}