html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
  font-family: Helvetica, Verdana, Geneva, Tahoma, sans-serif;

}

.btn-primary {
  background-color: #F40009;
  border-color: #F40009;
}

.btn-leaderboard {
  background-color: orange;
  border-color: orange;
  color: white;
}

.btn-leaderboard:hover {
  background-color:rgb(160, 107, 8);
  border-color: rgb(160, 107, 8);
}

.btn-leaderboard:disabled {
  background-color: orange;
  border-color: orange;
  color: white;
  opacity: 0.7;
  cursor: not-allowed;
}

.disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.navbar {
  font-size: large;
}

/* To make a table almost full page width */
.maxwide {
  position: absolute;
  left: 48%;
  transform: translateX(-48%);
  width: 96%;
}

.full-width-section {
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -48vw;
  margin-right: -47vw;
  padding-top: 3px;
  width: 96vw;
}