/* form KAD */
.form-custom-color {
    background-color: #424242;
}

/* SELECT 2 */
.select2-custom #js-example-responsive + .select2-container--default .select2-selection--multiple {
    border: 2px solid #d97706 !important;
    border-radius: 0.375rem !important;
    min-height: 4.25rem !important;
    width: 15rem !important;
    background-color: #ffffff !important;
}

.select2-custom .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #156082 !important;
    color: #ffffff !important;
    border-radius: 0.25rem !important;
}

.select2-custom .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #ffffff !important;
    margin-right: 0.25rem !important;
}

.select2-custom .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #fbbf24 !important;
}

/* Dropdown styling */
.select2-custom .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #f59e0b !important;
}

/* SINGLE SELECTION */
/* SINGLE SELECTION */
/* SINGLE SELECTION */
.select2-custom #jenis-kerjasama + .select2-container--default .select2-selection--single {
    border: 2px solid #d97706 !important;
    border-radius: 0.375rem !important;
    min-height: 2.1rem !important;
    width: 15rem !important;
    background-color: #ffffff !important;
}
.select2-custom #provinsi-pemasok + .select2-container--default .select2-selection--single {
    border: 2px solid #d97706 !important;
    border-radius: 0.375rem !important;
    min-height: 2.1rem !important;
    width: 15rem !important;
    background-color: #ffffff !important;
}
.select2-custom #kab-kota-pemasok + .select2-container--default .select2-selection--single {
    border: 2px solid #d97706 !important;
    border-radius: 0.375rem !important;
    min-height: 2.1rem !important;
    width: 15rem !important;
    background-color: #ffffff !important;
}
.select2-custom #pelaku-pemasok + .select2-container--default .select2-selection--single {
    border: 2px solid #d97706 !important;
    border-radius: 0.375rem !important;
    min-height: 2.1rem !important;
    width: 100% !important;
    /* width: 36rem !important; */
    background-color: #ffffff !important;
}
.select2-custom #pelaku-pemasok + .select2-container {
    width: 50rem !important;
}
.select2-custom #provinsi-pembeli + .select2-container--default .select2-selection--single {
    border: 2px solid #d97706 !important;
    border-radius: 0.375rem !important;
    min-height: 2.1rem !important;
    width: 15rem !important;
    background-color: #ffffff !important;
}
.select2-custom #kab-kota-pembeli + .select2-container--default .select2-selection--single {
    border: 2px solid #d97706 !important;
    border-radius: 0.375rem !important;
    min-height: 2.1rem !important;
    width: 15rem !important;
    background-color: #ffffff !important;
}
.select2-custom #pelaku-pembeli + .select2-container--default .select2-selection--single {
    border: 2px solid #d97706 !important;
    border-radius: 0.375rem !important;
    min-height: 2.1rem !important;
    width: 36rem !important;
    background-color: #ffffff !important;
}
.select2-custom #pelaku-pembeli + .select2-container {
    width: 36rem !important;
}
/* Single selection rendered text styling */
.select2-custom .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #000000 !important;
    font-weight: 500;
}
.select2-custom .select2-container--default .select2-selection--single .select2-selection__clear {
    color: #000000 !important;
    font-weight: 500;
    margin-right: 10%;
}
/* Search box styling inside selection */
.select2-custom .select2-container--default.select2-container--open .select2-selection--single {
    border-color: #f59e0b !important;
}
.select2-custom .select2-search--dropdown {
    padding: 0.5rem;
    background-color: #ffffff;
}

.select2-custom .select2-search--dropdown .select2-search__field {
    border: 2px solid #d97706 !important;
    border-radius: 0.375rem !important;
    padding: 0.5rem !important;
    background-color: #ffffff !important;
    color: #156082 !important;
    font-size: 0.875rem;
    width: 100% !important;
    box-sizing: border-box;
}

.select2-custom .select2-search--dropdown .select2-search__field:focus {
    border-color: #f59e0b !important;
    outline: none !important;
    box-shadow: 0 0 0 2px rgba(251, 191, 36, 0.2) !important;
}

/* Dropdown container styling */
.select2-custom .select2-dropdown {
    border: 2px solid #d97706 !important;
    border-radius: 0.375rem !important;
    background-color: #ffffff !important;
}

.select2-custom .select2-results {
    background-color: #ffffff !important;
}

.select2-custom .select2-results__option {
    padding: 0.5rem !important;
    color: #156082 !important;
}

/* Placeholder styling untuk single selection */
.select2-custom .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #9ca3af !important;
    font-weight: normal;
}

/* Arrow styling */
.select2-custom .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 2rem;
    right: 0.2rem;
}

.select2-custom .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #d97706 transparent transparent transparent;
    border-width: 6px 4px 0 4px;
}

/* Dropdown styling */
.select2-custom .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #f59e0b !important;
    color: white !important;
}

.select2-custom .select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #156082 !important;
    color: white !important;
}

/* Focus state */
.select2-custom .select2-container--default.select2-container--focus .select2-selection--single {
    border-color: #f59e0b !important;
    box-shadow: 0 0 0 2px rgba(251, 191, 36, 0.2) !important;
}

/* Container width fix */
.select2-custom .select2-container {
    width: 15rem !important;
}