.my_table {
  width: 100%;
  border-collapse: collapse;
  padding: 0;
  font-size: 0.875rem;
}

.my_table th,
.my_table td {
  padding: 0.3rem 0.5rem;
  text-align: left;
  border-bottom: 1px solid #ddd;
  white-space: nowrap;
}

.my_table th {
  background-color: #d6dbdf;
}

.my_table thead {
    position: sticky;
    top: 0;
    z-index: 2;
}

.my_table tbody tr:nth-child(even) {
  background-color: #f4f7b8;
}

.my_table tbody tr:nth-child(odd) {
  background-color: #fcffc5;
}

.my_table .small-column {
  width: 180px;
  max-width: 180px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.my_table .align-right-cell {
    text-align: right;
}


.my_table.all-borders th,
.my_table.all-borders td {
  border: 1px solid #ddd;
}


.table_fix {
  width: 100%;
  border-collapse: collapse;
  padding: 0;
  font-size: 0.875rem;
  table-layout: fixed;
}

.table_fix th,
.table_fix td {
  padding: 0.3rem 0.5rem;
  text-align: left;
  border-bottom: 1px solid #ddd;
  white-space: nowrap;
}

.table_fix th {
  width: 170px;
  background-color: #d6dbdf;
}

.table_fix thead {
    position: sticky;
    top: 0;
    z-index: 2;
}

.table_fix tbody tr:nth-child(even) {
  background-color: #f4f7b8;
}

.table_fix tbody tr:nth-child(odd) {
  background-color: #fcffc5;
}

.table_fix td {
    width: 100%;
    word-wrap: break-word;
    white-space: pre-wrap;
    overflow-wrap: break-word;
}

.table_fix .btn-cell {
    cursor: pointer;
    background-color: #6c757d; /* Button background color */
    color: white; /* Button text color */
    padding: 4px 8px; /* Button-like padding */
    text-align: center;
    border-radius: 4px; /* Rounded corners for button effect */
    font-size: 0.75rem; /* Adjust font size to match */
}

.table_fix .btn-cell:hover {
    background-color: #5a6268; /* Darker shade on hover */
}


.table_board {
  width: 100%;
  border-collapse: collapse;
  padding: 0;
  font-size: 0.875rem;
}

.table_board th,
.table_board td {
  padding: 0.3rem 0.5rem;
  text-align: left;
  border-bottom: 1px solid #ddd;
  white-space: nowrap;
}

.table_board th {
  background-color: #d6dbdf;
}

.table_board thead {
    position: sticky;
    top: 0;
    z-index: 2;
}

.table_board tbody tr:nth-child(even) {
    background-color: white;
}

.table_board .small-column {
  width: 180px;
  max-width: 180px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.table_board .align-right-cell {
    text-align: right;
}


/* Custom Table Styling */
.custom-table {
    width: auto;
    border-collapse: collapse;
    font-family: 'Arial', sans-serif;
    font-size: 14px;
}

/* Table Header Styling */
.custom-table thead {
    background-color: #bfc9ca;
    color: #495057;
    text-align: center;
    font-weight: bold;
}

.custom-table th {
    padding: 5px 5px;
    border: 1px solid #000000;
}

/* Table Body Styling */
.custom-table tbody {
    background-color: #f4f7b8;
}

.custom-table td {
    padding: 5px 5px;
    border: 1px solid #000000;
    text-align: center;
    vertical-align: middle;
}

/* Row Span and Text Alignment Adjustments */
.custom-table td[rowspan] {
    vertical-align: middle;
}

/* Styling for the Total Row in Each Permit */
.custom-table td[colspan="4"] {
    font-size: 15px;
    background-color: #bfc9ca;
}

.custom-table .total_operation {
    font-size: 15px;
    background-color: #0dcaf0;
}