/**
 * The CSS shown here will not be introduced in the Quickstart guide, but shows
 * how you can use CSS to style your Element's container. */
.show_test, .hide_test {
  color: blue;
  cursor: pointer;
  text-decoration: underline; }

.show_test {
  color: gray; }

.alert-danger {
  display: block;
  margin-bottom: 20px !important;
  padding: 20px 20px;
  background: #ffcfcf;
  border: 1px solid red; }

#card-element {
  background-color: rgba(0, 0, 0, 0.03);
  padding: 10px 15px 15px 10px;
  border: 1px solid rgba(0, 0, 0, 0.18);
  margin-bottom: 10px; }

#development_footer {
  margin-top: 30px;
  font-size: 0.9em;
  background-color: yellow; }

.nowrap {
  white-space: nowrap; }

.pull-right {
  float: right; }

.indent {
  margin-left: 15px; }

[data-popup-target] {
  text-decoration: underline;
  text-decoration-style: dashed;
  text-underline-offset: 4px; }
  [data-popup-target]:hover {
    background: #ffffef; }

.popup {
  display: none;
  position: absolute;
  width: 25rem;
  border-radius: 5px;
  background: white;
  filter: drop-shadow(5px 5px 6px gray);
  padding: 20px; }

.fund-description {
  font-style: italic;
}