/*
Taxijakt - Diyar diypa571

*/
#car-options {
margin: 0 !important;
padding: 0 !important;
}

.car-option {
display: flex;
align-items: center;
justify-content: space-between;
padding: 5px 0; /* Adjust for some vertical spacing */
margin: 0;
background-color: #333; /* Dark background */
border-radius: 5px;
white-space: nowrap; /* Prevent text wrapping */
}

.car-option span {
padding: 0 5px; /* Adjust horizontal padding */
text-align: center;
white-space: nowrap; /* Ensure the text doesn't wrap */
overflow: hidden;
text-overflow: ellipsis; /* Add ellipsis if text overflows */
}

.car-option .col-4 {
flex: 1; /* Ensure equal width for all elements */
padding: 0; /* Remove column padding */
text-align: center; /* Center the text */
white-space: nowrap; /* No wrapping in the columns */
}

    .autocomplete-container {
        position: relative;
        margin-bottom: 20px;
z-index:9;
    }
    .autocomplete-suggestions {
        display: none;

        top: 100%;
        left: 0;
        right: 0;
        background: #fff;
        border: 1px solid #ccc;
        max-height: 200px;
        overflow-y: auto;
        z-index: 1;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);

    }
    .autocomplete-suggestion {
        padding: 10px;
        cursor: pointer;
    }
    .autocomplete-suggestion:hover {
        background: #f0f0f0;
    }
    .autocomplete-suggestion.active {
        background: #d0d0d0;
    }
    .output {

    }