.table {
  height: 100%;
  overflow: auto;
}

/* Глобальные стили для таблиц НАЧАЛО */
table.table {
  width: 100%;
  border-collapse: collapse;
  color: var(--color-primary);
}

table.table tr:first-of-type td,
table.table tr:first-of-type th {
  border-bottom: 2px solid var(--color-blue-5);
}

table.table tr:not(:first-of-type) td,
table.table tr:not(:first-of-type) th {
  border-bottom: 1px solid var(--color-grey-3);
}

table.table th,
table.table td {
  text-align: left;
  vertical-align: top;
  min-width: 4rem;
  padding: 1.5rem 1.5rem 1.5rem 1rem;
}

table.table th {
  font-weight: 700 !important;
}

table.table td,
table.table th {
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1.125rem;
  background-color: white;
}

table.table tr:first-of-type th {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

@media screen and (min-width: 768px) {
  table.table td,
  table.table th {
    font-size: 0.875rem;
    line-height: 1.3125rem;
  }
}

@media screen and (min-width: 1280px) {
  table.table th,
  table.table td {
    min-width: 6.5rem;
  }
}

@media screen and (min-width: 1920px) {
  table.table td,
  table.table th {
    font-size: 1.125rem;
    line-height: 1.6875rem;
  }

  table.table tr:first-of-type th {
    font-size: 1.375rem;
    line-height: 1.65rem;
  }
}
/* Глобальные стили для таблиц КОНЕЦ */

/* Стилизация ширины столбцов для таблицы с классом courses-table НАЧАЛО */
table.courses-table tr:first-of-type th,
table.courses-table tr:first-of-type td {
  white-space: nowrap;
}

table.courses-table th:nth-of-type(1),
table.courses-table td:nth-of-type(1) {
  width: 4rem;
}

table.courses-table th:nth-of-type(2),
table.courses-table td:nth-of-type(2) {
  min-width: 10rem;
  max-width: 10rem;
}

table.courses-table th:nth-of-type(3),
table.courses-table td:nth-of-type(3) {
  min-width: 17.0625rem;
  max-width: 17.0625rem;
}

table.courses-table th:nth-of-type(4),
table.courses-table td:nth-of-type(4) {
  min-width: 10.25rem;
  max-width: 10.25rem;
}

table.courses-table th:nth-of-type(5),
table.courses-table td:nth-of-type(5) {
  min-width: 8.875rem;
  max-width: 8.875rem;
}

@media screen and (min-width: 1280px) {
  table.courses-table th:nth-of-type(1),
  table.courses-table td:nth-of-type(1) {
    width: 6.5rem;
  }

  table.courses-table th:nth-of-type(2),
  table.courses-table td:nth-of-type(2) {
    min-width: 15.875rem;
    max-width: 15.875rem;
  }
}

@media screen and (min-width: 1920px) {
  table.courses-table th:nth-of-type(2),
  table.courses-table td:nth-of-type(2) {
    min-width: 27.75rem;
    max-width: 27.75rem;
  }

  table.courses-table th:nth-of-type(3),
  table.courses-table td:nth-of-type(3) {
    min-width: 24.0625rem;
    max-width: 24.0625rem;
  }

  table.courses-table th:nth-of-type(4),
  table.courses-table td:nth-of-type(4) {
    min-width: 14.6875rem;
    max-width: 14.6875rem;
  }

  table.courses-table th:nth-of-type(5),
  table.courses-table td:nth-of-type(5) {
    min-width: 12.4375rem;
    max-width: 12.4375rem;
  }
}
/* Стилизация ширины столбцов для таблицы с классом courses-table КОНЕЦ */

.table-wrapper {
  overflow-x: auto;
  overflow-y: hidden;
}