.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
*/

#pageHeader_home {
    margin-top: 1rem !important;
    margin-bottom: 2rem !important;
}

#claimButton:hover {
    text-decoration: none;
}

#home li {
    margin-bottom: 1rem;
}

#optionsTABLE_home th {
    width: 25%;
}

.faq-container table {
    width: 100% !important;
    table-layout: fixed;
    margin: 2rem 0;
}

.faq-container tr:nth-of-type(1) p {
    margin-bottom: 0;
}

.faq-container td {
    border: 1px solid black;
    padding: 20px;
}

#faqAnswer table {
    width: auto !important;
}

#transactions table {
    table-layout: fixed;
}

#transactions th {
    text-align: center;
    vertical-align: middle;
    background-color: #cccccc;
    color: black;
}

#transactions th,
#transactions td {
    border: 1px solid black;
    padding: 1rem;
}

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