/* Target the Select2 container */
.select2-container {
    min-height: 2.943rem !important;
}


.select2-container .select2-selection--single {
    height: 2.943rem; /* Menyesuaikan tinggi dengan input Bootstrap */
    padding: .6rem 2rem .6rem 1rem; /* Padding seperti pada input Bootstrap */
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.4285714286;
    color: #495057; /* Warna teks yang serupa dengan form kontrol Bootstrap */
    background-color: #fff; /* Warna latar belakang yang serupa dengan form kontrol Bootstrap */
    background-clip: padding-box;
    border: 1px solid #ced4da; /* Border yang sama dengan form kontrol Bootstrap */
    border-radius: 0.7rem; /* Radius sudut yang sama dengan form kontrol Bootstrap */
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.select2-container .select2-selection--multiple {
    height: auto; /* Menyesuaikan tinggi dengan input Bootstrap */
    padding: .6rem 2rem .6rem 1rem; /* Padding seperti pada input Bootstrap */
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.4285714286;
    color: #495057; /* Warna teks yang serupa dengan form kontrol Bootstrap */
    background-color: #fff; /* Warna latar belakang yang serupa dengan form kontrol Bootstrap */
    background-clip: padding-box;
    border: 1px solid #ced4da !important; /* Border yang sama dengan form kontrol Bootstrap */
    border-radius: 0.7rem; /* Radius sudut yang sama dengan form kontrol Bootstrap */
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    padding-bottom: .945644rem !important;
}

/* Menyesuaikan dropdown Select2 dengan form kontrol Bootstrap */
.select2-dropdown {
    border: 1px solid #ced4da; /* Border yang sama dengan form kontrol Bootstrap */
    background-color: #fff; /* Warna latar belakang yang serupa dengan form kontrol Bootstrap */
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); /* Bayangan yang mirip dengan form kontrol Bootstrap */
}

/* Menyesuaikan pilihan dropdown dengan form kontrol Bootstrap */
.select2-results__option {
    padding: 0.375rem 0.75rem !important; /* Padding seperti pada opsi form kontrol Bootstrap */
    font-size: .875rem !important; /* Ukuran font yang sama dengan form kontrol Bootstrap */
    line-height: 1.4285714286 !important; /* Tinggi baris yang sama dengan form kontrol Bootstrap */
    color: #495057 !important; /* Warna teks yang serupa dengan form kontrol Bootstrap */
    background-color: #fff !important; /* Warna latar belakang yang serupa dengan form kontrol Bootstrap */
    border-bottom: 1px solid #e9ecef !important; /* Garis bawah yang sama dengan form kontrol Bootstrap */
}

/* Menyesuaikan tampilan opsi yang dipilih dengan form kontrol Bootstrap */
.select2-results__option--highlighted {
    background-color: #e9ecef; /* Warna latar belakang opsi yang dipilih yang serupa dengan form kontrol Bootstrap */
    color: #212529; /* Warna teks opsi yang dipilih yang serupa dengan form kontrol Bootstrap */
}

.select2-selection__arrow {
    height: 2.943rem !important;
    margin-right: .3rem !important;
}

.select2-selection__arrow > b {
    /* Menghilangkan ikon panah bawaan */
    border-color: transparent !important;
    
}

.select2-selection__rendered {
    padding-left: 0 !important;
}


.select2-selection__arrow::after {
    /* Menambahkan ikon panah kustom */
    content: '';
    background-image: url('data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 16 16\'%3e%3cpath fill=\'none\' stroke=\'%23929dab\' stroke-linecap=\'round\' stroke-linejoin=\'round\' stroke-width=\'2\' d=\'m2 5 6 6 6-6\'/%3e%3c/svg%3e');
    background-size: 12px;
    width: 12px; /* Lebar ikon */
    height: 12px; /* Tinggi ikon */
    display: inline-block;
    vertical-align: middle;
    margin-top: 1rem !important;
    margin-right: 1rem !important;
}


/* Menyesuaikan tampilan opsi yang dipilih dengan form-control Bootstrap */
.select2-selection__choice {
    background-color: #e9ecef !important; /* Warna latar belakang untuk item yang dipilih */
    color: #000000 !important; /* Warna teks untuk item yang dipilih */
    border: 1px solid #e9ecef !important; /* Border untuk item yang dipilih */
    border-radius: 0.5rem !important; /* Radius sudut untuk item yang dipilih */
    padding: 0.5rem 0.8rem 0.5rem 1.5rem !important; /* Padding untuk item yang dipilih */
    margin-right: 5px; /* Jarak antara item yang dipilih */
}

.select2-selection__choice__remove {
    height: 100% !important;
    margin-right: .4rem !important;
}

.select2-results__option--selected {
    background-color: #e9ecef !important; /* Background color for selected options */
    color: #fff; /* Text color for selected options */
}