/*Added for small screen devices like iphone 5/SE*/
.mod-top-ten__chart-container__chart {
  float: left;
  width: 40%;
  height: 140px;
}
.mod-top-ten__chart-container__table {
  margin-top: 25px;
  float: right;
  width: 60%;
}
.mod-top-ten__chart-container__table table tr {
  border: none !important;
}
.mod-top-ten__chart-container__table table > tbody > tr:first-child > td {
  font-size: 20px;
  text-align: left;
}
.mod-top-ten__chart-container__table table > tbody tr > th {
  padding: 3px 3px;
  text-align: left;
  vertical-align: top;
}
.mod-top-ten__chart-container .mod-ui-table__header--row-label {
  padding-bottom: 3px;
  padding-left: 0px !important;
}
@media only screen and (max-width: 739px) {
  .mod-top-ten__chart-container__chart {
    width: 100%;
    float: none;
  }
  .mod-top-ten__chart-container__table {
    float: none;
    margin-bottom: 10px;
    margin-top: 0px;
    width: 100%;
  }
}
.mod-top-ten__holdings-row-allocation-header {
  text-align: center !important;
}
.mod-top-ten__holdings-row-allocation--long {
  padding-left: 0px !important;
}
.mod-top-ten__holdings-row-allocation--short {
  padding-right: 0px !important;
}
.mod-top-ten__holdings-row-allocation--long div {
  float: left;
  background-color: #75A5C2;
}
.mod-top-ten__holdings-row-allocation--short div {
  float: right;
  background-color: #EED485;
}
.mod-top-ten__holdings-row-allocation {
  border-left: 1px solid #f5f5f5;
}
.mod-top-ten__holdings-row-allocation:last-child {
  border-right: 1px solid #f5f5f5;
}
.mod-top-ten__holdings-row-allocation div {
  height: 8px;
}
@media only screen and (max-width: 739px) {
  .mod-top-ten__holdings-row-allocation-header,
  .mod-top-ten__holdings-row-allocation {
    display: none;
  }
}
.mod-top-ten tfoot {
  background-color: #f5f5f5;
  border-bottom: 1px solid #f5f5f5;
}