body {
  background-color: transparent;
  }
  
  #calculator-wrapper div.col-md-4 > .p-3 {
    background-color: #fff;
  border-radius: 0.5rem !important;
  }
  
  :root {
      --headline-text:  #00285e;
      --button-color: #00285e;
      --button-hover: #fbad18;
      --button-text: #fff;
  --button-text-hover: #00285e;
      --button-radius: 50px;
      --disabled-btn: #636363;
      --form-border: #949494;
      --accordion-radius: 0.5rem;
  }
  
  #calculator-wrapper div, #calculator-wrapper span, #calculator-wrapper input {
    border-radius:  0!important;
  }
  
  #calculator-report-header {
    color: var(--headline-text);
  }
  
  #calculator-report-header-bar {
  border: 1px solid var(--headline-text);
  }
  
  .btn-primary {
  background-color: var(--button-color);
  border-color: var(--button-color);
  border-radius:  var(--button-radius) !important;
  }
  
  .btn-primary:hover {
  background-color: var(--button-hover);
  color: var(--button-text-hover);
  border-color: var(--button-hover);
  }
  
  .btn-primary.focus, .btn-primary:focus {
  color: var(--button-text);
  background-color: var(--button-color);
  border-color: var(--button-color);
  box-shadow: none;
  }
  
  .btn-primary.active, .btn-primary:active,
  .btn-primary:not(:disabled):not(.disabled):active {
  color: var(--button-text);
  background-color: var(--button-hover);
  border-color: var(--button-hover);
  box-shadow: none;
  }
  
  .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
  color: var(--button-text);
  background-color: var(--button-color);
  border-color: var(--button-color);
  box-shadow: none;
  }
  
  .btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus {   
      box-shadow: none; 
  }
  
  #calculator-wrapper .btn-collapse {
  border-radius:  var(--accordion-radius) !important;
  }
  
  #calculator-wrapper div.card {
  border-radius:  var(--accordion-radius) !important;
  margin-top: 10px;
  }
  
  .row {
  max-width: 100%; 
  margin: 0;
  }
  
  .cta-wrapper .btn-primary {
  background-color: var(--button-color);
  border-color: var(--button-color);
  color: var(--button-text);
  }
  
  .cta-wrapper .btn-primary:hover {
  background-color: var(--button-hover);
  border-color: var(--button-hover);
  color: var(--button-text);
  }
  
  .cta-wrapper .btn-primary.focus, .cta-wrapper .btn-primary:focus {
  color: var(--button-text);
  background-color: var(--button-hover);
  border-color: var(--button-hover);
  }
  
  .cta-wrapper .btn-primary.active, .btn-primary:active {
  color: var(--button-text);
  background-color: var(--button-hover);
  border-color: var(--button-hover);
  }
  
  .btn-primary.disabled, .btn-primary:disabled {
  background-color: var(--disabled-btn) !important;
  border-color: var(--disabled-btn) !important;
  opacity: 1 !important;
  }
  
  #amortization_schedule_chart th {
  background-color: var(--button-color) !important;
  }
  .form-control, .input-group-text {
  border: 1px solid var(--form-border);
  }
  .form-control.error {
   border-color: crimson;
  }
  label.error {
  color: crimson; 
  }
  @media screen and (max-width: 500px) {
  #calculator-wrapper > div {margin: 0; padding: 0;}
  }
  .btn-collapse {
  border-radius: 0 !important; }
  #emailform .form-group {margin-bottom: 10px;}