html, body {
  min-height: 100vh;
  height: unset !important;
  color: var(--color-text, #000000);
  background: var(--color-background, #ffffff); }

.mainheader {
  display: flex;
  align-items: flex-end; }
  .mainheader--logo {
    height: 2rem;
    width: 2rem;
    margin: 0.5rem 1rem;
    fill: var(--color-text, #000000); }
  .mainheader--title {
    font-size: 2rem;
    margin: 0; }

.top-bar {
  position: relative;
  padding: 1rem 1rem 0;
  border-top: 1px solid var(--color-text, #000000);
  border-bottom: 1px solid var(--color-text, #000000);
  background: transparent; }

.button {
  background: var(--color-primary, #1779ba);
  color: var(--color-text-button, #0a0a0a); }
  .button.dark-text {
    color: var(--color-text-button-dark, #fefefe); }
  .button:hover, .button:focus {
    filter: brightness(0.7);
    background-color: var(--color-primary, #1779ba); }

.button.primary {
  background: var(--color-primary, #1779ba); }
  .button.primary:hover, .button.primary:focus {
    filter: brightness(0.7);
    background-color: var(--color-primary, #1779ba); }

.button.secondary {
  background: var(--color-secondary, #767676); }
  .button.secondary:hover, .button.secondary:focus {
    filter: brightness(0.7);
    background-color: var(--color-secondary, #767676); }

.button.success {
  background: var(--color-success, #3adb76); }
  .button.success:hover, .button.success:focus {
    filter: brightness(0.7);
    background-color: var(--color-success, #3adb76); }

.button.warning {
  background: var(--color-warning, #ffae00); }
  .button.warning:hover, .button.warning:focus {
    filter: brightness(0.7);
    background-color: var(--color-warning, #ffae00); }

.button.alert {
  background: var(--color-alert, #cc4b37); }
  .button.alert:hover, .button.alert:focus {
    filter: brightness(0.7);
    background-color: var(--color-alert, #cc4b37); }

a,
.accordion-title {
  color: var(--color-link, #2199e8); }
  a:hover,
  .accordion-title:hover {
    color: var(--color-link, #2199e8);
    filter: brightness(0.7); }

.callout {
  color: var(--color-text, #000000);
  background-color: var(--color-background, #ffffff); }
  .callout.primary {
    background-color: var(--color-callout-primary, #d7ecfa); }
  .callout.secondary {
    background-color: var(--color-callout-secondary, #eaeaea); }
  .callout.success {
    background-color: var(--color-callout-success, #e1faea); }
  .callout.warning {
    background-color: var(--color-callout-warning, #fff3d9); }
  .callout.alert {
    background-color: var(--color-callout-alert, #f7e4e1); }

input,textarea {
  color: var(--color-text, #000000) !important;
  background-color: transparent; }

@media screen and (min-width: 40em) {
  .mainheader--logo {
    height: 6rem;
    width: 6rem;
    margin: 1rem; }
  .mainheader--title {
    font-size: 4rem; } }

[type='text'], [type='password'],
[type='date'], [type='datetime'],
[type='datetime-local'], [type='month'],
[type='week'], [type='email'], [type='number'],
[type='search'], [type='tel'], [type='time'],
[type='url'], [type='color'], textarea, select {
  background-color: var(--color-input-background, #fefefe); }

select, label {
  color: var(--color-text, #000000); }

[type='text']:focus, [type='password']:focus, [type='date']:focus,
[type='datetime']:focus, [type='datetime-local']:focus, [type='month']:focus,
[type='week']:focus, [type='email']:focus, [type='number']:focus, [type='search']:focus,
[type='tel']:focus, [type='time']:focus, [type='url']:focus,
[type='color']:focus, textarea:focus, select:focus {
  background-color: var(--color-input-focus-background, #a9a9a9); }

.accordion {
  background: var(--color-background, #ffffff); }

.accordion-title {
  border: 1px solid var(--color-accordion-title-hover-border, #e6e6e6); }

.accordion-title:hover, .accordion-title:focus {
  background-color: var(--color-accordion-title-hover-border, #e6e6e6); }

table thead, table tbody, table tfoot {
  border: 1px solid var(--color-table-accent_bg-border, #f1f1f1);
  background-color: var(--color-background, #ffffff); }

table thead, table tfoot {
  background: var(--color-table-th_ng-tf_bg, #f8f8f8); }

table tbody tr:nth-child(even) {
  background-color: var(--color-table-accent_bg-border, #f1f1f1); }

.mobile-app-icon-bar {
  background-color: var(--color-admin-bar, #e6e6e6); }

.switch-paddle {
  background: var(--color-switch-base, #cacaca); }

input:checked ~ .switch-paddle {
  background-color: var(--color-switch-checked, #1779ba); }

.switch-paddle::after {
  background: var(--color-switch-button, #fefefe); }

.accordion-content {
    border-color: var(--color-accordion-title-hover-border, #e6e6e6);
        background-color: var(--color-background, #ffffff);
        color: var(--color-text, #000000);
        }
        
.reveal{ background: var(--color-background, #ffffff); }