/* Colors */
/* General Colors */
/* Heading sizes */
/* Intro */
/* Header */
/* Slides/Slides Container */
/* Footer */
/* Footer Buttons */
/* Slide Numbers */
/* If you add/remove buttons, change this number */
/* Audio player width */
/* fill color of progress bar & more? */
/* rarely used */
.radio-box {
  margin: 1rem 0; }
  .radio-box .answers-box {
    padding-left: 2rem;
    height: 2rem;
    margin: .25rem auto .25rem;
    display: inline-block; }
  .radio-box label {
    display: inline-block;
    position: relative;
    float: left;
    background-color: #D3D3D3;
    color: #5F5A54;
    text-align: center;
    padding: 6px 14px;
    cursor: pointer; }
    .radio-box label:first-of-type {
      border-radius: 3px 0 0 3px; }
    .radio-box label:last-of-type {
      border-radius: 0 3px 3px 0; }
    .radio-box label:hover {
      background-color: #050505;
      color: #fefefe; }
  .radio-box input {
    position: absolute !important;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    width: 1px;
    border: 0;
    overflow: hidden; }
    .radio-box input:focus + label {
      z-index: 100;
      outline: 1px dotted #050505; }
    .radio-box input:checked + label {
      color: #fefefe;
      box-shadow: none; }
      .radio-box input:checked + label.periods {
        background-color: #1E6EAB; }
      .radio-box input:checked + label.interest {
        background-color: #437868; }
      .radio-box input:checked + label.payment {
        background-color: #72607A; }
      .radio-box input:checked + label.salvage {
        background-color: #c87402; }
    .radio-box input:disabled + label {
      pointer-events: none; }

.formula {
  margin: .5rem 0;
  font-style: normal;
  font-size: 1.2rem; }
  .formula sub {
    font-size: .8em; }
  .formula span {
    padding: 0 .25rem; }

#form-zero {
  border-bottom: 2px solid #007C32; }

.active {
  color: #fefefe; }
  .active.val-periods {
    background-color: #1E6EAB; }
  .active.val-interest {
    background-color: #437868; }
  .active.val-payment {
    background-color: #72607A; }
  .active.val-salvage {
    background-color: #c87402; }

.sub-slide {
  margin-top: 2.5rem;
  border-top: 4px solid #E2E2E2; }

h2 {
  color: #007C32;
  margin: 0.6rem 0;
  font-weight: bold; }

p {
  margin: 2% 0; }

#next {
  height: 40px;
  background-color: #c8102e;
  color: #fefefe;
  /*float: right;*/
  margin-top: 15px;
  min-width: 130px;
  border-radius: 5px;
  display: none; }

#next:hover {
  opacity: 1; }

#next:focus {
  outline: dotted 2px #007C32;
  outline-offset: 2px; }

.intro {
  /* Location of the image */
  background-image: url(../images/intro.jpg);
  /* Background image is centered vertically and horizontally at all times */
  background-position: center center;
  /* Background image doesn't tile */
  background-repeat: no-repeat;
  /* Background image is fixed in the viewport so that it doesn't move when
     the content's height is greater than the image's height */
  background-attachment: scroll;
  /* This is what makes the background image rescale based
     on the container's size */
  background-size: cover;
  /* Set a background color that will be displayed
     while the background image is loading */
  background-color: #464646;
  height: 285px; }
  .intro .intro-txt {
    padding: 3%;
    background-color: white;
    width: 75%;
    margin: 0px auto; }

.chunk-txt {
  background-color: #3f3f3f;
  color: white;
  padding: 3%;
  margin: 3% auto; }
  .chunk-txt h2 {
    color: #d9ffe8; }

.highlight {
  background-color: aquamarine; }

.merge {
  background-color: #007C32;
  color: white; }

.chart {
  margin: 2% auto;
  display: block;
  max-width: 100%; }

.hint {
  background-color: #AAAEAD;
  padding: 12px;
  border-radius: 12px;
  margin-top: 2%; }

.feed {
  margin: 1% 0 1% 20px;
  border-left: 5px solid black;
  padding: 0 5px 0 5px;
  font-size: 20px; }

#sub-2 span {
  position: relative;
  margin-right: -20px; }

#sub-2 input[type='number'] {
  padding-left: 20px;
  text-align: left; }

input[type='submit'] {
  margin-left: 30px; }

input[type='submit'] {
  width: 12%;
  line-height: 2rem;
  background-color: #007C32;
  color: #fefefe;
  cursor: pointer;
  border: none; }

.submit-values {
  width: 22%;
  display: block;
  line-height: 2rem;
  background-color: #007C32;
  color: #fefefe;
  cursor: pointer;
  border: none; }

.submit-values:focus, .submit-values:hover, input[type='submit']:focus, input[type='submit']:hover {
  outline: dotted 2px #262626;
  outline-offset: 3px;
  background-color: black;
  color: white; }

table {
  width: 100%; }

td,
th {
  padding: 3px;
  border: 1px solid black;
  text-align: center; }

caption {
  margin-top: 2%;
  height: 45px;
  font-size: 14px; }

.q-text {
  font-size: 18px; }

#npv-total {
  background-color: #007C32;
  color: white;
  padding: 5px; }

.bolded {
  font-weight: bold; }