.bar-autokom {
    position: absolute;
    display: flex;        
    gap: 10px;
    margin-top: 0px;
    left: 165px;
    z-index: 999;
    font-size: 12px;
}
.bar-autokom > div {
    position: relative;
}
input.autocom {
    width: 200px;
    min-height: calc(1.5em + .5rem + calc(var(--bs-border-width) * 2));
    padding: .25rem .5rem;
    font-size: .875rem;
    border-radius: var(--bs-border-radius-sm);
}
select.autocom {
    width: auto;
    min-height: calc(1.5em + .5rem + calc(var(--bs-border-width) * 2));
    padding: .25rem .5rem;
    font-size: .875rem;
    border-radius: var(--bs-border-radius-sm);
}

@media only screen and (max-width: 425px) {
    .bar-autokom{
        padding: 0px 30px;
        position: relative;
        display: flex;
        gap: 5px;
        margin-top: 0px;
        left: 0px;
        z-index: 999;
        font-size: 12px;
        flex-direction: column;
    }
    input.autocom {
        width: 100%;
    }
    select.autocom {
        width: 100%;
    }
}

.autocomplete-input {
    position: absolute;
    z-index: 9999;
    margin: 0;
    padding: 0;
    list-style: none;
    background: #ffffff;
    border: 1px solid #dbe4ee;
    border-radius: 8px;
    max-height: 220px;
    overflow-y: auto;
    box-shadow: 0 8px 20px #00000026;
}

.autocomplete-input li {
    padding: 8px 12px;
    cursor: pointer;
    font-size: 13px;
    color: #0f172a;
    background: #ffffff;
}

.autocomplete-input li:hover {
    background: #007bff;
    color: #ffffff;
}

.autocomplete-loop {
    top: -10px !important;
    left: 0px !important;
    width: 100% !important;
    position: relative;
    border: 1px solid #ccc;
    background: white;
    z-index: 9999;
    list-style: none;
    padding: 0;
    margin: 0;
    max-height: 180px;
    overflow-y: auto;
    width: 100%;
}
.autocomplete-loop li {
    padding: 8px;
    cursor: pointer;
}
.autocomplete-loop li:hover {
    background-color: #007bff;
    color: white;
}

.autocomplete-monitoring {
	top: 34px !important;
	left: 0px !important;
	width: 100% !important;
	position: absolute;
	border: 1px solid #ccc;
	background: white;
	z-index: 9999;
	list-style: none;
	padding: 0;
	margin: 0;
	max-height: 180px;
	overflow-y: auto;
	width: 100%;
}
.autocomplete-monitoring li {
	padding: 8px;
	cursor: pointer;
}
.autocomplete-monitoring li:hover {
	background-color: #007bff;
	color: white;
}