body {
  padding-top: 54px;
  font-family: 'Ember', Helvetica, Arial, sans-serif;
}

#text-underline {
  text-decoration: underline;
}

.navbar {
  background-color: #fff !important;
  box-shadow: 0 0 10px 0 rgba(170, 183, 184, 0.4);
}

.navbar-logo {
  padding: 10px 60px 0 0;
}

fieldset.field-border {
  padding: 0 1.4em 1.4em 1.4em !important;
  margin: 0 0 1.5em 0 !important;
}

.field-title {
  font-size: 1.7em !important;
  font-weight: 600;
  text-align: center;
}

.field-title2 {
  font-size: 1.0em !important;
  font-weight: 600;
  text-align: center;
}

.field-sub-title {
  font-size: 1.2em !important;
  text-align: left !important;
  width:auto;
  padding: 0 20px 0 20px;
  border-bottom:none;
  font-weight: 600;
  line-height: 1.25;
  background-color: #fff;
}

.row {
  margin-right: 0px !important;
  margin-left: 0px !important;
}

.field-body {
  font-size: .875rem;
  line-height: 1.5;
}

.field-sub {
  font-size: .675rem !important;
}

.border-design {
  /*border: 1px groove #ddd !important;*/
  /*border: 1px solid #cfcbcb !important;*/
  border-radius: 3px;
  box-shadow: 0 0 10px 0 rgba(170, 183, 184, 0.4);
}

.site-field {
  text-align: right;
}

.question {
  width: 30px;
  height: 30px;
  font-size: .775rem;
  padding-left: 5px;
  border-radius: 50%;
  background-color: #879596;
}

.simulation-arrow {
  width: 50px;
  height: 50px;
  border: 5px solid;
  border-color:  transparent transparent #879596 #879596;
  transform: rotate(-45deg);
}

.row-eq-height {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px !important;
  margin-left: -15px !important;
}

a {
  color: #17a2b8;
}

.topic-card {
  min-height: 500px;
}

.topic-description {
  color: #515659;
}

.topic-link {
  border-bottom: 2px solid;
  border-color: inherit;
}

.card-link {
  letter-spacing: 2px;
  position: absolute;
  bottom: 0;
  left: 15px;
}

#simulation-form:valid button {
  pointer-events: auto;
  opacity: 1;
}

#simulation-form:invalid button {
  pointer-events: none;
  background-color: #879596;
  border-color: #879596;
  opacity: 0.5;
}

.tooltip-inner {
  max-width: 500px;
  padding: .5rem .5rem;
  color: black;
  text-align: left;
  background-color: #ffde40;
  border-radius: .25rem;
  font-size: 15px;
}

.badge-position {
  float: right;
}

.pt-15 {
  padding-right: 15px;
  padding-left: 15px;
}

.under {
  border-bottom: solid 3px #ffde40;
}