.dark-layout .form-control[type=file]::-webkit-file-upload-button {
  background-color: #283046;
}
.dark-layout .form-control[type=file]::file-selector-button {
  background-color: #283046;
}



.card-datatable {
  width: 100%;
  overflow-x: auto; /* Enables horizontal scrolling */
}

.table {
  width: 100%;
  min-width: 800px; /* Ensures table doesn't shrink too much */
  border-collapse: collapse;
  text-align: center;
  direction: rtl; /* Default direction */
}

.table th, .table td {
  border: 1px solid #ddd;
  padding: 8px;
  white-space: nowrap; /* Prevents text from wrapping */
}

/* Handle RTL layout */
html[dir="rtl"] .table {
  direction: rtl;
}

html[dir="rtl"] .table th,
html[dir="rtl"] .table td {
  text-align: right; /* Align text to the right for RTL */
}

html[dir="ltr"] .table th,
html[dir="ltr"] .table td {
  text-align: left; /* Align text to the left for LTR */
}