.containerArTable {
  border-style: solid;
  border-width: 1px;
  border-color: var(--header-bg);
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  overflow: auto;
}

.arTable {
  width: 100%;
  overflow-x: auto;
  border-collapse: collapse;
  overflow: auto;
  background-color: #fff;
}

.arTableThead {
  background-color: var(--header-bg);
  color:#f7f7f7;
}

.arTableThead > th {
  padding: 4px;
  border-top: 0px!important;
  font-weight: 500;
}

.arTableThead > th > div {
  width: max-content;
}

.arTableThead > th > div > .sort {
  padding-left: 5px;
  cursor:pointer;
}

.arTableTbody {
  
}

/*
.arTableTbody > tr {
  height:50px;
}
*/

.arTable> tbody > tr >th, .arTable>tfoot>tr>th, .arTable>thead>th {
  border-top: 1px solid var(--header-bg);
  border-right: 1px solid #8cbb89;
  height:30px;
}

.arTable> tbody > tr >th:last-child, .arTable>tfoot>tr>th:last-child, .arTable>thead>th:last-child {
  border-right-width: 0;
}



.arTable>tbody>tr>td, .arTable>tfoot>tr>td, .arTable>thead>td {
  border-top: 1px solid var(--header-bg);
  /* border-right: 1px solid var(--header-bg); */
  min-height: 30px;
  padding-right:5px;
  padding-left:5px;
}

.arTable>tbody>tr>td:last-child, .arTable>tfoot>tr>td:last-child, .arTable>thead>td:last-child {
  border-right-width: 0;
}

/*
.arTableTbody > tr > td:first-child, .arTableThead > th:first-child {
  padding-left: 20px;
}

.arTableTbody > tr > td:last-child, .arTableThead > th:last-child {
  padding-right: 20px;
}
*/

.arTableTbody > tr > td > input[type=text] {
  /* height: calc(1.5em + .5rem + 2px); */
  /* padding: .25rem .5rem; */
  padding: 0.1rem 0.1rem;
  font-size: .875rem;
  line-height: 1.5;
  width: 100%;
  /* border-radius: .2rem; */
}

.arTableTbody > tr > td > input[type=checkbox] {
  /* height: calc(1.5em + .5rem + 2px); */
  /* padding: .25rem .5rem; */
  padding: 0.1rem 0.1rem;
  font-size: .875rem;
  line-height: 1.5;
  /* width: 100%; */
  /* border-radius: .2rem; */

  
  border-radius: 0.2rem;
}

/* .arTableThead > th:first-child {
  position: sticky;
  left: 0;
}
.arTableThead > th:first-child {
  background: var(--header-bg);
}

.arTableTbody > th:first-child,tr>td:first-child {
  position: sticky;
  left: 0;

} */

.arTableTbody > tr:nth-child(odd) td {
   background: #fff;
}

.arTableTbody > tr:nth-child(even) td {
   background: #fafafa;
}

._action {
  padding: 8px;
  cursor: pointer;
}