/* Filtros */

.fundo-filters-row {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  padding: 8px;
  overflow-x: auto;
  margin: 0;
  padding: 0;
  padding-bottom: 12px;
}

@media (min-width: 768px) {
  .fundo-filters-row {
    justify-content: space-around;
    align-items: center;
    padding-bottom: 0
  }
}

.btn-filter-fundo {
  font-size: 14px;
  font-weight: bold;
  color: #0076cf;
  padding: 2px 12px;
  margin: 0 8px;
  border-radius: 16px;
  outline: none;
  border: 0;
  box-shadow: none;
  white-space: nowrap;
  background-color: transparent;
  transition: all 0.3s ease-out;
}

.btn-filter-fundo.active {
  color: #0076cf;
  background-color: #e8e8e8;
}

.btn-filter-fundo:hover {
  color: #0076cf;
  background-color: #e8e8e8;
}

.btn-filter-fundo:hover,
.btn-filter-fundo:active,
.btn-filter-fundo:focus {
  outline: none;
  border: 0;
  box-shadow: none;
}

/* Fundos */

.fund-row {
  width: 100%;
  margin: 0;
  min-height: 90px;
  background: rgb(0, 40, 85);
  background: -moz-linear-gradient(
    45deg,
    rgba(0, 40, 85, 1) 0%,
    rgba(0, 76, 151, 1) 100%
  );
  background: -webkit-linear-gradient(
    45deg,
    rgba(0, 40, 85, 1) 0%,
    rgba(0, 76, 151, 1) 100%
  );
  background: linear-gradient(
    45deg,
    rgba(0, 40, 85, 1) 0%,
    rgba(0, 76, 151, 1) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#002855",endColorstr="#004c97",GradientType=1);
  left: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  max-width: 100vw;
  position: relative;
  right: 50%;
  width: 100vw;
  display: none;
}

@media (min-width: 992px) {
  .fund-row {
    width: 100%;
    position: initial;
    padding: 0;
    margin: initial;
    width: 100%;
    left: initial;
    right: initial;
  }
}

.fund-row.active {
  display: flex;
}

.fund-name {
  /* padding: 16px; */
  font-size: 18px;
  color: #fff;
  text-align: left;
  margin-right: 16px;
  /* min-width: 340px; */
}

@media (min-width: 992px) {
  .fund-name {
    width: initial;
    padding: 8px;
    font-size: 20px;
    text-align: left;
    margin-right: initial;
  }
}

.selo-fundo {
  height: 24px !important;
  padding-left: 0px;
}

@media (min-width: 992px) {
.selo-fundo {
  height: initial !important;
  padding-left: 8px;
}
}

.fund-tax {
  display: block;
  font-size: 16px;
  color: #fff;
}

@media (min-width: 992px) {
  .fund-tax {
    font-size: 18px;
  }
}

.fund-period {
  display: block;
  font-size: 14px;
  color: #fff;
}

@media (min-width: 992px) {
  .fund-period {
    font-size: 16px;
  }
}

.btn-saiba-mais {
  font-size: 14px;
  padding: 2px 18px;
  color: #fff !important;
  border: 1px solid #fff;
  border-radius: 16px;
  background-color: transparent;
  transition: all 0.3s ease-out;
  margin: 16px 0;
}

@media (min-width: 992px) {
  .btn-saiba-mais {
    font-size: 14px;
  }
}

.btn-saiba-mais:hover {
  background-color: rgba(246, 246, 246, 0.3);
}

.btn-saiba-mais.active {
  background-color: rgba(246, 246, 246, 0.3);
}

/* Conteudo Fundo */

.conteudo-fundo {
  display: none;
  min-height: 500px;
}

/* Botão Período */

.btn-periodo {
  font-size: 14px;
  padding: 4px 24px;
  color: #fff !important;
  background-color: #035fa4;
  border-radius: 24px;
  margin: 16px 8px;
  transition: all 0.3s ease-out;
}

@media (min-width: 992px) {
  .btn-periodo {
    margin: 0 8px;
  }
}

.btn-periodo:hover {
  background-color: #003865;
}

.btn-periodo.active {
  background-color: #003865;
}

/* Gráfico */

.grafico {
}

/* Taxes */

/* First Row */

.taxes-first-row {
  width: 100%;
  margin: 0;
  padding: 32px 0;
  border-bottom: 2px solid #bbb;
}

/* Box taxas */

.box-taxas {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.box-taxas .legend {
  font-size: 11px;
  text-align: center;
  color: #4d4e53;
}

@media (min-width: 576px) {
  .box-taxas .legend {
    font-size: 12px;
    text-align: center;
    color: #4d4e53;
  }
}

.box-taxas .value {
  font-size: 16px;
  font-weight: bold;
}

/* Second-row */

.taxes-second-row {
  margin: 0;
  padding: 16px 0 0;
}

.taxes-second-row h3 {
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  padding-bottom: 24px;
}

.rent-label {
  display: block;
  font-size: 14px;
  font-weight: bold;
  min-height: 24px;
  text-align: center;
}

@media (min-width: 576px) {
  .rent-label {
    display: block;
    font-size: 16px;
    font-weight: bold;
    min-height: 24px;
    text-align: center;
  }
}

.rent-data {
  display: block;
  font-size: 12px;
  font-weight: normal;
  text-align: center;
  min-height: 24px;
}

@media (min-width: 576px) {
  .rent-data {
    display: block;
    font-size: 14px;
    font-weight: normal;
    text-align: center;
    min-height: 24px;
  }
}

.rent-label i, .rent-data i {
 /* color: #0076CF; */
 color: #000;
}

/* Informacoes */

.informacoes {
  width: 100%;
  height: auto;
  background-color: #fbfbfb;
  border: 1px solid #c5c6c5;
  padding: 16px;
}

.informacoes .label {
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  margin-right: 6px;
  text-align: left;
}

.informacoes .data {
  display: inline-block;
  font-size: 12px;
  text-align: left;
  overflow-wrap: break-word;
}

/* Reports */

.btn-report {
  font-size: 14px;
  padding: 4px 24px;
  color: #035fa4 !important;
  background-color: transparent;
  border: 1px solid #035fa4;
  border-radius: 24px;
  margin: 8px;
  transition: all 0.3s ease-out;
}

.disclaimer p {
  font-size: 12px;
}