.b-example-divider {
  height: 3rem;
  background-color: rgba(0, 0, 0, .1);
  border: solid rgba(0, 0, 0, .15);
  border-width: 1px 0;
  box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
}

.form-control-dark {
  color: #fff;
  background-color: var(--bs-dark);
  border-color: var(--bs-gray);
}
.form-control-dark:focus {
  color: #fff;
  background-color: var(--bs-dark);
  border-color: #fff;
  box-shadow: 0 0 0 .25rem rgba(255, 255, 255, .25);
}

.bi {
  vertical-align: -.125em;
  fill: currentColor;
}

.text-small {
  font-size: 85%;
}

.dropdown-toggle {
  outline: 0;
}

/* Turn the buttons into the TRV dark and light green */
.btn-primary {
  color: #8ac33f;
  background-color: #036939;
  border-color: #036939
}

.btn-primary:hover {
  color: #ffffff;
  background-color: #036939;
  border-color: #8ac33f
}

.btn-primary:focus,
.btn-primary.focus {
  box-shadow: 0 0 0 .2rem rgba(3, 105, 57, 0.5)
}

.btn-primary.disabled,
.btn-primary:disabled {
    color: #212529;
    background-color: #439d73;
    border-color: #036939
}

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show>.btn-primary.dropdown-toggle {
    color: #212529;
    background-color: #439d73;
    border-color: #036939
}

.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.show>.btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(3, 105, 57, 0.5)
}

.btn-outline-primary {
  color: #036939;
  background-color: transparent;
  background-image: none;
  border-color: #036939
}

.btn-outline-primary:hover {
  color: #ffffff;
  background-color: #036939;
  border-color: #8ac33f
}

.btn-outline-primary:focus,
.btn-outline-primary.focus {
  box-shadow: 0 0 0 .2rem rgba(3, 105, 57, 0.5)
}

.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
    color: #8ac33f;
    background-color: transparent
}

.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.show>.btn-outline-primary.dropdown-toggle {
    color: #212529;
    background-color: #036939;
    border-color: #8ac33f
}

.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(3, 105, 57, 0.5)
}

.btn-xxl {
      font-size: 3rem; /* Adjust as needed */
      /*padding: 1.5rem 1.5rem; */ /* Adjust as needed */
      /* Add other properties like width, height, etc. if desired */
}