@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");

* {
  font-family: "Poppins", sans-serif;
}
.group-custom:last-child {
  border-bottom: none;
}
.group-custom-title {
  font-weight: bold;
  background-color: #f9f9f9;
}
.group-custom-item {
  padding-left: 2rem;
}
.scrollbar-hidden::-webkit-scrollbar {
  display: none;
}
.scrollbar-hidden {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

/* Custom Select 2 */
.select2-container--bootstrap-5 .select2-selection {
  padding: 0.75rem 0.8rem !important;
  height: 48px !important;
}
.select2-container--bootstrap-5 .select2-selection,
.select2-container--bootstrap-5 .select2-dropdown {
  outline: none !important;
  box-shadow: none !important;
  border-radius: 0.4rem !important;
  background-color: #fff !important;
  border: 2px solid #f3f4f6 !important;
  color: #111827 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  width: 100%;
}
.select2-container--bootstrap-5 .select2-search__field {
  outline: none !important;
  box-shadow: none !important;
  border-radius: 0.4rem !important;
  background-color: #ffffff !important;
  border: 1px solid #ffffff !important;
  width: 100%;
}
.select2-container--bootstrap-5 .select2-results__option {
  font-size: 14px !important;
}
.select2-container--bootstrap-5 .select2-dropdown {
  margin-top: 4px !important;
  font-size: 10px !important;
}
.select2-container--bootstrap-5 .select2-search__field {
  margin: 8px 0px !important;
  font-size: 14px !important;
  border: 2px solid #f3f4f6 !important;
}
.dark .select2-container--bootstrap-5 .select2-selection,
.dark .select2-container--bootstrap-5 .select2-dropdown {
  background-color: #111827 !important;
  border-color: #111827 !important;
  color: white !important;
  width: 100%;
}
.dark .select2-container--bootstrap-5 .select2-search__field {
  background-color: #1f2937 !important;
  border: 2px solid #111827 !important;
  color: white !important;
  width: 100%;
}
.dark .select2-container--bootstrap-5 .select2-selection__rendered {
  color: white !important;
}

/* Custom Modal */
.modal-backdrop {
  transition: opacity 300ms ease-in-out;
}
.modal-backdrop.show {
  opacity: 1;
}
.modal-backdrop.hide {
  opacity: 0;
}
.modal-content {
  transition: transform 300ms ease-in-out, opacity 300ms ease-in-out;
  transform: scale(0.7) translateY(-20px);
  opacity: 0;
}
.modal-content.show {
  transform: scale(1) translateY(0);
  opacity: 1;
}
.modal-content.hide {
  transform: scale(0.7) translateY(-20px);
  opacity: 0;
}

/* SweetAlert2 Dark Mode */
.dark .swal2-popup {
  background: #1f2937 !important;
  color: #e5e7eb !important;
}
.dark .swal2-title {
  color: #f3f4f6 !important;
}
.dark .swal2-html-container {
  color: #d1d5db !important;
}
.dark .swal2-validation-message {
  background: #374151 !important;
  color: #f3f4f6 !important;
}
.dark .swal2-input,
.dark .swal2-textarea,
.dark .swal2-select {
  background: #374151 !important;
  color: #f3f4f6 !important;
  border-color: #4b5563 !important;
}
.dark .swal2-input:focus,
.dark .swal2-textarea:focus,
.dark .swal2-select:focus {
  border-color: #3b82f6 !important;
  box-shadow: 0 0 0 1px #3b82f6 !important;
}
.dark .swal2-close {
  color: #9ca3af !important;
}
.dark .swal2-close:hover {
  color: #f3f4f6 !important;
}