.w-4 {
  width: 1rem;
}
.h-4 {
  height: 1rem;
}

.w-6 {
  width: 1.5rem;
}
.h-6 {
  height: 1.5rem;
}

.dropzone {
  background: transparent;
  border-radius: 5px;
  border: 2px dashed rgb(0, 135, 247);
  border-image: none;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered li{
  color:#000;
}
.sidebar-item{
  transition: background-color .3s;
}
.sidebar-item:hover{
  background-color: rgba(128, 128, 128, 0.097);
}

.driver-img {
  width: 250px;
  height: 250px;
  object-fit: cover;
  border-radius: 10px;
  border: 1px solid grey;
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.4);
}
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
:dir(ltr) .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: .375rem;
  border-bottom-left-radius: .375rem;
}

:dir(ltr) .input-group > button {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-top-right-radius: .375rem !important;
  border-bottom-right-radius: .375rem !important;
}

:dir(rtl) .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: .375rem;
  border-bottom-right-radius: .375rem;
}

:dir(rtl) .input-group > button {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-top-left-radius: .375rem !important;
  border-bottom-left-radius: .375rem !important;
}
.dropdown-icon-wrapper {
  position: relative;
}

.dropdown-icon-wrapper select {
  padding-right: 3rem; /* Add space for the icon */
  -webkit-appearance: none; /* Remove default arrow in some browsers */
  -moz-appearance: none;
  appearance: none;
}

/* Position the icon */
.dropdown-icon-wrapper::after {
  content: '\f0d7'; /* FontAwesome Unicode for down arrow icon */
  font-family: 'FontAwesome';
  position: absolute;
  right: 30px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none; /* Let clicks pass through to select */
  color: #555; /* Change color as needed */
}

#orderTabs {
        display: flex;
        justify-content: center;
        gap: 10px;
    }

    #orderTabs .nav-item {
        margin-bottom: 2px; /* Aligns tabs nicely with the table */
    }

    #orderTabs .nav-link {
        border-radius: 10px; /* Make tabs rounded */
        padding: 10px 20px;
        font-weight: bold;
        transition: all 0.3s ease-in-out;
        color: #333;
        background: #f8f9fa;
        opacity: .2;
        border: 1px solid #ddd;
    }

    #orderTabs .nav-link.active {
        background: inherit; 
        color: white;
        border-color: inherit;
        opacity: 1;
    }

    #orderTabs .nav-link:hover {
        background: inherit;
        color: white;
    }