/* GridCRUDComponent */
.grid-crud {
    background-color: #fff !important;
    border-radius: var(--border-radius-3) !important;
}

.grid-crud tr:hover {
    background-color: var(--color-gray-100) !important;
}

.grid-crud td {
    border-left: none !important;
    height: 3rem !important;
}

.grid-crud th {
    background-color: #fff !important;
    border-right: none !important;
    height: 3rem !important;
}

.grid-crud th.dxbl-grid-header.dxbl-grid-action {
    border: none !important;
    border-bottom: 1px solid var(--color-gray-500) !important;
}

.grid-crud button.dxbl-btn.dxbl-btn-outline-secondary.dxbl-pager-page-btn.dxbl-pager-active-page-btn {
    background-color: #fff !important;
    color: #000 !important;
}

.grid-crud div.dxbl-grid-top-panel {
    border: none !important;
}

.grid-crud .dx-grid-crud .dxbl-align-right {
    text-align: left !important;
}

.grid-crud div.dxbl-grid-bottom-panel dxbl-pager-container {
    border: none !important;
}


/* --- GridCRUDComponent dentro de FormCRUDComponent --- */
div.sub-table-container {
    border: 1px solid var(--color-gray-500) !important;
    border-radius: var(--border-radius-4) !important;
    margin-top: var(--spacing-4) !important;
}

div.sub-table-container .grid-crud {
    border-left: none !important;
    border-right: none !important;
    border-bottom: none !important;
}

div.sub-table-container .grid-crud div.header-container {
    padding: var(--spacing-3) !important;
}

div.sub-table-container .grid-crud .dxbl-grid.dx-grid-crud {
    border: none !important;
}

div.sub-table-container .grid-crud .dxbl-grid.dx-grid-crud th,
div.sub-table-container .grid-crud .dxbl-grid.dx-grid-crud td {
    padding-left: var(--spacing-3) !important;
}


/* --- FormCRUDComponent Tablas dentro de PESTAÑAS --- */
.container-content.table-container-content {
    border: none;
    margin-bottom: 0 !important;
    padding: var(--spacing-4) !important;
    padding-bottom: 0 !important;
}

.container-content.table-container-content .header-container.sub-header {
    justify-content: space-between !important;
    padding: 0;
}

.container-content.table-container-content .dx-grid-crud {
    border-radius: var(--border-radius-3) !important;
}