.w3-hoverable tbody tr:hover {
  background-color: var(--w3-theme-background-color);
  color: var(--w3-theme-color);
}
.w3-responsive {
  display: block;
  overflow-x: auto;
}
.w3-table-all {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  display: table;
}
.w3-table-all {
  border: 0.1rem solid #ccc;
}
.w3-table-all tr {
  border-bottom: 0.1rem solid #ddd;
}
.w3-table-all tr:nth-child(even) {
  background-color: var(--w3-theme-l3-background-color);
  color: var(--w3-theme-l3-color);
}
.w3-table-all tr:nth-child(odd) {
  background-color: var(--w3-theme-l4-background-color);
  color: var(--w3-theme-l4-color);
}
.w3-table-all td, .w3-table-all th {
  padding: 0.8rem 0.8rem;
  display: table-cell;
  text-align: left;
  vertical-align: top;
}
.w3-table-all td:first-child, .w3-table-all th:first-child {
  padding-left: 1.6rem;
}

.tg {
  z-index: 0;
  position: relative;
  border: none;
  border-collapse: initial;
  border-style: hidden;
}
.tg td, .tg th {
  border: 0.1rem solid black;
}
.tg-div {
  border-radius: 0.8rem;
}
.tg-div::-webkit-scrollbar {
  height: 1.6rem;
  width: 1.6rem;
}
.tg-div::-webkit-scrollbar-corner {
  border-radius: 0 0 0.8rem 0;
}
.tg-div::-webkit-scrollbar-corner, .tg-div::-webkit-scrollbar-track {
  background-color: var(--w3-theme-l2-background-color);
}
.tg-div::-webkit-scrollbar-thumb {
  background: var(--w3-theme-l1-background-color);
}
@media (hover:hover) {
.tg-div::-webkit-scrollbar-thumb:hover {
  background: var(--w3-theme-background-color);
}}
.tg-div::-webkit-scrollbar-thumb:horizontal, .tg-div::-webkit-scrollbar-track:horizontal {
  border-radius: 0 0 0.8rem 0.8rem;
}
.tg-div::-webkit-scrollbar-thumb:vertical, .tg-div::-webkit-scrollbar-track:vertical {
  border-radius: 0 0.8rem 0.8rem 0;
}
.tg-div-change-horizontal::-webkit-scrollbar-thumb:horizontal, .tg-div-change-horizontal::-webkit-scrollbar-track:horizontal {
  border-radius: 0 0 0 0.8rem;
}
.tg-div-change-vertical::-webkit-scrollbar-thumb:vertical, .tg-div-change-vertical::-webkit-scrollbar-track:vertical {
  border-radius: 0 0.8rem 0 0;
}
.tg-l {
  text-align: left !important;
}
.tg-l-t {
  text-align: left !important;
  vertical-align: top !important;
}
.tg-no-break {
  white-space: nowrap;
  background-color: var(--w3-theme-l3-background-color) !important;
  color: var(--w3-theme-l3-color) !important;
}
.table-sticky-top {
  z-index: 1;
  position: sticky;
  top: 0;
  font-weight: bolder;
}
.table-sticky-left {
  position: sticky;
  left: 0;
  font-weight: bolder;
  background-color: var(--w3-theme-l2-background-color) !important;
  color: var(--w3-theme-l2-color) !important;
}
.bottom-right-cell {
  border: 0.1rem solid black;
  border-bottom-right-radius: 0.8rem;
}
.bottom-left-cell {
  border: 0.1rem solid black;
  border-bottom-left-radius: 0.8rem;
}
.top-left-cell {
  border: 0.1rem solid black;
  border-top-left-radius: 0.8rem;
}
.top-right-cell {
  border: 0.1rem solid black;
  border-top-right-radius: 0.8rem;
}
.top-row, .row-title {
  background-color: var(--w3-theme-l2-background-color) !important;
  color: var(--w3-theme-l2-color) !important;
}