.header {
  composes: tl2 from '../typography/typography.module.css';
  background-color: var(--zodiac);
  height: 32px;
  text-align: left;
  color: white;
  display: flex;
  align-items: center;
}

.doubleHeader {
  composes: tl2 from '../typography/typography.module.css';
  background-color: var(--zodiac);
  height: 64px;
  color: white;
  display: table-row;
}

.thDoubleLevel {
  display: table-cell;
}

.thDoubleLevelFirst {
  composes: label1 from '../typography/typography.module.css';
  margin: 0 10px;
  font-weight: 700;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--comet);
  color: white;
  border-radius: 0 0 8px 8px;
  height: 28px;
}

.thDoubleLevel > :last-child {
  padding: 0 11px;
  display: table-cell;
  vertical-align: middle;
  height: 36px;
}

.cellDoubleLevel {
  display: flex;
  padding: 0 16px;
}

.td {
  padding: 1px 24px 0 24px;
}

.tdHeader {
  vertical-align: middle;
  display: table-cell;
  padding: 0 24px;
}

.trError {
  background-color: var(--misty-rose);
}

.trAdding {
  background-color: var(--spring3);
}

.mainContent {
  display: flex;
  align-items: center;
}

.cardContentRoot {
  margin: 0;
  padding: 0;
}

.cardContentRoot:last-child {
  padding: 0;
}

.card {
  composes: p from '../typography/typography.module.css';
  margin: 4px 0 0 0;
  width: 100%;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.08);
}

.card:before {
  height: 0;
}

.actionCol {
  margin-left: auto;
}

.errorContent {
  padding: 12px 0 12px 24px;
  color: var(--tomato);
}

.sizeSm {
  min-height: 34px;
}

.sizeLg {
  min-height: 68px;
}
