#table_berkas_ex {
    counter-reset: rowNumber;
}

#table_berkas_ex  tbody tr>td:first-child{
    counter-increment: rowNumber;
}

#table_berkas_ex tbody tr td:first-child::before {
    content: counter(rowNumber);
    min-width: 1em;
    margin-right: 0.5em;
}

#table_berkas{
    counter-reset: rowNumber;
}

#table_berkas tbody tr td:first-child{
    counter-increment: rowNumber;
}

#table_berkas tbody tr td:first-child::before {
    content: counter(rowNumber);
    min-width: 1em;
    margin-right: 0.5em;
}

.readonly_file_input {
  pointer-events: none;
  background-color: #e9ecef; /* Optional: to give it a "disabled" look */
}

select[readonly].select2-hidden-accessible + .select2-container {
    pointer-events: none;
    touch-action: none;
}
select[readonly].select2-hidden-accessible + .select2-container .select2-selection {
    background: #eee;
    box-shadow: none;
}
select[readonly].select2-hidden-accessible + .select2-container .select2-selection__arrow, select[readonly].select2-hidden-accessible + .select2-container .select2-selection__clear {
    display: none;
}

.selectgroup-input:checked + .selectgroup-button[readonly] {
  background-color: #7687b7;
  pointer-events: none;
}

.selectgroup-input + .selectgroup-button[readonly] {
  pointer-events: none;
}

.selectgroup-input[readonly] {
  pointer-events: none;
  touch-action: none;
}