.webform-submission-employee-reference-form label,
.webform-submission-employee-reference-form legend {
  font-family: var(--ylb-font-family-medium);
  font-size: 1.2rem;
}

.webform-submission-employee-reference-form .webform-options-display-side-by-side label {
  font-family: var(--ylb-font-family-verdana);
  font-size: 1rem;
}

.webform-submission-employee-reference-form .webform-options-display-side-by-side .input-wrapper {
  display: inline;
}

/* Style the modal background overlay */
.ui-widget-overlay {
  background: rgba(0, 0, 0, 0.5); /* semi-transparent dark backdrop */
}

/* Modal container */
.ui-dialog {
  border-radius: 12px;
  border: none;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.25);
  font-family: 'Segoe UI', Tahoma, sans-serif;
  overflow: hidden;
}

/* Title bar */
.ui-dialog-titlebar {
  background-color: #0060af; /* your color */
  color: white;
  font-size: 1.2rem;
  font-weight: bold;
  padding: 12px 20px;
  border: none;
}

/* Close button */
.ui-dialog-titlebar-close {
  background: transparent;
  border: none;
  color: white;
  font-size: 1.2rem;
  cursor: pointer;
}
.ui-dialog-titlebar-close:hover {
  color: #ffcc00; /* optional hover accent */
}

/* Content area */
.webform-confirmation-modal--content {
  padding: 20px;
  font-size: 1rem;
  color: #333;
  line-height: 1.5;
  background: #ffffff;
}

/* Make sure the dialog stays centered nicely */
.ui-dialog {
  animation: popupFadeIn 0.3s ease;
}
@keyframes popupFadeIn {
  from { opacity: 0; transform: scale(0.9); }
  to { opacity: 1; transform: scale(1); }
}