html {
  font-size: 80%;
  height: 100%;
}
body {
  padding: 50px;
  font: "Lucida Grande", Helvetica, Arial, sans-serif;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.content {
  flex: 1;
}
a {
  color: #00B7FF;
}
span.input-group-text {
  width: 85px; /* Replace with your desired width */
}

i{
  font-size: 1rem;
}

bi{
  width: 1rem;
  height: 1rem;
}

/* sets the products cards width */
.product {
  /* width: 20rem; */
}
.chart {
  width: 32rem;
}

/* sets the products cards height */
.equal-height {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.equal-height .card-body {
  flex: 1;
}

/* sets paydiv width */
.paydiv {
  width: 30rem;
}
.width-100 {
  width: 100px;
  max-width: 100px;
  min-width: 100px;
}
.width-125 {
  width: 125px;
  max-width: 125px;
  min-width: 125px;
}
.width-300 {
  width: 300px;
  max-width: 300px;
  min-width: 200px;
}
.width-500 {
  max-width: 500px;
  min-width: 300px;
}