/*Added for small screen devices like iphone 5/SE*/
.mod-weightings__sectors,
.mod-weightings__regions {
  width: 100%;
}
.mod-weightings__sectors[aria-hidden="true"],
.mod-weightings__regions[aria-hidden="true"] {
  display: none;
}
.mod-weightings__sectors__chart,
.mod-weightings__regions__chart {
  display: inline-block;
  width: 50%;
  text-align: center;
}
.mod-weightings__sectors__chart--dynamic,
.mod-weightings__regions__chart--dynamic {
  height: 250px;
  width: 250px;
  display: inline-block;
}
@media only screen and (max-width: 739px) {
  .mod-weightings__sectors__chart,
  .mod-weightings__regions__chart {
    display: block;
    width: 100%;
  }
  .mod-weightings__sectors__chart--dynamic,
  .mod-weightings__regions__chart--dynamic {
    height: 250px;
    max-width: auto;
    display: inline-block;
  }
}
.mod-weightings__sectors__table,
.mod-weightings__regions__table {
  display: inline-block;
  vertical-align: top;
  width: 50%;
}
@media only screen and (max-width: 739px) {
  .mod-weightings__sectors__table,
  .mod-weightings__regions__table {
    display: block;
    width: auto;
  }
}
.mod-weightings__sectors__table__row--colored td,
.mod-weightings__regions__table__row--colored td {
  font-weight: bold;
}
.mod-weightings__sectors .mod-ui-button-row,
.mod-weightings__regions .mod-ui-button-row {
  display: block;
  text-align: center;
  width: 50%;
}
@media only screen and (max-width: 739px) {
  .mod-weightings__sectors .mod-ui-button-row,
  .mod-weightings__regions .mod-ui-button-row {
    width: 100%;
  }
}