.card-body.table-wrapper {
  
}

.table {
    color: #20355a !important;
}

.tabulator-header {
    margin-left:0px !important;
}   

.tabulator {
    border: 0;
}

.table-clickable .tabulator-cell {
    cursor: pointer;
}



.table.table-clickable a {
    text-decoration: none;
}


.tabulator.table-sm .tabulator-tableHolder .tabulator-table .tabulator-row .tabulator-cell  {
    padding-left: 10px !important;
    padding-right:30px !important;
}

.tabulator.table-sm {
    font-size: 0.9rem;
}


.tabulator.table-sm  .tabulator-row {
padding-top:2px;
padding-bottom:2px;
}

.tabulator .tabulator-header {
    border-top: 0;
    font-weight: 600;
    color:   #20355a !important;
}

.tabulator .tabulator-page-size {
    padding: 6px 10px !important;
}

.tabulator-row.tabulator-row-even {
    background-color: #fafafa;  
}

.tabulator-row {
    border-bottom-color: rgb(222, 226, 230) !important;
padding-right:0px !important;
}



#page-dashboard .table-sm  {
    font-size:12px;
}



.table-clickable .tabulator-row:hover {
    background-color: #f2f2f2;
}


.tabulator-cell.link {
    
    color: var(--cx-admin-button-primary-bg, #009fd9);


}

table.dataTable.striped tr:nth-child(even) {
    background-color: #fbfbfb;
}
table.dataTable {
    font-size: 14px
}


table.dataTable th {
    font-weight: 500;
    border-bottom-color: #dee2e6 !important;
}


table.dataTable .form-control {
    font-size:14px;
    padding: 8px 12px;
}

.datatable-top {
    display: flex;
    justify-content: space-between; /* pushes them to the edges */
    align-items: center; /* vertically center-aligns them */
    margin-bottom: 1em; /* optional spacing under */
}
 


.datatable-bottom {
    display: flex;
    justify-content: space-between; /* pushes them to the edges */
    align-items: center; /* vertically center-aligns them */
    margin-bottom: 0.5em; /* optional spacing under */
}

/* If you prefer inline blocks instead of flex: */
    .datatable-mid .dataTables_length,
    .datatable-mid .dataTables_info {
        display: inline-block;
        vertical-align: middle;
    }