.custom-table__wrapper {
  display: grid;
  margin-bottom: 48px;
}
@media screen and (min-width: 64em) {
  .custom-table__wrapper {
    margin-bottom: 60px;
  }
}

.custom-table {
  max-width: 100%;
  overflow-x: auto;
  max-height: 90vh;
  overflow-y: auto;
}
@media screen and (min-width: 64em) {
  .custom-table {
    max-height: unset;
  }
}
.custom-table table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  min-height: 30px;
  position: relative;
  overflow-x: auto;
  text-align: left;
  font-size: 18px;
  border: 1px solid #4769AC;
}
@media screen and (min-width: 48em) {
  .custom-table table {
    overflow: unset;
    display: table;
  }
}
.custom-table table thead {
  background-color: #284682;
}
.custom-table table thead th {
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
}
.custom-table table tr td, .custom-table table tr th {
  padding: 0.25em 0.5em;
  border-left: 1px solid #4769AC;
  border-right: 1px solid #4769AC;
}
.custom-table table tr td p, .custom-table table tr th p {
  margin: 0;
}
.custom-table table tr td {
  text-align: justify;
  vertical-align: top;
}
.custom-table table tbody tr:nth-of-type(odd) td {
  background-color: #F3F7FF;
}
.custom-table.custom-table_theme--red table {
  border-color: #CC6D82;
}
.custom-table.custom-table_theme--red table thead {
  background-color: #8C0321;
}
.custom-table.custom-table_theme--red table tbody tr:nth-of-type(odd) td {
  background-color: #F5F5F5;
}
.custom-table.custom-table_theme--red table tr td, .custom-table.custom-table_theme--red table tr th {
  border-left: 1px solid #CC6D82;
  border-right: 1px solid #CC6D82;
}