/* CUSTOM STYLES FOR EDITABLE TABLE  */
.editable-cell{
    cursor:pointer;
    padding:.5rem !important;
    vertical-align:middle;
    position:relative;            
    white-space:nowrap;           
    overflow:hidden;              
    text-overflow:ellipsis;      
  }

  .editable-cell:hover{
    background:#f8f9fa !important;
    outline:2px dashed var(--bs-primary);
    outline-offset:-2px;
  }

  .editable-cell.editing{
    background:#fff3cd !important;
    outline:none;
  }

  .editable-cell.editing input,
  .editable-cell.editing select{
    position:absolute;
    top:3px;
    left:3px;
    right:3px;
    bottom:3px;

    width:auto;
    height:auto;

    margin:0;
    padding:.25rem .5rem;

    border:2px solid var(--bs-primary);
    border-radius:.25rem;
    box-sizing:border-box;
    background:#fff;
  }

  .editable-cell.editing input[type="number"],
  .editable-cell.editing input[type="date"],
  .editable-cell.editing input[type="datetime-local"]{
    min-height:0 !important;
    line-height:1.2;
    -webkit-appearance:none;
    appearance:none;
  }

  .editable-cell.modified{
    background:#d1e7dd !important;
    font-weight:500;
  }

  .save-changes-btn{display:none;}
  .save-changes-btn.show{display:inline-flex !important;}