/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}



.calculator {
  padding-bottom: 6rem !important;
}

/* Left panel */
.calculator .nav-pills .nav-link {
  font-family: var(--sofia);
  font-size: .8em;
  font-weight: bold ;
  line-height: 1em;
  text-align: start;
  text-transform: uppercase;


}
.calculator .nav-pills .nav-link.active {
  background-color: unset;
}


.calc-step {

}
.progress-bar-wrapper {
  display: none;
}
.buttons-wrapper {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.results-wrapper {
  display: none;
}


/* HIDE RADIO */
[type=radio] {
  position: absolute;
  margin:0;padding:0;
  -webkit-appearance:none;
     -moz-appearance:none;
          appearance:none;
}


.ctr-select {
  cursor: pointer;
  padding: 0.5rem;
  margin: 0;
  border-radius: 5px;
  border: 1px solid transparent;
}

.gen-select {
  cursor: pointer;
  padding: 0.5rem;
  margin: 0;
  border-radius: 5px;
  border: 1px solid transparent;
}

[type=radio]:checked + label {
  border: 1px solid var(--yellow);
}


.tab-content {
  display: flex;
}

.tab-content > .tab-pane {
  display: block; /* undo "display: none;" */
  visibility: hidden;
  margin-right: -100%;
  width: 100%;
}

.tab-content > .active {
  visibility: visible;
}

main .card-results .card-subtitle-uppercase span {
  font-size: unset;
}
main .vertical .progress-track {
  width: unset;
}
main .vertical .progress-fill {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: unset;
}

main div.ranking-bar {
  position: relative;
  background-color: #202020;
  width: 100%;
  height: 40px;
  vertical-align: bottom;
  margin-bottom: 0.5em;
  line-height: 2em;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
main div.ranking-bar .rank {
  position: absolute;
  height: 100%;
  max-width: 100% !important;
  left: 0;
  top: 0;
}
main div.ranking-bar.finsalary .rank {
  background-color: #F9B628;
}
main div.ranking-bar.finbasket .rank {
  background-color: #078CFF;
}
main div.ranking-bar.finminsalary .rank {
  background-color: #FF6C6C;
}
main div.ranking-bar:hover .rank {
  filter: brightness(1.15);
}
.countries-rows {
  counter-reset: line-number;
  width: 100%;
}
.countries-rows .country-name {
  counter-increment: line-number;
  position: relative;
}
.countries-rows .country-name::before {
  content: counter(line-number)"º";
  text-align: right;
  position: absolute;
  right: calc(100% + 5px);
  font-family: var(--ivy);
  text-transform: uppercase;
  font-size: 1.5rem;
  color: #F9B628;
  font-weight: bold;
}