.table td, .table th {
    align-content: center;
}
.css-border {
    border-top: 1px dashed var(--NN100,#E4EBF5);
    margin: 24px 0px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    color: #000000; /* Warna hitam */
}
/* Mengubah warna teks yang sudah dipilih menjadi abu-abu dan menampilkan cursor not-allowed */
.select2-container--default .select2-results__option[aria-selected="true"] {
    color: #808080;
    background-color: transparent;
    cursor: not-allowed;
    pointer-events: none;
}
.select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
    background-color: #F0F3F7;
    color: #000000;
    border-radius: 10px;
    margin-left: 0.2rem;
    margin-right: 0.2rem;
}


/* Mencegah item yang sudah dipilih dari klik tapi tetap menampilkan cursor */
.select2-container--default .select2-results__option[aria-selected="true"]:hover {
    cursor: not-allowed; /* Tetap menampilkan cursor not-allowed */
}
/* Mengubah warna border dan background box Select2 saat dihover */
.select2-container--default .select2-selection--multiple:hover {
    border-color: #6c757d; /* Ubah warna border saat dihover */
}
.select2-container--default .select2-selection--multiple.text-sm .select2-selection__choice, .text-sm .select2-container--default .select2-selection--multiple .select2-selection__choice {
    border: 10px;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid #ced4da 1px;
    outline: 0;
}
.text-sm .select2-container--default .select2-selection--multiple, select.form-control-sm~.select2-container--default .select2-selection--multiple {
    border-color: #ced4da;
}
.text-sm .select2-container--default .select2-selection--single, select.form-control-sm~.select2-container--default .select2-selection--single {
    height: calc(1.8125rem + 7px);
}
.text-sm .select2-container--default .select2-selection--single, select.form-control-sm~.select2-container--default .select2-selection--single {
    height: calc(1.8125rem + 7px);
}
.text-sm .select2-container--default .select2-selection--single .select2-selection__arrow, select.form-control-sm~.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 0rem; 
}