#alertModal {
  z-index: 999999999 !important;
  background-color: #0000004f !important;
}

#alertModal .modal-dialog {
  width: 25rem !important;
  max-width: 95% !important;
  top: -25% !important;
  margin: auto !important;
}

#alertModal .alert-text-title {
  font-size: 1.25rem !important;
  font-weight: bold !important;
  text-transform: capitalize !important;
  user-select: none !important;
  overflow-wrap: anywhere !important;
}

#alertModal .alert-text-content {
  cursor: default;
  user-select: all !important;
}

#alertModal .modal-footer button {
  height: 100% !important;
  margin: 0 !important;
  font-size: 1rem !important;
  line-height: 2.5rem !important;
  background-color: transparent !important;
  border: none !important;
  --bs-text-opacity: 1;
  color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important;
}

#alertModal .modal-footer button:first-child {
  border-right: var(--bs-modal-footer-border-width) solid
    var(--bs-modal-footer-border-color) !important;
  border-bottom-left-radius: var(--bs-modal-inner-border-radius) !important;
}

#alertModal .modal-footer button:last-child {
  border-bottom-right-radius: var(--bs-modal-inner-border-radius) !important;
}

#alertModal .modal-footer button:hover {
  background-color: #e9ecef5c !important;
}

#alertModal .modal-footer button:focus {
  background-color: #e9ecef5c !important;
  border: none !important;
}

#alertModal .close-alert {
  width: 100% !important;
}

#alertModal .user-confirm {
  width: 100% !important;
  margin: 0 !important;
}

#alertModal .user-confirm-btn {
  width: 50% !important;
}