.even-row.retirement-date-line,
.odd-row.retirement-date-line {
  border-bottom: 2px dashed var(--color-optimly-green);
}

.even-row.lumpsum-line,
.odd-row.lumpsum-line {
  background-color: var(--color-optimly-yellow);

}

.even-row.state-pension-line,
.odd-row.state-pension-line {
  border-bottom: 2px dashed var(--color-optimly-pink);
}

.even-row.combination-line,
.odd-row.combination-line {
  background-color: var(--color-optimly-yellow);  
  border-bottom: 2px dashed var(--color-optimly-green);
}

.display-or-hide-row {
  display: flex;
}

#summaryTable {
  margin-top: -20px;
}
.resultNumber-container {
  margin-top: 30px;
  display: flex;
  flex-direction: row;
  gap: 3vw;
  }
  

  #display-height {
    margin-top: -30px;
    margin-bottom: 0px
  }


  #spareContainer {
    margin-top: 0px;
    margin-bottom: 0px;
  }

  #resetButtonContainer{
    z-index: 0;
    margin-top: -113px;
  }


#spareContainer {
  z-index: 0;
  width: 1px;
  justify-content: right;

}

.calculator-box-container {
  position: relative;
justify-content: flex-end;
}

.calculator-input-row-spare {
  display: flex;  /* Ensure the container is a flexbox container */
  justify-content: flex-end;  /* Align items to the right */
  position: relative;
  width: 100%;
  z-index: -1;
}

  #contributionFrequencyDisplay{
    z-index: 0;
  }

  #contributionFixedAmount {
    z-index: 9 !important;

  }

  .hide-mobile {
    display: auto;
    }


#cashflow-column,
#state-pension-column,
#state-pension-column2,
#contribution-column  {
  display: auto;
}


#combined-column,
.hide-fs {
  display: none;
}

.hide-date {
  display: none
}

.showOn900 {
  display: table-cell
}

.showRowOn900 {
  display: auto;
}

.hideOn900 {
  display: none
}

.hideRowOn900 {
  display: none
}

.show-date {
  display: table-cell
}


@media (max-width: 600px) {

  .hide-date {
    display: table-cell
  }

  .show-date {
    display: none
  }
  
  /* #contributionRowHeight {
    height:0px
  } */

  .showOn900,
  .showRowOn900  {
    display: none

  }
  
  .hideOn900 {
    display: table-cell
  }

  .hideRowOn900 {
    display: inline-flex;
  }

.resultNumber-container {
margin-top: 0px;
gap: 0px;
flex-direction: column;
}

.button-inline-container.bespoke {
  margin-top: -10px;
  margin-bottom: 15px
}

.button-inline-container {
  margin-top: 35px;
  margin-bottom: 5px
}


#display-height {
  margin-top: -40px;
  margin-bottom: -15px;
}

#resetContainer  {
  margin-top: -30px;
  margin-bottom: 0px;
}

#displayContainer  {
  margin-top: 15px;
}

#spareContainer {
  margin-top: 40px;
  margin-bottom: 20px
}

#combined-column,
.hide-fs {
  display: table-cell;
  
}
  
.hide-mobile {
display: none;
}

#cashflow-column,
#state-pension-column,
#state-pension-column2,
#contribution-column {
  display: none;
}

.section6 {
  margin-top: 0px;
}

}