#calculator-wrap {
  font-size: 15px;
}

.tipIcon {
  text-decoration: none !important;
  color: inherit;
}
.tipIcon :hover {
  text-decoration: none !important;
  color: inherit;
}
.tipIcon i {
  font-size: 1rem;
  color: inherit;
}

span.sm-hide {
  white-space: nowrap;
}

#tooltip {
  position: absolute;
  border: 1px solid #666666;
  background: #ffffcc;
  padding: 12px;
  color: #333;
  width: 200px;
  font-family: Tahoma, Arial;
  font-size: 11px;
  display: none;
  line-height: 16px;
  border-radius: 5px;
  z-index: 999;
}

#tblcalculator td,
#tblcalculator th {
  padding: 0.4rem 0.5rem !important;
  line-height: 2rem;
}

#tblresults td,
#tblresults th {
  padding: 0.4rem 0.5rem !important;
}

.results-container {
  position: relative;
  overflow: hidden;
}

.row-label:not(.expandable) {
  text-indent: 1.6rem;
}
.row-label i {
  display: none;
}
.row-label.expandable i {
  display: inline-block;
}

.toggle-icon {
  font-size: 1rem;
  cursor: pointer;
}

#spinner div {
  z-index: 1032;
  color: #ff8602;
}

#spinner {
  background: transparent !important;
  z-index: 1031;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0.8;
  position: absolute;
  width: 100%;
  height: 100%;
}

.tax-bands .row-label {
  text-indent: 1.8rem;
  font-style: italic;
}

.row-tfa-marriage-allowance .row-label {
  text-indent: 1.8rem;
  font-style: italic;
}

.menu-icon {
  position: absolute;
  padding: 0.1rem !important;
  top: -0.1rem;
  right: 0.1rem;
  background: #fff !important;
}
.menu-icon i {
  font-size: 1.5rem;
  cursor: pointer;
  vertical-align: bottom;
}

.checkbox-parent {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

#view-menu {
  position: absolute;
  right: -7rem;
  margin-top: 0.5rem;
  z-index: 200;
}

.last-th {
  padding-right: 2.4rem !important;
}

#calculator-results {
  position: relative;
}

#wageInput {
  background: #ffcc00;
}
#wageInput tr {
  background: #ffcc00;
}
#wageInput td {
  border-color: rgba(37, 41, 36, 0.13) !important;
}

#tblresults {
  width: 33rem;
}
#tblresults th:not(:first-child) {
  text-align: right;
}
#tblresults tbody td:not(.row-label) {
  text-align: right;
}
#tblresults tbody .row-net-wage td span {
  background: #fff;
  padding: 6px 6px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
#tblresults tbody tr:not(tr[class*=bg-], .tax-bands, tr[class*=row-pension-]) td:nth-child(odd) {
  background: #f8f8f8;
}
#tblresults tbody tr:not(tr[class*=bg-], .tax-bands, tr[class*=row-pension-]) td:nth-child(even) {
  background: #fff0c1;
}
#tblresults tbody tr.row-pension-hmrc td:nth-child(odd),
#tblresults tbody tr.row-pension-you td:nth-child(odd) {
  background: #333333;
  color: white;
}
#tblresults tbody tr.row-pension-hmrc td:nth-child(even),
#tblresults tbody tr.row-pension-you td:nth-child(even) {
  background: #444444;
  color: white;
}
#tblresults tbody tr.row-taxable td:nth-child(odd) {
  background: #f8f8f8 !important;
}
#tblresults tbody tr.row-taxable td:nth-child(even) {
  background: #fff0c1 !important;
}
#tblresults tbody tr.tax-bands td:nth-child(odd) {
  background: #f5d0bf;
}
#tblresults tbody tr.tax-bands td:nth-child(even) {
  background: #ecb69d;
}
#tblresults tbody tr:not(tr[class*=bg-], .tax-bands, tr[class*=row-pension-]):nth-child(even) td:nth-child(odd) {
  background: #fff0c1;
}
#tblresults tbody tr:not(tr[class*=bg-], .tax-bands, tr[class*=row-pension-]):nth-child(even) td:nth-child(even) {
  background: #ffe082;
}
#tblresults tbody #row-net-pay td:nth-child(odd) {
  background: #ffcc00 !important;
}
#tblresults tbody #row-net-pay td:nth-child(even) {
  background: #ffb719 !important;
}

.bg-red td:nth-child(odd) {
  background: #e55e21 !important;
  color: white !important;
}
.bg-red td:nth-child(even) {
  background: #d54e21 !important;
  color: white !important;
}

.bg-tax-region td {
  background: #444499 !important;
  color: white !important;
}

.bg-student-loan td {
  background: #3399cc !important;
  color: white !important;
}

.bg-pension td {
  background: #333333 !important;
  color: white !important;
}

i[disabled] {
  opacity: 0.4;
  cursor: initial;
}

@media screen and (max-width: 420px) {
  .sm-hide {
    display: none !important;
  }
  .wk {
    display: none !important;
  }
  .row-label:not(.expandable) {
    text-indent: 0 !important;
  }
}