.hd-word-break {
  word-break: break-word;
}

.hd-th-no-wrap th,
.hd-no-wrap,
tr.hd-no-wrap td {
  white-space: nowrap!important;
}



.overflow-x-auto {
  overflow-x: auto;
}

.sticky-first-col table td:first-of-type {
  position: sticky;
  left: 0;
  background: #fff;
}

.d-inline-block {
  display: inline-block;
}

.table-fix-first-col .view-content{
 max-width: 98vw;

 overflow-x: auto;
}
.table-fix-first-col table{
  display: table;
  border-collapse: separate;
}
.table-fix-first-col table>thead{
  position: static;

  background-color: #fff;
}
.table-fix-first-col table>thead>tr{
  display: table-row;;
}
.table-fix-first-col table>thead>tr>th:first-child{
  position: -webkit-sticky;
  position: sticky;
  left:0px;
  background-color: #fff;
  z-index: 1;
}

.table-fix-first-col table>tbody>tr>td:first-child{
  position: -webkit-sticky;
  position: sticky;
  left:0px;
  background-color: #fff;
  padding-right: 5px;
  padding-left: 0;
  z-index: 1;
}

.gin--dark-mode .table-fix-first-col table>thead>tr>th:first-child,
.gin--dark-mode .table-fix-first-col table>tbody>tr>td:first-child {
  background-color: #2a2a2d;
}

@media(max-width: 1030px){
  .table-fix-first-col table>thead>tr>th:first-child{
    padding-right: 5px;
    padding-left: 0;
  }
  .table-fix-first-col table>thead>tr>th{
    padding-left: 5px;
  }
  .table-fix-first-col table>tbody>tr>td{
    padding-left: 5px;
  }
}