.custom-table-section {
  margin: auto;
  overflow: hidden;
}
.custom-table-section .custom-table-wrap {
  position: relative;
  width: 100%;
  height: 100%;
  overflow-x: scroll;
  overflow-y: hidden;
  padding-bottom: 1.5rem;
}
.custom-table-section .custom-table-wrap::-webkit-scrollbar {
  height: 0.8rem;
}
.custom-table-section .custom-table-wrap::-webkit-scrollbar-track {
  background: var(--colorWhite);
}
.custom-table-section .custom-table-wrap::-webkit-scrollbar-thumb {
  background: rgb(165, 165, 165);
  border-radius: 5rem;
}
.custom-table-section .custom-table-wrap .custom-table {
  position: relative;
  border-collapse: collapse;
  width: 100%;
  font-size: var(--fontSize-Root);
}
.custom-table-section .custom-table-wrap .custom-table thead td,
.custom-table-section .custom-table-wrap .custom-table thead th {
  text-align: left;
  color: var(--colorBlack);
}
.custom-table-section .custom-table-wrap .custom-table thead th {
  padding: 0.8rem 1.5rem;
}
.custom-table-section .custom-table-wrap .custom-table thead th button {
  font-size: clamp(1.6rem, var(--fsClamp-scaler-p), 2rem);
  cursor: pointer;
  font-family: inherit;
  border: none;
  border-radius: 0.8rem;
  padding: 0.5rem 1rem;
  transition: var(--transitionStandard);
  background: none;
  font-weight: var(--fontWeight-Bold);
  color: var(--vigiloDarkBlue);
  margin-left: -1rem;
  text-align: left;
  -webkit-appearance: none !important;
  appearance: none !important;
}
.custom-table-section .custom-table-wrap .custom-table thead th button:hover {
  background-color: var(--bgOdd);
}
.custom-table-section .custom-table-wrap .custom-table tbody {
  position: relative;
  vertical-align: middle;
  border-color: inherit;
}
.custom-table-section .custom-table-wrap .custom-table tbody tr:nth-child(odd) .fixed-col,
.custom-table-section .custom-table-wrap .custom-table tbody td:nth-child(odd) .fixed-col {
  background-color: var(--bgOdd);
}
.custom-table-section .custom-table-wrap .custom-table tbody tr:not(:first-child) {
  border-top: 0.1rem solid #ddd;
}
.custom-table-section .custom-table-wrap .custom-table tbody tr:last-child {
  border-bottom: 0.1rem solid #ddd;
}
.custom-table-section .custom-table-wrap .custom-table tbody tr:nth-child(odd) {
  background-color: var(--bgOdd);
}
.custom-table-section .custom-table-wrap .custom-table tbody td {
  padding: 1.5rem;
}
.custom-table-section .custom-table-wrap .custom-table tbody td b {
  color: var(--vigiloDarkBlue);
  display: block;
  padding-bottom: 0.5rem;
}
.custom-table-section .custom-table-wrap .custom-table tbody td b,
.custom-table-section .custom-table-wrap .custom-table tbody td p {
  margin: 0;
}
.custom-table-section .custom-table-wrap .custom-table .fixed-col {
  position: sticky;
  top: auto;
  width: 60%;
  left: 0;
  box-shadow: -0.1rem 0 0 #ddd inset;
}
@media screen and (max-width: 580px) {
  .custom-table-section .custom-table-wrap .custom-table .fixed-col * {
    width: 30rem;
    word-break: break-word;
  }
}
@media screen and (max-width: 520px) {
  .custom-table-section .custom-table-wrap .custom-table .fixed-col * {
    width: 38vw;
  }
}
@media screen and (max-width: 700px) {
  .custom-table-section .custom-table-wrap .custom-table {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 700px) {
  .custom-table-section .custom-table-wrap {
    width: calc(100% + 6rem);
    margin: 0 -3rem;
  }
}

.custom-table thead tr th:first-child,
.custom-table tbody tr:nth-child(even) .fixed-col,
.custom-table tbody td:nth-child(even) .fixed-col {
  background-color: var(--colorWhite);
}

.custom-table td p a,
.main-title.api span a {
  color: var(--vigiloSecondaryBlue);
  text-decoration: underline;
}