.bg-main-blue {
    background-color: #053b5d !important;
}

.bg-main-yellow {
    background-color: #ffc978 !important;
}

.bg-blue {
    background-color: #dff1f5 !important;
}

.bg-dark-blue {
    background-color: #053b5d !important;
}

.bg-gradient-main-yellow {
    background-image: linear-gradient(310deg, #ab5409 0%, #f79526 100%);
}
.bg-gradient-main-blue {
    background-image: linear-gradient(310deg, #002b46 0%, #3497c2 100%);
}

.status-pending {
    border: 0px solid black;
    padding: 2px 5px;
    border-radius: 5px;
    background-color: #9d9d70; /* Warna latar belakang untuk status Pending */
}

.status-dalam-komunikasi {
    border: 0px solid black;
    padding: 2px 5px;
    border-radius: 5px;
    background-color: #7f7563; /* Warna latar belakang untuk status Dalam Komunikasi */
}

.status-wawancara {
    border: 0px solid black;
    padding: 2px 5px;
    border-radius: 5px;
    background-color: #9cafaa; /* Warna latar belakang untuk status Wawancara */
}

.status-tes-psikologi {
    border: 0px solid black;
    padding: 2px 5px;
    border-radius: 5px;
    background-color: #006989; /* Warna latar belakang untuk status Tes Psikologi */
}

.status-lolos {
    border: 0px solid black;
    padding: 2px 5px;
    border-radius: 5px;
    background-color: #508d4e; /* Warna latar belakang untuk status Lolos */
}

.status-ditolak {
    border: 0px solid black;
    padding: 2px 5px;
    border-radius: 5px;
    background-color: #ba334c; /* Warna latar belakang untuk status Lolos */
}

.scrollable-data {
    max-width: 150px; /* Atur sesuai kebutuhan */
    overflow-x: auto; /* Mengaktifkan scroll horizontal */
    white-space: nowrap; /* Mencegah teks membungkus ke baris berikutnya */
    padding: 5px; /* Opsional: Menambahkan padding di dalam elemen */
}

.status-badge {
    background-color: transparent; /* Latar belakang transparan */
    border: 2px solid #053b5d; /* Border dengan warna yang diinginkan */
    border-radius: 1.25rem; /* Border radius sesuai dengan border-radius-2xl */
    padding: 8px; /* Padding untuk ruang di dalam elemen */
    text-align: center; /* Memusatkan teks di dalam elemen */
    color: #053b5d; /* Warna teks sesuai dengan warna border */
    font-size: 14px; /* Ukuran font */
}

.custom-border {
    border: 2px solid #053b5d; /* Ketebalan dan warna border */
    border-radius: 25px; /* Menggunakan border-radius yang sama dengan border-radius-2xl jika perlu */
}

.position-relative {
    position: relative;
}

.toggle-password {
    position: absolute;
    top: 75%;
    right: 10px;
    transform: translateY(-70%);
    cursor: pointer;
    color: #aaa;
}