.auth-one-bg {
   background-image: url(../images/bg-login.jpg);
}

.error-validation {
   width: 100%;
   margin-top: 0.25rem;
   font-size: 0.875em;
   color: #f06548;
}

.choices {
   margin-bottom: 0px;
}

#loading-ajax {
   display: none;
   position: fixed;
   top: 0;
   right: 0;
   left: 0;
   bottom: 0;
   background-color: rgba(255, 255, 255, 0.5);
   z-index: 9999;
}

#image-crop-upload {
   display: block;
   max-width: 100%;
}

.preview-cropper {
   overflow: hidden;
   height: 200px;
   margin: 10px;
   border: 1px solid red;
}

#image2-crop-upload {
   display: block;
   max-width: 100%;
}

.preview-cropper2 {
   overflow: hidden;
   height: 200px;
   margin: 10px;
   border: 1px solid red;
}

.choices__placeholder {
   color: var(--vz-card-color) !important;
}

span.reorder {
   cursor: move;
}

table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control::before,
table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control::before {
   background-color: initial !important;
}

.profile-wid-bg::before {
   opacity: 0.8;
}

/* CSS HOME */
.search-input-wrapper {
   position: relative;
}
.search-results-dropdown {
   position: absolute;
   background-color: white;
   border: 1px solid #e0e0e0;
   z-index: 1051;
   max-height: 400px;
   overflow-y: auto;
   margin-top: 5px;
}
.search-results-dropdown .result-group .group-title {
   font-weight: 600;
   font-size: 0.9rem;
   color: #87919f;
   padding: 10px 15px 5px;
   border-bottom: 1px solid #f0f0f0;
   text-transform: uppercase;
}
.search-results-dropdown .result-item {
   display: block;
   padding: 10px 15px;
   color: #212529;
   text-decoration: none;
   transition: background-color 0.2s ease-in-out;
}
.search-results-dropdown .result-item:hover {
   background-color: #f8f9fa;
}
.search-results-dropdown .result-item .item-type {
   font-size: 0.75rem;
   color: #fff;
   padding: 2px 6px;
   border-radius: 4px;
   float: right;
}
.search-results-dropdown .result-item .item-type.dosen {
   background-color: #4b38b3;
}
.search-results-dropdown .result-item .item-type.fakultas {
   background-color: #23b1ab;
}
.search-results-dropdown .result-item .item-type.prodi {
   background-color: #f06548;
}

/* --- CSS BARU UNTUK DARK MODE --- */
/* Menggunakan variabel dari tema Velzon Anda */
[data-bs-theme="dark"] .search-results-dropdown {
   background-color: var(--vz-dropdown-bg, #292e33);
   border-color: var(--vz-border-color, #3c3f42);
}
[data-bs-theme="dark"] .search-results-dropdown .result-group .group-title {
   color: var(--vz-vertical-menu-title-color, #919da9);
   border-bottom-color: var(--vz-border-color, #3c3f42);
}
[data-bs-theme="dark"] .search-results-dropdown .result-item {
   color: var(--vz-dropdown-link-color, #adb5bd);
}
[data-bs-theme="dark"] .search-results-dropdown .result-item:hover {
   background-color: var(--vz-dropdown-link-hover-bg, #2f343a);
   color: var(--vz-dropdown-link-hover-color, #b9bfc4);
}
[data-bs-theme="dark"] .search-results-dropdown .result-item .item-type {
   color: #fff; /* Warna teks pada badge tetap putih */
}

.avatar-xl {
   overflow: hidden;
   position: relative;
   background-color: #f0f0f0;
   border: 5px solid var(--vz-border-color);
}

.avatar-xl .member-img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   transform: scale(1.1);
}

.avatar-lg {
   overflow: hidden;
   position: relative;
   background-color: #f0f0f0;
   border: 3px solid var(--vz-border-color);
}

.avatar-lg .member-img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   transform: scale(1.2);
}