.vxe-grid-full {
    :deep(.vxe-cell) {
        padding: 0px;
    }

    :deep(.vxe-body--column) {
        padding: 4px 0px;
    }
    :deep(.vxe-select--panel-wrapper){
        color: #fff;
        background-color: rgba(0, 0, 0, 0);
    }
    :deep(.vxe-table--body) {
        color: #fff;
        background-color: rgba(0, 0, 0, 0);
    }

    :deep(.vxe-table--header-wrapper) {
        color: #fff;
        background-color: rgba(0, 0, 0, 0);
    }

    :deep(.vxe-pager) {
        color: #fff !important;
        background-color: rgba(0, 0, 0, 0) !important;
    }

    :deep(.vxe-pager--jump-prev) {
        color: #fff !important;
        background-color: rgba(0, 0, 0, 0) !important;
    }

    :deep(.vxe-pager--prev-btn) {
        color: #fff !important;
        background-color: rgba(0, 0, 0, 0) !important;
    }

    :deep(.vxe-pager--jump) {
        color: #fff !important;
        background-color: rgba(0, 0, 0, 0) !important;
    }

    :deep(.vxe-pager--next-btn) {
        color: #fff !important;
        background-color: rgba(0, 0, 0, 0) !important;
    }

    :deep(.vxe-pager--jump-next) {
        color: #fff !important;
        background-color: rgba(0, 0, 0, 0) !important;
    }

    :deep(.vxe-pager--sizes) {
        color: #fff !important;
        background-color: rgba(0, 0, 0, 0) !important;
    }

    :deep(.vxe-pager--goto) {
        color: #fff !important;
        background-color: rgba(0, 0, 0, 0) !important;
    }

    :deep(.vxe-input--inner) {
        color: #fff !important;
        background-color: rgba(0, 0, 0, 0) !important;
    }

    :deep(.vxe-select-option) {
        color: #fff !important;
        background-color: rgba(0, 0, 0, 0) !important;
    }
}

.vxe-cell-class-name {
    color: #fff;
    padding: 2px;
    cursor: default;
    background-color: rgba(0, 0, 0, 0);
}

.vxe-header-row-class-name {
    color: #fff;
    padding: 2px;
    cursor: default;
    background-color: rgba(0, 0, 0, 0.3);
}