:root {
	--lb-green: #76866c;
	--lb-green-dark: #5a6752;
	--lb-green-light: #8ca080;
	--lb-blue: #363755;
	--lb-blue-dark: #2f2f4a;
	--lb-blue-light: #4f507d;
}
label {
  margin-bottom:0px!important;
}

a {
  color:var(--lb-blue);
}
.clear {
  clear:both;
}
.lb-green {
 background-color:#76866c;
}
.lb-green-light {
 background-color:#8ca080;
}
.lb-green-dark {
 background-color:#5a6752;
}
body {
    font-family: "Figtree", serif;
    font-size:0.95em;
}

.topRightNavItem {
  font-size:0.9em;
}

.btn-primary {
  background-color:var(--lb-green);
  border-color:var(--lb-green-dark);
}
.btn-primary:hover {
  background-color:var(--lb-green-dark);
  border-color:var(--lb-green);
}

.btn-secondary {
  background-color:var(--lb-blue);
  border-color:var(--lb-blue-dark);
}
.btn-secondary:hover {
  background-color:var(--lb-blue-light);
  border-color:var(--lb-blue);
}

.btn-green-border {
  border:1px solid var(--lb-green);
  color:var(--lb-green);
}
.btn-green-border:hover {
  border:1px solid var(--lb-green);
}

.primaryPill {
  font-size:0.8em;
}

.btn-slim {
  padding-top:2px;
  padding-bottom:2px;
}

.btn-block {
  display:block;
}

.table-green tr th {
  background-color:var(--lb-green);
  color:#fff;
}

/* Change the default color for pagination links */
.page-link {
  color: #333;            /* Text color */
  background-color: #fff; /* Background color */
  border-color: #666;     /* Border color */
}

/* Change the background for the active (current) page link */
.page-item.active .page-link {
  color: #fff;
  background-color: var(--lb-green); /* Darker background for active link */
  border-color: var(--lb-green-dark);
}

/* Optional: hover and focus states for page links */
.page-link:hover {
  background-color:var(--lb-blue);
  border-color: var(--lb-blue-dark);

  color: #fff;
}
.page-link:focus {
  box-shadow: none;
  background-color: var(--lb-blue);
  border-color: var(--lb-blue-dark);
  color: #fff;
}

.nav-item {
  padding-left:10px;
  padding-right:10px;
}
.nav-link.active {
  font-weight:600;
  border-bottom: 2px solid var(--lb-green);
}

.addAddress {
  background-color:#f5f5f5;
  padding:10px;
  display:none;
}

.subData {
  background-color:#ccc;
  padding:10px;
  display:none;
}

.errorBar {
  text-align:center;
  display:block;
  background-color:#960000;
  color:#fff;
  z-index:90;
  padding:15px;
}

.successBar {
  text-align:center;
  display:block;
  background-color:#3e8546;
  color:#fff;
  z-index:90;
  padding:15px;
}

.orderStatus {
  position:absolute;
  top:10px;
  right:10px;
}

.pill {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  font-size:0.8em;
  padding:0px 7px;
  background-color:#ccc;
  opacity:0.5;
}

.pillOrdered {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  font-size:0.8em;
  padding:0px 7px;
  background-color:var(--lb-green);
  color:#fff;
  opacity:1;
}