a {
  text-decoration:none;
}

a.active {
  text-decoration:none;
}
hr {
  margin-top: 2pt;
  margin-bottom: 2pt;
  color: gray;
}
.nav-link {
  text-wrap: balance;
  background-color: #11528a;
  margin-left: 2pt;
  margin-right: 2pt;
}

nav-link.active {
  background-color: #0d416f;
  color: #ffffff !important;
}

body {
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  line-height: 1.6;
  color: #333;
  background-color: #cbdae6;
}

.container {
  max-width: 98%;
}

option:before,
select.form-select,
textarea.form-control,
input.form-control {
  background-color: rgb(227, 214, 156);
}

.form-control:disabled {
  background-color: rgb(248, 248, 248);
  border: 0;
}

.form-control:required {
  font-weight: 500;
}

.form-label {
  color: rgb(105, 105, 105);
}

@media (min-width: 0px) and (max-width: 768px) {
  .table > :not(caption) > * > * {
    padding: 0.1rem 0.1rem;
  }

  .card,
  .card-header,
  .card-body,
  .card-footer {
    padding: 1pt !important;
  }

  .container {
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
    margin-right: 0;
    margin-left: 0;
  }
}

@media (min-width: 0px) and (max-width: 1024px) {
  .container {
    max-width: 100%;
  }
}

/* Event listing styles */
.event {
  background-color: #f8f9fa;
  border: 1px solid #dee2e6;
  border-radius: 5px;
  padding: 15px;
  margin-bottom: 15px;
}

.event h3 {
  margin-top: 0;
  color: #007bff;
}

/* Table styles */
.table-responsive {
  overflow-x: auto;
}

.table th,
.table td {
  vertical-align: top;
  border-bottom: #007bff;
  border-bottom-width: 4px;
}


/* Badge styles */
.badge {
  font-size: 0.8em;
  padding: 0.5em 0.75em;
}

/* Button styles */

.default-button-handler {
  width: 0;
  height: 0;
  padding: 0;
  border: 0;
  margin: 0;
}

.btn {
  white-space: nowrap;
}

.form-control {
  background-color: #f8f9fa;
}

.form-control:focus {
  background-color: #c9d7e5;
}

/* Navigation */
.navbar {
  padding-top: 0pt;
  padding-bottom: 0pt;
  padding-left: 2%;
  padding-right: 2%;
  background-color: #1668b2 !important;
}

.navbar-brand {
  font-weight: bold;
}

/* License Plate Styles - German EU Style */
.license-plate {
  display: inline-flex;
  align-items: center;
  background-color: #ffffff;
  border: 3px solid #000000;
  border-radius: 4px;
  padding: 4px 4px;
  font-family: monospace;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  height: 40px;
  max-width: fit-content;
}

.license-plate-number {
  font-weight: bold;
  color: #000000;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.xxx {
  .dashboard-panel {
    padding: 10px;
    border-radius: 5px;
  }

  .stall-panel {
    background-color: #b79a9a;
  }

  .vehicle-panel {
    background-color: #8687a0;
  }

  .event-panel {
    background-color: #b8b794;
  }

  .application-panel {
    background-color: #8f9d83;
  }
}

.card-img-top {
  max-height: 200px;
  object-fit: cover;
}

.col-form-label {
  white-space: nowrap;
}

.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: #9a8f38;
}

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

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

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

.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;
}

.fade {
  opacity: 1;
  animation:
    fadeIn 0s ease-in-out forwards,
    fadeOut 2s 3s ease-in-out forwards;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.messageoverlay {
  pointer-events: none;
  position: fixed;
  opacity: 1;
  width: 50%;
  top: 1px;
  left: 25%;
  z-index: 4;
  margin: 5pt;
}

#progressbar {
  padding-left: 0;
}

.highlight {
  background-color: #ddd;
  border-radius: 5px;
  padding: 5px;
  margin-bottom: 10pt;
}