.component.modfinwidget h2.component-header {
  line-height: 32px;
  font-size: 24px;
  font-weight: 700;
}

@media screen and (min-width: 1023px) {
  .component.modfinwidget h2.component-header {
    line-height: 36px;
    font-size: 28px;
  }
}

/* header */
.modfinwidget {
  width: 100%;
}

.modfinwidget .component-content {
  margin: 16px 0;
}

@media screen and (max-width: 767px) {
  .modfinwidget .component-content {
    margin: 8px 0;
    padding: 0 8px;
  }
}

.modfinwidget .tb-modfinance.tb-modfinance--repurchase-table {
  width: 100%;
  position: relative;
  border-bottom: 1px solid #dddddd;
}

@media screen and (min-width: 1200px) {
  .modfinwidget .tb-modfinance.tb-modfinance--repurchase-table {
    overflow-x: auto;
  }
}

@media screen and (max-width: 1200px) {
  .modfinwidget
    .tb-modfinance.tb-modfinance--repurchase-table.repurchase-table-fade-in::after {
    content: "";
    width: 24px;
    height: 100%;
    display: block;
    position: absolute;
    opacity: 0;
    top: 0;
    right: 0;
    background: -webkit-gradient(
      linear,
      right top,
      left top,
      from(#ffffff),
      to(rgba(255, 255, 255, 0))
    );
    background: -webkit-linear-gradient(
      right,
      #ffffff 0%,
      rgba(255, 255, 255, 0) 100%
    );
    background: linear-gradient(
      270deg,
      #ffffff 0%,
      rgba(255, 255, 255, 0) 100%
    );
  }
  .modfinwidget
    .tb-modfinance.tb-modfinance--repurchase-table.repurchase-table-fade-out::after {
    content: "";
    width: 24px;
    height: 100%;
    display: block;
    position: absolute;
    opacity: 1;
    top: 0;
    right: 0;
    background: -webkit-gradient(
      linear,
      right top,
      left top,
      from(#ffffff),
      to(rgba(255, 255, 255, 0))
    );
    background: -webkit-linear-gradient(
      right,
      #ffffff 0%,
      rgba(255, 255, 255, 0) 100%
    );
    background: linear-gradient(
      270deg,
      #ffffff 0%,
      rgba(255, 255, 255, 0) 100%
    );
  }
}

.modfinwidget .tb-modfinance.tb-modfinance--repurchase-table table {
  border: none;
  overflow: auto;
  width: 100%;
  table-layout: auto;
  -ms-overflow-style: initial;
  /* IE and Edge */
  scrollbar-width: initial;
  /* Firefox */
  /* fix border everywhere */
}

@media screen and (max-width: 1199px) {
  .modfinwidget .tb-modfinance.tb-modfinance--repurchase-table table {
    table-layout: initial;
    display: inline-block;
  }
}

.modfinwidget
  .tb-modfinance.tb-modfinance--repurchase-table
  table::-webkit-scrollbar {
  height: 8px;
  background: none;
}

.modfinwidget
  .tb-modfinance.tb-modfinance--repurchase-table
  table::-webkit-scrollbar-track {
  box-shadow: none;
}

.modfinwidget
  .tb-modfinance.tb-modfinance--repurchase-table
  table::-webkit-scrollbar-thumb {
  background-color: #393939;
  border-radius: 6px;
}

.modfinwidget
  .tb-modfinance.tb-modfinance--repurchase-table
  table::-webkit-scrollbar {
  display: initial;
  /* Safari and Chrome */
}

.modfinwidget .tb-modfinance.tb-modfinance--repurchase-table table thead tr,
.modfinwidget .tb-modfinance.tb-modfinance--repurchase-table table thead tr td,
.modfinwidget .tb-modfinance.tb-modfinance--repurchase-table table thead tr th,
.modfinwidget .tb-modfinance.tb-modfinance--repurchase-table table tbody tr,
.modfinwidget .tb-modfinance.tb-modfinance--repurchase-table table tbody tr td {
  border: none;
}

.modfinwidget .tb-modfinance.tb-modfinance--repurchase-table table thead {
  width: 100%;
  table-layout: fixed;
}

.modfinwidget .tb-modfinance.tb-modfinance--repurchase-table table thead tr {
  background: transparent;
}

.modfinwidget .tb-modfinance.tb-modfinance--repurchase-table table thead tr th {
  font-size: 12px;
  line-height: 24px;
  font-weight: 700;
  background: #f1f1f1;
  white-space: nowrap;
}

.modfinwidget .tb-modfinance.tb-modfinance--repurchase-table table thead tr td {
  background: #f1f1f1;
}

.modfinwidget .tb-modfinance.tb-modfinance--repurchase-table table tbody,
.modfinwidget .tb-modfinance.tb-modfinance--repurchase-table table tbody tr,
.modfinwidget .tb-modfinance.tb-modfinance--repurchase-table table tbody tr td {
  background: transparent;
}

.modfinwidget
  .tb-modfinance.tb-modfinance--repurchase-table
  table
  tbody
  tr.highlight,
.modfinwidget
  .tb-modfinance.tb-modfinance--repurchase-table
  table
  tbody
  tr
  td.highlight {
  font-weight: bold;
  background: #fafafa;
}

.modfinwidget
  .tb-modfinance.tb-modfinance--repurchase-table
  table
  tbody
  .parent-row-clickable {
  border-top: 1px solid #dddddd;
  border-bottom: none;
}

.modfinwidget
  .tb-modfinance.tb-modfinance--repurchase-table
  table
  tbody
  tr:hover {
  background: #fafafa;
}

.modfinwidget .tb-modfinance.tb-modfinance--repurchase-table table tbody tr td {
  font-size: 12px;
  line-height: 24px;
  font-weight: 400;
}

.modfinwidget
  .tb-modfinance.tb-modfinance--repurchase-table
  table
  tbody
  tr
  td.deltashares-negative {
  color: #da4040;
}

.modfinwidget
  .tb-modfinance.tb-modfinance--repurchase-table
  table
  tbody
  tr
  td.deltashares-positive {
  color: #36a636;
}

.modfinwidget
  .tb-modfinance.tb-modfinance--repurchase-table
  table
  tbody
  tr
  .toggle.toggle-content {
  font-size: 12px;
  line-height: 24px;
  font-weight: 900;
}

.modfinwidget
  .tb-modfinance.tb-modfinance--repurchase-table
  table
  tbody
  tr
  .toggle.toggle-content.active::before {
  content: "";
  height: 1px;
  width: 16px;
  display: block;
  background-image: url("/-/media/themes/trelleborg/global/trelleborgbasetheme/images/svg_icons/accordion-minus.svg");
}

.modfinwidget
  .tb-modfinance.tb-modfinance--repurchase-table
  table
  tbody
  tr
  .toggle.toggle-content::before {
  content: "";
  height: 16px;
  width: 16px;
  display: block;
  background-image: url("/-/media/themes/trelleborg/global/trelleborgbasetheme/images/svg_icons/accordion-plus.svg");
}