html {
  /* fix scrollbar jumping */
  /* https://codepen.io/elstgav/details/myEJNv */
  margin-left: calc(100vw - 100%);
}

body {
  /*font-family: Arial, Helvetica, sans-serif;*/
  color: var(--bs-light);
  /*background-image: url(https://live.staticflickr.com/4132/5050448821_90c8a2d2c2_o_d.jpg);*/
  /*background-image: url("https://www.transparenttextures.com/patterns/axiom-pattern.png");*/
  /* This is mostly intended for prototyping; please download the pattern and re-host for production environments. Thank you! */
  background-image: url("../assets/axiom-pattern.png");
  background-attachment: fixed;
  /*background-repeat: repeat;*/
  background-size: 50px auto;

}

/* Round edges of buttons (gainers/losers) when stacked. */
/* Square edges of buttons when touching side-by-side. */
@media (min-width: 575.98px) {
  .rounded-0-sm {
    border-radius: 0 !important;
  }
}

@media (min-width: 767.98px) {
  .rounded-0-md {
    border-radius: 0 !important;
  }
}

@media (min-width: 991.98px) {
  .rounded-0-lg {
    border-radius: 0 !important;
  }
}

@media (min-width: 1199.98px) {
  .rounded-0-xl {
    border-radius: 0 !important;
  }
}

.rounded-0 {
  border-radius: 0 !important;
}

/* animation of dots for search button for search.html */
.loading, .dot0, .dot1, .dot2 {
  opacity: 0;
}

@keyframes fade {
  0% { opacity: 0; }
  50% { opacity: 100; }
  100% { opacity: 0; }
}

/* back grounds for every page */
.background_wrap {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: -10;
    top: 0;
    left: 0
}

.background {
  position: absolute;
  display:  block;
  top: 0;
  left: 0;
  z-index: -5;
}

/* tables for table.html */
td {
  text-decoration: none;
  line-height: 0rem;
  vertical-align: middle;
}

tr.stock_row .right_cell {
  text-align: right;
}

tr.stock_row .right_cell_price {
  padding-right: 10px;
}

tr.stock_row .right_cell_percentage {
  padding-right: 20px;
}

tr.stock_row .left_cell, tr.stock_row .left_cell .btn {
  text-align: left;
}

.slim_form {
  line-height: 0;
  padding: 0;
  margin: 0;
}

tr.stock_row .btn {
  text-decoration: none;
  line-height: 0;
  padding: 0.55rem;
}

/* set max height for tweet chart containing div */
.chart-card {
  height: 35vh;
}

/* set max height for tweets for tweet_data.html */
.tweets {
  height: 30vh;
}