.required:not(span)::before {
    content: '* ';
    color: #F00;
    font-weight: bold;
}
.cursor-default {
    cursor: default !important;
}
.text-link {
    color: #435ebe !important;
}
.w-fit-content {
    width: fit-content;
}
.fs-12 {
    font-size: 12px;
}
.fs-13 {
    font-size: 13px;
}
.fs-14 {
    font-size: 14px;
}
.fs-16 {
    font-size: 16px;
}
.fs-18 {
    font-size: 18px;
}
.fs-20 {
    font-size: 20px;
}
.fs-22 {
    font-size: 22px;
}
.form-check-input-lg {
    width: 1.5em;
    height: 1.5em;
    margin-right: 8px;
}

.wizard-step {
    display: none; /* Sembunyikan semua langkah */
}
.wizard-step.active {
    display: block; /* Tampilkan langkah aktif */
}

/* Menyembunyikan panah pada semua browser utama */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type="number"] {
    -moz-appearance: textfield;
}

/* Select2 */
.select2-container--classic .select2-dropdown, .select2-container--default .select2-dropdown {
    width: 400px !important;
    height: 350px !important;
}
.select2-container--default .select2-results>.select2-results__options {
    max-height: 285px !important;
}

/* Untuk membuat tinggi input Select2 sama seperti form-control */
.select2-container .select2-selection--single {
    height: 38px !important; /* Sesuaikan dengan tinggi input form-control (default Bootstrap 4/5) */
    padding: 6px 12px; /* Padding seperti input form-control */
    border: 1px solid #ced4da; /* Warna border sama dengan form-control */
    border-radius: 0.25rem; /* Border radius seperti form-control */
    font-size: 16px; /* Font-size default form-control */
    line-height: 1.5; /* Line-height default form-control */
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 24px !important; /* Sesuaikan dengan tinggi teks di form-control */
    padding-left: 0 !important; /* Hilangkan padding kiri default dari Select2 */
    color: #495057; /* Warna teks sama dengan form-control */
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 38px !important; /* Sesuaikan tinggi panah dropdown */
    top: 0px !important; /* Atur posisi panah ke tengah */
    right: 10px; /* Sesuaikan jarak dari sisi kanan */
}

.select2-container--default .select2-selection--single:hover {
    border-color: #ddc1a7; /* Border biru saat hover, seperti form-control */
}

.select2-container--default.select2-container--focus .select2-selection--single {
    border-color: #ddc1a7 !important; /* Border biru saat focus, mirip form-control */
    outline: 0; /* Hapus outline */
    box-shadow: 0 0 0 0.25rem rgba(188, 165, 144, 0.25); /* Efek shadow fokus */
}
/* Pastikan input form tidak memiliki margin yang besar */
.select2-container {
    width: 100% !important; /* Select2 mengambil 100% lebar dari container */
}

/* DataTables */
.dataTables_processing {
    background-color: #fdf8f3 !important; /* Latar belakang */
}
div.dataTables_processing>div>div {
    background: #867769 !important;
}

/* sweetalert */
div:where(.swal2-container) div:where(.swal2-loader) {
    border-color: #867769 rgba(0, 0, 0, 0) #867769 rgba(0, 0, 0, 0);
}

/* MEDIA */
@media (min-width: 576px) {
}
@media (min-width: 768px) {
}
@media (min-width: 992px) {
    .w-lg-50 {
        width: 50% !important;
    }
}
@media (min-width: 1200px) {
    .btn-xl {
        padding-right: 2rem;
        padding-left: 2rem;
        padding-top: 1rem;
        padding-bottom: 1rem;
        font-size: 1.5rem;
        border-radius: 1rem;
    }
}
@media (min-width: 1400px) {
}

@media (max-width: 575.98px) {
}
@media (max-width: 767.98px) {
}
@media (max-width: 991.98px) {
}
@media (max-width: 1199.98px) {
}
@media (max-width: 1399.98px) {
}