.vpn-error-container {
  background: #fff;
  color: var(--bs-dark-text);
  max-width: 600px;
  margin: 1rem auto;
  padding: 32px 28px 24px 28px;
  border-radius: 12px;
  box-shadow: 0 4px 24px rgba(0,0,0,0.10);
  font-size: 1.1rem;
  text-align: left;
  font-weight: 400;
}
.vpn-error-container ul {
  margin-left: 24px;
  margin-bottom: 16px;
}
.vpn-error-container li {
  margin-bottom: 6px;
}
.vpn-error-container p {
  margin-bottom: 12px;
}
#outputDiv a, .vpn-error-container a {
  color: #1976d2;
  font-weight: bold;
  text-decoration: underline;
  display: inline-block;
  margin-top: 18px;
}

[data-bs-theme="dark"] .vpn-error-container {
  background: var(--bs-dark-bg-subtle);
  color: var(--bs-gray-600);
  box-shadow: 0 4px 24px rgba(255,255,255,0.10);
}
/*
Custom CSS

This file is for your custom CSS. You can add your own styles here without 
modifying the index.html file or any other template files. This file is 
loaded in the template_v3/index.js file. 

This file is intentionally left blank. Add your custom CSS below.

@version 1.0.0
*/

/* Base callout */
.callout {
  /* light subtle background */
  background-color: var(--bs-light-bg-subtle);
  /* left accent border */
  border-left: 0.25rem solid var(--bs-secondary);
  /* spacing and rounding */
  padding: 1rem;
  margin: 1rem 0;
  border-radius: var(--bs-border-radius);
  /* default text color */
  color: var(--bs-body-color);
}

/* Info variant */
.callout-info {
  background-color: var(--bs-info-bg-subtle);
  border-left-color: var(--bs-info);
  color: var(--bs-info-text-emphasis);
}

/* Warning variant */
.callout-warning {
  background-color: var(--bs-warning-bg-subtle);
  border-left-color: var(--bs-warning);
  color: var(--bs-warning-text-emphasis);
}

/* Danger variant */
.callout-danger {
  background-color: var(--bs-danger-bg-subtle);
  border-left-color: var(--bs-danger);
  color: var(--bs-danger-text-emphasis);
}

#claim-fields ol li {
  margin-bottom: 1rem;
}

#optionsTABLE_home tbody th span {
  display: block;
  margin-top: 1rem;
}

#final-approval-hearing-span-classd-blockthe-court-has-not-yet-set-a-date-and-time-for-the-hearing-please-check-this-website-for-updatesspan
  > span
  > span {
  /* italics */
  font-style: italic;
}

/* tour.css */
/* CSS Variables for theming */
:root {
  --tour-overlay-color: rgba(0, 0, 0, 0.3);
  --tour-highlight-color: rgba(255, 255, 0, 0.4);
  --tour-featured-color: #ff4081;
  --tour-bg-color: #fff;
  --tour-text-color: #333;
  --tour-zindex: 10000;
}
:root[data-bs-theme="dark"] {
  --tour-overlay-color: rgba(0, 0, 0, 0.1);
}

/* Dim the rest of the page */
.tour-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--tour-overlay-color);
  z-index: var(--tour-zindex);
  pointer-events: none;
}

/* Highlight box around the target */
.tour-highlight {
  position: absolute;
  border: 2px solid var(--tour-highlight-color);
  background: transparent;
  z-index: calc(var(--tour-zindex) + 1);
  box-shadow: 0 0 0 9999px var(--tour-overlay-color);
  transition: all 0.3s ease;
}
.tour-highlight.featured {
  border-color: var(--tour-featured-color);
}

/* Tooltip/popover */
.tour-tooltip {
  position: absolute;
  max-width: 300px;
  background: var(--tour-bg-color);
  color: var(--tour-text-color);
  padding: 1em;
  border-radius: 6px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
  z-index: calc(var(--tour-zindex) + 2);
  transition: all 0.2s ease;
}
.tour-tooltip.bottom::before,
.tour-tooltip::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 8px solid transparent;
}
.tour-tooltip::before {
  top: 100%;
  left: 50%;
  margin-left: -8px;
  border-top-color: var(--tour-bg-color);
}
.tour-tooltip.bottom::before {
  bottom: 100%;
  top: auto;
  border-bottom-color: var(--tour-bg-color);
}

/* Featured badge */
.tour-badge {
  display: inline-block;
  background: var(--tour-featured-color);
  color: #fff;
  padding: 0.2em 0.5em;
  border-radius: 3px;
  margin-right: 0.5em;
  font-weight: bold;
}

/* Header, body, footer */
.tour-header {
  display: flex;
  align-items: center;
  margin-bottom: 0.5em;
}
.tour-title {
  margin: 0;
  font-size: 1.1em;
}
[data-bs-theme="dark"] .tour-title {
  color: #000000;
}
.tour-body {
  margin-bottom: 0.75em;
  line-height: 1.4;
}
.tour-footer {
  text-align: right;
}
.tour-btn {
  background: none;
  border: 1px solid var(--tour-text-color);
  padding: 0.3em 0.6em;
  margin-left: 0.3em;
  cursor: pointer;
  border-radius: 3px;
}
.tour-btn:disabled {
  opacity: 0.5;
  cursor: default;
}
.tour-tooltip.featured {
  border-top: 3px solid var(--tour-featured-color);
}


/*# sourceMappingURL=common.css.map*/