.dataTables_filter label,
div.dataTables_wrapper div.dataTables_length label {
   display: flex;
   align-items: center;
   justify-content: center;

   gap: 5px;
}

.dataTables_filter label {
   margin: 1em 0;
}

div.dataTables_wrapper div.dataTables_length label {
   margin: 1em 0;
   width: 200px;
}

.dataTables_info,
.dataTables_paginate {
   margin-bottom: 10px;
}

.dataTables_paginate .paginate_button {
   border: 1px solid #e5e7eb;
   border-radius: 3px;
   margin: 0px;
   cursor: pointer;
   display: inline-block;
   font-size: 14px;
   padding: 5px 8px;
}

.dataTables_paginate .paginate_button.current {
   background: #667eea;
   color: #fff;
   display: inline-block;
}

.counter {
   font-weight: 700;
}

.badge {
   display: inline-flex;
   align-items: center;
   justify-content: center;
}

.bg-primary-soft {
   background-color: rgba(102, 126, 234, 0.1);
}

.bg-success-soft {
   background-color: rgba(40, 167, 69, 0.1);
}

.bg-warning-soft {
   background-color: rgba(255, 193, 7, 0.1);
}

.bg-danger-soft {
   background-color: rgba(220, 53, 69, 0.1);
}

.bg-holder {}

.box-file-input {
   height: 0;
   width: 0;
   opacity: 0;
   padding: 0;
   margin: 0;
}

.cursor-pointer {
   cursor: pointer;
}

/* Hide DataTables processing indicator - we use our own loading state */
div.dataTables_processing {
   display: none !important;
}

/* Hide any lingering table loading spinners after table is initialized */
.dataTable .fa-spinner {
   display: none;
}