html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}
html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
  font-family: "Nunito Sans", sans-serif;
}
body a {
  color: #006ddf;
}
body h1 {
  color: #7413dc;
  margin-bottom: 1rem;
}
body .form-group, body .form-floating {
  margin-bottom: 1rem;
}
body .input[readonly] {
  background-color: #e9ecef; /* Light gray background */
  cursor: not-allowed; /* Change cursor to indicate non-editable */
}
body .btn-primary {
  background-color: #7413dc;
  border-color: #7413dc;
}
body .btn-primary:hover {
  background-color: #9e5ae7;
  border-color: #9e5ae7;
  color: black;
}

.section-booking .no-camp {
  background-color: #EEEEEE;
}
.section-booking thead tr th {
  text-align: center;
}
.section-booking thead tr th h4 {
  font-size: 1.25rem;
  color: #7413dc;
}
.section-booking thead tr th p {
  margin-bottom: 0;
}
.section-booking thead tr th sup a {
  text-decoration: none;
  color: #00b8a3;
}
.section-booking tbody .section-name {
  vertical-align: middle;
}
.section-booking tbody .section-name img {
  max-width: 90px;
  max-height: 25px;
}

table#all-groups tr.invoiced {
  color: #25b755 !important;
}
table#all-groups.table-striped > tbody > tr.invoiced:nth-of-type(odd) > * {
  color: #25b755 !important;
}
table#all-groups td.due {
  color: #7413dc;
}
table#all-groups td.overdue {
  color: #ed3f23;
}

.campers a {
  text-decoration: none;
}
.campers a h2 {
  color: #7413dc;
}
.campers .card-img-top {
  width: 100%;
}
.campers i {
  font-size: 1rem;
}
@media screen and (min-width: 992px) {
  .campers .card-img-top {
    width: 100%;
    height: 15vw;
    object-fit: contain;
  }
}

.details-form .section-title {
  margin-top: 2rem;
}
.details-form .section-title h4 {
  background-color: #7413dc;
  color: #FFFFFF;
  padding: 0.75rem 1.5rem;
  margin-bottom: 1rem;
}
.details-form .section-title.top {
  margin-top: 1rem;
}
.details-form .section-sub-title h4, .details-form .section-sub-title h5 {
  border-bottom: 1px solid #7413dc;
}
.details-form .row.hidden {
  display: none;
}
@media screen and (max-width: 768px) {
  .details-form input[type=text], .details-form select {
    margin-bottom: 10px;
  }
}

.card.health-card img.section-logo {
  max-height: 25px;
  max-width: 120px;
}
.card.health-card .permissions {
  border-bottom: 1px solid #CCCCCC;
  padding-bottom: 1rem;
}
.card.health-card .permissions p {
  margin-bottom: 0;
}
.card.health-card .permissions .Allowed, .card.health-card .permissions .AbleTo {
  color: #25b755;
}
.card.health-card .permissions .NotAllowed, .card.health-card .permissions .NoAbleTo {
  color: #ed3f23;
}
.card.health-card .permissions .activities span {
  margin-right: 1rem;
}
.card.health-card ul.ice-people {
  padding-left: 0;
}
.card.health-card ul.ice-people li {
  list-style-type: none;
  margin-bottom: 0.5rem;
}
.card.health-card .big-warning {
  background-color: #ed3f23;
  color: #FFFFFF;
  padding: 1rem;
}
.card.health-card .big-warning p {
  margin-bottom: 0;
}

.lunch-option-display {
  font-size: 1.5rem;
  color: #00b8a3;
}

.activity-scan-card .award-trophy {
  font-size: 3rem;
}