.p-component-overlay { background-color: rgba(0, 0, 0, 0.1) } .p-paginator .p-paginator-first { margin-left: 1rem; } .dt-prime .p-datatable-thead > tr > th { background-color: var(--orange-300); } .dt-dashboard .p-datatable-thead > tr > th { background-color: var(--orange-300); } .dt-prime.p-datatable-striped .p-datatable-tbody > tr.p-row-odd { background-color: var(--orange-50); } .dt-dashboard.p-datatable-striped .p-datatable-tbody > tr.p-row-odd { background-color: var(--orange-50); } .dt-prime .p-sortable-column.p-highlight { background: var(--orange-200); } .dt-dashboard .p-sortable-column.p-highlight { background: var(--orange-200); } .dt-prime .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover{ background: var(--orange-200); } .dt-dashboard .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover{ background: var(--orange-200); } .dt-prime .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover { background: var(--orange-200); } .dt-dashboard .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover { background: var(--orange-200); } .dt-prime .p-datatable-header { background-color: var(--gray-50); } .dt-search:enabled:focus { outline: none; box-shadow: none; border-color: var(--gray-400); } /* TOOLBAR */ .dt-toolbar { background-color: transparent; padding: 0.8rem; border: none; } /* CARD */ .dt-card .p-card-body { padding: 2rem; } .dt-card .p-card-content { padding: 0; } /* DATATABLE DETAIL */ .dt-detail .p-datatable-thead > tr > th { background-color: var(--green-100); }