/* Demo content */
table {border-collapse: collapse;}
table td, table th {
  padding: 5px;
  border: 1px solid #000;
}
/* Buttons panel */
ul.wcag li {
  cursor: pointer;
  list-style: none;
  display: inline-block;
}
ul.wcag li#minus a, ul.wcag li#normal a, ul.wcag li#plus a, ul.wcag li#neutral a, ul.wcag li#bright a {
  line-height: 0;
  text-align: center;
  font-size: 1.2em !important;
  border: 1px solid #000;
  padding: 0;
  background: #000 !important;
  color: #fff;
  padding: 4px 8px;
  text-decoration: none;
}
ul.wcag li#neutral a {
  background: #fff !important;
  color: #000 !important;
}
ul.wcag li#bright a {
  background: #ffff00 !important;
  color: #000 !important;
}
/* WCAG Styling */
body, body.neutral {
  background: #fff !important;
  color: #000 !important;
}
body.dark {
  background: #000 !important;
  color: #ffff00 !important;
}
body.bright {
  background: #ffff00 !important;
  color: #000 !important;
}
body.size32,
body.size32 p,
body.size32 li:not(.wcag-item),
body.size32 label,
body.size32 input,
body.size32 select,
body.size32 textarea,
body.size32 legend,
body.size32 code,
body.size32 pre,
body.size32 dd,
body.size32 dt,
body.size32 span,
body.size32 blockquote,
body.size32 li a
{
font-size: 130% !important;
}
body.size42,
body.size42 p,
body.size42 li:not(.wcag-item),
body.size42 label,
body.size42 input,
body.size42 select,
body.size42 textarea,
body.size42 legend,
body.size42 code,
body.size42 pre,
body.size42 dd,
body.size42 dt,
body.size42 span,
body.size42 blockquote,
body.size42 li a
{
font-size: 180% !important;
}
/* WCAG Dark */

/* Here goes CSS classes chains styling for dark preset. They must start with body.dark e.g body.dark .some-class {some-attribute: some value;}

/* WCAG Bright */

/* Here goes CSS classes chains styling for bright preset. They must start with body.bright e.g body.bright .some-class {some-attribute: some value;}