/***** ตาราง *******/
.table-ctn{
  overflow-x: auto;
  overflow-y: auto;
  max-height: 90vh;
}
.table-ctn table {
  width: 100%; 
  border-spacing: 1px; 
  border-collapse: separate;
  font-size: 0.95rem;
}

.table-ctn table th,
.table-ctn table td {
  border: 1px solid gray;
  padding: 1px;
  white-space: nowrap; 
  outline: 1px solid gray;
}

.table-ctn thead th {
  position: sticky;
  top: 0;
  font-weight: 400;
  z-index: 11;
  /* background-color: inherit; */
  line-height: 2rem;
}
.table-ctn thead tr:first-child th:first-child , 
.table-ctn thead tr:first-child th:nth-child(2) {
  background-color: var(--main-dark)
}






/* Scroll fix - 1st and 2nd columns */
/* .table-ctn thead th:first-child,
.table-ctn tbody td:first-child,
.table-ctn thead th:nth-child(2),
.table-ctn tbody td:nth-child(2) {
  position: sticky;
  z-index: 10; 
  background-color: inherit;
  overflow: hidden;
  white-space: nowrap;
} */

/* .table-ctn thead th:first-child,
.table-ctn tbody td:first-child { left: 0; } */

/* .table-ctn thead th:nth-child(2),
.table-ctn tbody td:nth-child(2) {left: 20px; } */

/* .table-ctn thead th:first-child ,
.table-ctn thead th:nth-child(2) {
  z-index: 12; 
}
.table-ctn tr:hover {
  background-color: black!important;
} */