/* Tampilan select yang bisa dicari; menumpang gaya dropdown Bootstrap. */
.select-cari { position: relative; }

.select-cari-tombol {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.select-cari-tombol:disabled { background-color: #eef2f7; }

.select-cari-menu {
    width: 100%;
    padding: 0;
    max-width: 100%;
}

.select-cari-kotak {
    padding: .5rem;
    border-bottom: 1px solid rgba(0, 0, 0, .075);
    position: sticky;
    top: 0;
    background: inherit;
    z-index: 1;
}

.select-cari-daftar {
    max-height: 260px;
    overflow-y: auto;
}

.select-cari-daftar .dropdown-item { cursor: pointer; }

.select-cari-kosong {
    padding: .75rem;
    text-align: center;
    font-size: .8125rem;
    color: #8a969c;
}

/*
 * Select aslinya tetap dirender (1px, terpotong) supaya atribut required
 * masih bisa divalidasi browser dan pesannya muncul di tempat yang benar.
 */
.select-cari-asli {
    position: absolute !important;
    left: 0;
    bottom: 0;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    border: 0 !important;
    opacity: 0;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    white-space: nowrap !important;
    pointer-events: none;
}