html,body {
  height: 100%;
}

.section,.container {
  height: calc(100% - 24px);
}

hr {
  margin: 0 0 15px 0;
}

.signup-box {
  margin: auto;
  width: 300px;
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(255,255,255,0.3);
  border-radius: 10px;
}

.block-link {
    text-decoration: none !important;
}

.apexcharts-title-text {
  font-weight: 700 !important;
  font-size: 24px !important;
  font-family: "Rubik", sans-serif !important;
}

.apexcharts-legend {
  font-family: "Rubik", sans-serif;
}

/**
 * * 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.
 * */
input,
.StripeElement {
  height: 40px;
  padding: 10px 12px;

  color: #32325d;
  background-color: white;
  border: 1px solid transparent;
  border-radius: 4px;

  box-shadow: 0 1px 3px 0 #e6ebf1;
  -webkit-transition: box-shadow 150ms ease;
  transition: box-shadow 150ms ease;
}

input:focus,
.StripeElement--focus {
  box-shadow: 0 1px 3px 0 #cfd7df;
}

.StripeElement--invalid {
  border-color: #fa755a;
}

.StripeElement--webkit-autofill {
  background-color: #fefde5 !important;
}

.checkboxes input {
  vertical-align: middle;
}

.checkboxes label span {
  vertical-align: middle;
  margin-left: 5px;
}