@charset "UTF-8";

.headerdiv {
  height: auto;
}
.bg-orange {
  background-color: rgb(246,153,16);
}

.bg-orange:hover {
  background-color: rgb(255,164,16);
}

.bg-pattern {
  background-image: url("img/pattern1.png");
}

.bg-darkgrey {
  background-color: rgb(180,188,200);
}


.cc {
  height: 2.5rem; 
}

.tz-input {
  border: 2px solid #ced4da;
  border-radius: 0.375rem;
  color: #212529;
  text-align: start;
  font-size: 1rem;
}

/* Viewport height utilities */
.min-h-viewport { min-height: calc(100vh - 50px); }
.min-h-20vh { min-height: calc(20vh); }
.min-h-30vh { min-height: calc(30vh); }
.min-h-70vh { min-height: calc(70vh); }
.min-h-10vh { min-height: calc(10vh); }

/* Text alignment utilities */
.text-center-input { text-align: center; }

/* Vehicle color display */
.vehicle-color {
  display: inline-block;
  width: 1em;
  height: 1em;
  border-radius: 2px;
  margin-inline-start: 0.25rem;
}

/* Enhanced icon utilities */
.icon-opacity-50 { 
  opacity: 0.5; 
  transition: opacity 0.2s ease;
}
.icon-opacity-50:hover { 
  opacity: 1; 
}