/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
 .hidden {
  display: none;
}

/**
 * Compound Interest Calculator
 */
#compound-interest-calculator  iframe {
  height: 350px;
  max-width: 100%;
  width: 100%;
}

#compound-interest-calculator .table-sm td, #compound-interest-calculator .table-sm th {
  padding: .5rem;
}

#compound-interest-calculator .table thead th {
  font-size: 13px;
}

#compound-interest-calculator .table-sm td {
  font-size: 14px;
}

/**
 * Volatility Calculator
 */
div#tradingview_widget > div,
div#tradingview_widget > div > div {
    max-width: 100% !important;
}

#tradingview_widget{
  min-height: 300px;
}

.amp-see-more {
  text-align: center;
  position: absolute;
  bottom: 5px;
  left: 50%;
  transform: translateX(-50%);
  background: black;
  color: white;
  padding: 5px 15px;	
}

.share-button button{
  background-color: #1f82c5;
  color: #fff;
  border-radius: .25rem;
  padding: 2px 20px;
  border: none;
  margin-bottom: 2rem;
}

@media screen and (min-width: 992px) {
  .retirement-readiness main > .container .results iframe {
      width: calc(100% + 80px) !important;
      margin-left: -40px;
  }
}