body {
    background: #fff;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
}

.header h1 {
    font-size: calc(1.75rem + 1.5vw);
    font-family: 'Teko', sans-serif;
    font-weight:  600;
}

.card {
  border-radius: 1em;
}


/* The container */
.radio_container {
  display: block;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  height: 100%;
  padding-bottom: 1em;
}

/* Hide the browser's default radio button */
.radio_container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.chart, .radio_container .inner, .chart, .radio_container .radio_inner {
  text-decoration: none;
  border: 1px solid #ccc;
  border-radius: 7px;
  display: inline-block;
  padding: 5px;
  text-align:  center;
  height: 100%;
  width: 100%;
}

.chart.selected, .radio_container .inner.selected {
  font-weight: bold;
  background-color:  #fcfcfc;
  border-color:  #000;
}

.chart img {
  max-width: 100%;
}

/* Create a custom radio button */
.radio_container .inner {
}

/* On mouse-over */
.radio_container:hover input ~ .inner, .radio_container:hover input ~ .radio_inner  {
  background-color: #efefef;
}

/* When the radio button is checked */
.radio_container input:checked ~ .inner, .radio_container input:checked ~ .radio_inner {
  background-color: #006AFF;
  color:  #fff;
  font-weight:  bold;
}









.footer {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.footer p {
  margin-bottom: 0;
  line-height: 42px;
  text-align: center;
}

.footer p i {
  font-size: 30px;
  line-height: 30px;
  vertical-align: bottom;
  margin: 0 0.5rem;
}

.footer p a {
  text-decoration: none;
}

.footer p a:hover, .footer p i:hover {
    opacity: 0.7;
    text-decoration: none;
    cursor: pointer;
}

.footer p a img {
    border: 0 none;
    text-decoration: none;
    height: 30px;
    margin: 0 0.5rem;
}


.badge-outline-primary {
  color: #007bff;
  background-color: transparent;
  background-image: none;
  border-color: #007bff;
  border: 1px solid;
}

.badge-outline-secondary {
  color: #6c757d;
  background-color: transparent;
  background-image: none;
  border-color: #6c757d;
  border: 1px solid;
}

.badge-outline-success {
  color: #28a745;
  background-color: transparent;
  background-image: none;
  border-color: #28a745;
  border: 1px solid;
}

.badge-outline-danger {
  color: #dc3545;
  background-color: transparent;
  background-image: none;
  border-color: #dc3545;
  border: 1px solid;
}

.badge-outline-warning {
  color: #ffc107;
  background-color: transparent;
  background-image: none;
  border-color: #ffc107;
  border: 1px solid;
}

.badge-outline-info {
  color: #17a2b8;
  background-color: transparent;
  background-image: none;
  border-color: #17a2b8;
  border: 1px solid;
}

.badge-outline-light {
  color: #f8f9fa;
  background-color: transparent;
  background-image: none;
  border-color: #f8f9fa;
  border: 1px solid;
}

.badge-outline-dark {
  color: #343a40;
  background-color: transparent;
  background-image: none;
  border-color: #343a40;
  border: 1px solid;
}