.sd-body.sd-body--static {
  max-width: calc(100 * var(--sjs-base-unit, var(--base-unit, 8px)));
}

.sd-page {
  max-width: 80%;
  margin-left: 12.5%;
}

.sv-components-column {
  align-items: center;
}

.table th {
  background-color: #0188a4;
  color: white;
  max-width: 200px;
}

.text-responsive {
  font-size: calc(0.25% + 1vw + 1vh);
}

.sd-btn--action:hover {
  background-color: #02a9cc;
}

.sd-btn--action {
  background-color: #0188a4;
}

.sd-input:focus {
  box-shadow: 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #0188a4));
}

.sd-item--checked .sd-item__decorator {
  background: var(--sjs-primary-backcolor, var(--primary, #0188a4));
}

.sv-ranking-item__icon.sv-ranking-item__icon {
  fill: var(--sjs-primary-backcolor, var(--primary, #0188a4));
}