:root,
[data-bs-theme="light"] {
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.3;
  --bs-body-color: #444;
  --bs-body-bg: #f8f8f8;
  --bs-heading-color: inherit;
}

hr {
  color: gray;
}

body {
  background-color: #cbdae6;
}

.card {
  --bs-card-color: #444;
}

div.footer {
  opacity: 0.5;
}

.dropdown-menu,
.text-imput,
.form-control,
.form-select {
  background-color: #fffbe7;
  color: rgb(70, 70, 70);
}

.dropdown-menu,
.text-imput:focus,
.form-control:focus,
.form-select:focus {
  background-color: #fffbe7;
  color: rgb(100, 100, 100);
}

.text-imput:disabled,
.form-control:disabled,
.form-select:disabled {
  background-color: #eee;
  color: rgb(100, 100, 100);
}

.dropdown-menu:focus,
.text-imput:focus,
.form-control:focus,
.form-select:focus {
  color: black;
}

/* Event listing styles */
.event {
  background-color: #f8f9fa;
}

.state-app {
  color: white;
}

.state-app:hover {
  color: white;
}

.state-created {
  background-color: slategray;
}

.state-created:hover {
  background-color: black;
}

.state-in_progress {
  background-color: #6265ae;
}

.state-in_progress:hover {
  background-color: #adaec0;
}

.state-submitted {
  background-color: #c1b345;
}

.state-submitted:hover {
  background-color: #dac62c;
}

.state-retracted {
  background-color: #666;
}

.state-retracted:hover {
  background-color: #888;
}

.state-accepted {
  background-color: #11ad79;
}

.state-accepted:hover {
  background-color: #2dd49d;
}

.state-fee_has_been_paid {
  background-color: orange;
}

.state-fee_has_been_paid:hover {
  background-color: orange;
}

.state-denied {
  background-color: #88095d;
}

.state-denied {
  background-color: #d04996;
}

.state-TRUCK {
  background-color: #d04996;
}

.state-OTHER {
  background-color: #358ad7;
}

.state-TRAILER {
  background-color: #7a8a80;
}

.state-TENT {
  background-color: #2c5b93;
}

.alert-debug {
  background-color: gray;
}
.alert-info {
  background-color: silver;
}
.alert-success {
  background-color: mediumseagreen;
}
.alert-warning {
  background-color: orange;
}
.alert-error {
  background-color: palevioletred;
}

.highlight {
  background-color: #ddd;
}

.btn-transparent {
  background-color: transparent;
}

.btn-transparent:hover {
  background-color: rgba(125, 125, 125, 0.3);
}

.btn-primary {
  background-color: #11528a;
}

.btn-primary:hover {
  background-color: #587e9d;
}