/* Datatables edit CSS */
td.editable {
    /* border: 1px solid #ced4da; Bootstrap form field border */
    padding: .375rem .75rem; /* Bootstrap form field padding */
    border-radius: .25rem; /* Bootstrap form field border-radius */
    cursor: text;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; /* Smooth transition for focus */
  }
  
  td.editable:hover {
    background-color: #f6f6f6; /* Slightly darker background on hover */
    color: #000; /* Dark text on hover */
  }
  
  /* Mimic the focus style of Bootstrap form fields */
  td.editable:focus-within {
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(13, 110, 253, 0.25);
  }
  
  /* Set the datatables fixed header BG based on theme */
  .fixedHeader-floating thead tr th {
      background-color: white !important; /* Default to body background */
  }