html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0;
  font-family: 'Noto Sans', NotoSans, 'Trebuchet MS', Arial, Helvetica, sans-serif;
}

.notable-table,
table {
  border-collapse: collapse;
  border-spacing: 0;
}

fieldset, img {
  border: 0;
}

address, caption, cite, code, dfn, th, var {
  font-style: normal;
  font-weight: 400;
}

ol, ul {
  list-style: none;
}

caption, th {
  text-align: left;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: 400;
}

q:before, q:after {
  content: '';
}

abbr, acronym {
  border: 0;
  font-variant: normal;
}

sup {
  vertical-align: text-top;
}

sub {
  vertical-align: text-bottom;
}

input, textarea, select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  font-size: 100%;
}

legend {
  color: #000;
}

strong {
  font-weight: 700;
}

body {
  background-color: #ddd;
  color: #222;
}

h2, h3 {
  font-size: 1.6em;
  padding-bottom: 3px;
}

h4 {
  font-size: 1.3em;
  padding-bottom: 3px;
}

small {
  font-size: .95rem;
  vertical-align: middle;
}

em {
  font-style: italic;
}

a {
  color: #0053F9;
}

p,
blockquote,
dl,
.test {
  margin-bottom: .75em;
}

dd {
  padding-bottom: .75em;
}

dt,
dd {
  display: inline;
}

/* @import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;700&display=swap'); */
/* bold */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local("Noto Sans Bold"), local("NotoSans-Bold"), url(https://fonts.gstatic.com/s/notosans/v11/o-0NIpQlx3QUlC5A4PNjXhFVZNyB.woff2) format("woff2"), url("/font/noto-sans-regular.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* regular */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Noto Sans"), local("NotoSans"), url(https://fonts.gstatic.com/s/notosans/v11/o-0IIpQlx3QUlC5A4PNr5TRA.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

.notable-table {
  display: table;
}

.notable-tr,
.notable-row {
  display: table-row;
}

.notable-th,
.notable-td {
  display: table-cell;
}

.notable-thead {
  display: table-header-group;
}

.notable-tbody {
  display: table-row-group;
}

.notable-tfoot {
  display: table-footer-group;
}

table,
.notable-table {
  border-collapse: collapse;
  border-spacing: 0;
  margin-bottom: .75em;
  font-size: .85em;
  text-align: center;
  width: 100%;
}

th,
.notable-th,
td,
.notable-td {
  margin: 0;
  padding: 0;
  font-family: 'Noto Sans', NotoSans, 'Trebuchet MS', Arial, Helvetica, sans-serif;
  border: 1px solid #333;
  vertical-align: middle;
}

th,
.notable-th {
  font-weight: 400;
  text-align: center;
  max-width: 9em;
  background-color: #dddddd;
  padding: .15em .075em;
}

td,
.notable-td {
  padding: 0 .2em;
}

td.prompt,
.notable-td.prompt {
  padding-left: 1.15em;
  text-indent: -1.15em;
}

td.prompt .num,
.notable-td.prompt .num {
  margin-left: .15em;
}

.blankrow {
  height: .5em;
}

.fat-blankrow {
  height: 4.5em;
}

.bg-alt {
  background-color: #ddd;
  color: #000;
}

td.blank,
.notable-td.blank,
th.blank,
.notable-th.blank {
  display: table-cell;
  border: none;
  content: '';
  background: transparent;
  column-count: 2;
  column-span: all;
}

.notable-td input,
.notable-th input {
  margin: .5rem .75rem;
}

th.word-break,
th.break-word,
th.word-break *,
th.break-word *,
.notable-th.word-break,
.notable-th.break-word,
.notable-th.word-break *,
.notable-th.break-word * {
  padding-left: 0;
  padding-right: 0;
}

/** Media Query: Vertical Table */
@media only screen and (max-width: 780px) {
  table.vertical,
  .notable-table.vertical {
    display: table;
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed;
    width: 100%;
    border: none;
    overflow: hidden;
  }
  table.vertical th,
  .notable-table.vertical .notable-th {
    display: table-cell;
    background: transparent;
    border: 1px #333 solid;
    height: 9.5rem;
    width: 36px;
    vertical-align: bottom;
    padding: 0;
    margin: 0;
    background-color: #dddddd;
    overflow: hidden;
  }
  table.vertical th span,
  .notable-table.vertical .notable-th span.rotate {
    -ms-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
    -ms-transform-origin: left top 0;
    -webkit-transform-origin: left top 0;
    transform-origin: left top 0;
    width: 10rem;
    height: 36px;
    display: block;
    text-align: left;
    font-size: 1em;
    font-weight: 400;
    vertical-align: middle;
    line-height: 36px;
    border: none;
    padding: 0;
    margin-bottom: -32px;
    overflow: hidden;
  }
  table.vertical td.response,
  .notable-table.vertical .notable-td.response {
    text-align: center;
    vertical-align: middle;
    padding: 0;
    margin: 0;
  }
  table.vertical td.response input,
  .notable-table.vertical .notable-td.response input {
    text-align: center;
    padding: 0;
    margin: .75rem 0;
  }
}

/** Helper Utilities */
.response .aria-label,
.aria-label,
.assistive-text,
.screen-reader {
  display: none;
}

/** Table */
tr.even,
tr.even td,
.notable-tr.even,
.notable-tr.even .notable-td {
  background-color: #efefff;
}

table td.submit,
.notable-table .notable-td.submit {
  border: 0;
  margin: 0 -1px;
  padding: 0;
  text-align: right;
}

table td.display,
table th.display,
.notable-table .notable-td.display,
.notable-table .notable-th.display,
.display {
  border: 0;
  margin: 0 -1px;
  padding: 0;
  text-align: center;
}

h2 a,
h3 a,
h4 a {
  color: #234;
}

.wrap {
  background-color: #f5f5f5;
}

.test {
  font-size: .9em;
  margin-top: 3em;
}

.text-center {
  text-align: center;
}

div.tests-by-category a.label,
div.tests-by-category li a {
  padding: 8px 0;
  margin: 0;
  line-height: 1em;
  display: inline-block;
}

/** Header */
#masthead {
  min-height: 3em;
  background: #444;
  padding: .15em .15em .5em .1em;
  text-align: left;
}

#masthead h1 a {
  color: #eee;
  font-size: 2.0em;
  text-decoration: none;
  padding-left: .25em;
}

/** Homepage content */
#content {
  text-align: left;
  overflow: hidden;
  padding: .5em;
}

.count {
  font-size: .55em;
  color: #a80000;
  text-align: left;
  vertical-align: top;
}

/** Footer */
#footer {
  background-color: #ddd;
  display: block;
  border-top: 1px dotted #777;
  text-align: center;
  color: #000;
  clear: both;
  overflow: hidden;
  padding: .2em 0;
}

#footer > div {
  max-width: 960px;
}

#footer span {
  color: #222;
  font-size: 12px;
}

#footer a {
  color: #343434;
  text-decoration: none;
}

#footer ul {
  margin: inherit;
}

#footer ul li {
  list-style: none;
  display: inline;
  line-height: 2.2;
}

#footer ul li .footer-text {
  font-size: 1.25em;
}

#footer ul.footer-list-top li .footer-text {
  font-size: 1.25em;
  padding: 0 .25em;
}

#footer .sm-icon-fb {
  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNDggNDgiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ4IDQ4OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3Qwe29wYWNpdHk6MC4zO30gLnN0MXtvcGFjaXR5OjAuNTt9PC9zdHlsZT48ZyBpZD0iaWNvbjEiPjxwYXRoIGQ9Ik0zNiwxNC41djE5YzAsMS4zODEtMS4xMTksMi41LTIuNSwyLjVIMjh2LTloM2wwLjc1LTRIMjhsMC4wOTQtMi4wNDdjMC0wLjk5NCwwLjI2Mi0xLjU3LDEuNjAyLTEuNTdsMi4xMjUtMC4wMDEgIGwwLjQ3OS0zLjU3OGMwLDAtMi4yNzQtMC4zMDQtMy42MTMtMC4zMDRjLTMuMDA4LDAtNC43NDksMi4wMDYtNC43NDksNS4wOTRMMjQsMjNoLTN2NGgzdjloLTkuNWMtMS4zODEsMC0yLjUtMS4xMTktMi41LTIuNXYtMTkgICAgYzAtMS4zODEsMS4xMTktMi41LDIuNS0yLjVoMTlDMzQuODgxLDEyLDM2LDEzLjExOSwzNiwxNC41eiIvPjwvZz48L3N2Zz4NCg==");
}

#footer .sm-icon-ig {
  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0OCA0OCIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgNDggNDgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe29wYWNpdHk6MC4zO30KCS5zdDF7b3BhY2l0eTowLjU7fQo8L3N0eWxlPgoJCTxwYXRoIGQ9Im0xOC44ODggMThoLTAuODg4di02aC0xdjZoLTF2LTZoLTF2NmgtMXYtNS45NDljLTEuMTM4IDAuMjMzLTIgMS4yNDUtMiAyLjQ0OXY0LjVoNi4wNjhjMC4yNDItMC4zNTggMC41MTgtMC42OTEgMC44Mi0xeiIvPgoJCTxwYXRoIGQ9Im0zMS4xNTUgMjNjMCAzLjk0OS0zLjIwNSA3LjE1NC03LjE1NSA3LjE1NHMtNy4xNTUtMy4yMDUtNy4xNTUtNy4xNTRjMC0xLjA3MiAwLjI0My0yLjA4NyAwLjY2Ny0zaC01LjUxMnYxMy41YzAgMS4zNzUgMS4xMjUgMi41IDIuNSAyLjVoMTljMS4zNzUgMCAyLjUtMS4xMjUgMi41LTIuNXYtMTMuNWgtNS41MTJjMC40MjQgMC45MTMgMC42NjcgMS45MjggMC42NjcgM3oiLz4KCQk8cGF0aCBkPSJtMzMuNSAxMmgtMTQuNXY1Ljg4OWMxLjI5LTEuMjYzIDMuMDUzLTIuMDQzIDUtMi4wNDMgMi40NjkgMCA0LjY0NiAxLjI1MiA1LjkzMiAzLjE1NGg2LjA2OHYtNC41YzAtMS4zNzUtMS4xMjUtMi41LTIuNS0yLjV6bTAuNSA1YzAgMC41NS0wLjQ1IDEtMSAxaC0yYy0wLjU1IDAtMS0wLjQ1LTEtMXYtMmMwLTAuNTUgMC40NS0xIDEtMWgyYzAuNTUgMCAxIDAuNDUgMSAxdjJ6Ii8+Cgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJtMzQgMTdjMCAwLjU1LTAuNDUgMS0xIDFoLTJjLTAuNTUgMC0xLTAuNDUtMS0xdi0yYzAtMC41NSAwLjQ1LTEgMS0xaDJjMC41NSAwIDEgMC40NSAxIDF2MnoiLz4KCTxyZWN0IGNsYXNzPSJzdDEiIHg9IjE4IiB5PSIxMiIgd2lkdGg9IjEiIGhlaWdodD0iNiIvPgoJPHJlY3QgY2xhc3M9InN0MSIgeD0iMTYiIHk9IjEyIiB3aWR0aD0iMSIgaGVpZ2h0PSI2Ii8+Cgk8cmVjdCBjbGFzcz0ic3QxIiB4PSIxNCIgeT0iMTIiIHdpZHRoPSIxIiBoZWlnaHQ9IjYiLz4KCTxnIGNsYXNzPSJzdDAiPgoJCQk8cGF0aCBkPSJtMjQgMTguNjU2Yy0wLjQ1OCAwLTAuODkxIDAuMDktMS4zMDUgMC4yMjIgMC40OTkgMC4zNjggMC44MjYgMC45NTQgMC44MjYgMS42MjIgMCAxLjExNS0wLjkwNCAyLjAyMS0yLjAyIDIuMDIxLTAuNjY4IDAtMS4yNTQtMC4zMjgtMS42MjMtMC44MjctMC4xMzEgMC40MTUtMC4yMjIgMC44NDktMC4yMjIgMS4zMDcgMCAyLjM5NyAxLjk0NiA0LjM0NCA0LjM0NSA0LjM0NHM0LjM0NC0xLjk0NiA0LjM0NC00LjM0NC0xLjk0Ni00LjM0NS00LjM0NS00LjM0NXoiLz4KCQkJPHBhdGggY2xhc3M9InN0MSIgZD0ibTI0IDE4LjY1NmMtMC40NTggMC0wLjg5MSAwLjA5LTEuMzA1IDAuMjIyIDAuNDk5IDAuMzY4IDAuODI2IDAuOTU0IDAuODI2IDEuNjIyIDAgMS4xMTUtMC45MDQgMi4wMjEtMi4wMiAyLjAyMS0wLjY2OCAwLTEuMjU0LTAuMzI4LTEuNjIzLTAuODI3LTAuMTMxIDAuNDE1LTAuMjIyIDAuODQ5LTAuMjIyIDEuMzA3IDAgMi4zOTcgMS45NDYgNC4zNDQgNC4zNDUgNC4zNDRzNC4zNDQtMS45NDYgNC4zNDQtNC4zNDQtMS45NDYtNC4zNDUtNC4zNDUtNC4zNDV6Ii8+Cgk8L2c+Cgk8cGF0aCBkPSJtMjQgMTcuNDc5Yy0zLjA0OSAwLTUuNTIxIDIuNDc0LTUuNTIxIDUuNTIxIDAgMy4wNDggMi40NzIgNS41MjEgNS41MjEgNS41MjFzNS41Mi0yLjQ3MyA1LjUyLTUuNTIxYzAtMy4wNDctMi40NzEtNS41MjEtNS41Mi01LjUyMXptMCA5Ljg2NWMtMi4zOTkgMC00LjM0NS0xLjk0Ni00LjM0NS00LjM0NHMxLjk0Ni00LjM0NCA0LjM0NS00LjM0NCA0LjM0NCAxLjk0NiA0LjM0NCA0LjM0NC0xLjk0NSA0LjM0NC00LjM0NCA0LjM0NHoiLz4KPC9zdmc+Cgo=");
}

#footer .sm-icon-tw {
  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNDggNDgiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ4IDQ4OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3Qwe29wYWNpdHk6MC4zO30uc3Qxe29wYWNpdHk6MC41O308L3N0eWxlPjxnIGlkPSJzbS1pY29uLXR3Ij48cGF0aCBkPSJNMzMuNSwxMmgtMTljLTEuMzc1LDAtMi41LDEuMTI1LTIuNSwyLjV2MTljMCwxLjM3NSwxLjEyNSwyLjUsMi41LDIuNWgxOWMxLjM3NSwwLDIuNS0xLjEyNSwyLjUtMi41di0xOSBDMzYsMTMuMTI1LDM0Ljg3NSwxMiwzMy41LDEyeiBNMzEuMTQzLDIwLjkwOGMwLjAwNiwwLjE1MywwLjAxLDAuMzA5LDAuMDEsMC40NjRjMCw0LjczOC0zLjYwNiwxMC4yLTEwLjIsMTAuMiBjLTIuMDI1LDAtMy45MDktMC41OTMtNS40OTUtMS42MTFjMC4yODEsMC4wMzMsMC41NjYsMC4wNTEsMC44NTUsMC4wNTFjMS42NzksMCwzLjIyNS0wLjU3Myw0LjQ1Mi0xLjUzNCAgIGMtMS41NjktMC4wMjgtMi44OTItMS4wNjUtMy4zNDktMi40ODljMC4yMTksMC4wNDMsMC40NDQsMC4wNjIsMC42NzUsMC4wNjJjMC4zMjcsMCwwLjY0My0wLjA0NSwwLjk0NC0wLjEyNSAgIGMtMS42NDEtMC4zMjgtMi44NzYtMS43NzctMi44NzYtMy41MTZjMC0wLjAxNiwwLTAuMDI4LDAtMC4wNDRjMC40ODMsMC4yNjgsMS4wMzYsMC40MzEsMS42MjQsMC40NDYgICBjLTAuOTYxLTAuNjQyLTEuNTk1LTEuNzM5LTEuNTk1LTIuOTgyYzAtMC42NTcsMC4xNzctMS4yNzMsMC40ODUtMS44MDJjMS43NjgsMi4xNjgsNC40MDksMy41OTYsNy4zOSwzLjc0NSAgICBjLTAuMDYyLTAuMjYzLTAuMDkzLTAuNTM2LTAuMDkzLTAuODE4YzAtMS45NzgsMS42MDUtMy41ODMsMy41ODUtMy41ODNjMS4wMzEsMCwxLjk2MywwLjQzNCwyLjYxNywxLjEzMiAgIGMwLjgxNi0wLjE2MSwxLjU4My0wLjQ1OSwyLjI3Ni0wLjg3MWMtMC4yNjcsMC44MzktMC44MzYsMS41NC0xLjU3NiwxLjk4M2MwLjcyNi0wLjA4NCwxLjQxNi0wLjI3NywyLjA1OS0wLjU2MyAgICBDMzIuNDUsMTkuNzcxLDMxLjg0MywyMC40MDEsMzEuMTQzLDIwLjkwOHoiLz48L2c+PC9zdmc+Cg==");
}

#footer .sm-icon-sm {
  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNDggNDgiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ4IDQ4OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PGcgaWQ9Im1hcF8yXyI+PGc+PGc+PGc+PGc+PHBhdGggZD0iTTI5LjM2NSwxOC4xOWMwLDAuOTU1LTAuMzE3LDEuOTYtMC43ODgsMi45MjhjLTEuNzc2LDIuNzU4LTQuMDIzLDUuMjg4LTQuMDIzLDUuMjg4cy0yLjU4NC0yLjQ0Mi00LjIzNS01LjMzOCAgICBjLTAuNDE0LTAuOTA0LTAuNjg0LTEuODYtMC42ODQtMi44MThjMC0yLjY5MiwyLjE3Ny01LjAzMSw0Ljg2NS01LjAzMUMyNy4xODcsMTMuMjE5LDI5LjM2NSwxNS40OTcsMjkuMzY1LDE4LjE5eiAgTTI2LjY1OSwxOC4wMzNjMC0xLjE4My0wLjk1OS0yLjE0Mi0yLjE0Mi0yLjE0MnMtMi4xNDIsMC45NTktMi4xNDIsMi4xNDJzMC45NTksMi4xNDIsMi4xNDIsMi4xNDIgUzI2LjY1OSwxOS4yMTYsMjYuNjU5LDE4LjAzM3oiLz48L2c+PC9nPjwvZz48L2c+PGc+PGc+PHBhdGggZD0iTTM1LjU1LDE2LjE2NWMtMC4yOC0wLjE4NS0wLjYzNS0wLjIxOC0wLjk0NC0wLjA4NGwtMy40NjIsMS40ODRjMC4wMDgsMC4xMzUsMC4wMiwwLjI2OSwwLjAyLDAuNDA2IGMwLDAuNTk4LTAuMDk0LDEuMjI2LTAuMjcxLDEuODc3TDM0LDE4LjUxN3YxMi44MjRsLTUsMi4xNDNWMjMuNDcxYy0wLjcyNSwxLjAxMi0xLjQzOSwxLjkyLTIsMi42MDd2Ny40MDVsLTUtMi4xNDN2LTUuMjEzIGMtMC41ODgtMC42NTItMS4zMDMtMS41MDMtMi0yLjQ2OHY3LjY4MWwtNSwyLjE0M1YyMC42NTlsMi45NzUtMS4yNzVjLTAuMDg1LTAuNDU4LTAuMTQxLTAuOTEyLTAuMTQxLTEuMzU0ICAgIGMwLTAuMjY0LDAuMDItMC41MjUsMC4wNS0wLjc4M2wtNC4yNzgsMS44MzNDMTMuMjM4LDE5LjIzOCwxMywxOS42LDEzLDIwdjE1YzAsMC4zMzYsMC4xNjksMC42NDksMC40NSwwLjgzNSAgIEMxMy42MTUsMzUuOTQ0LDEzLjgwNywzNiwxNCwzNmMwLjEzMywwLDAuMjY4LTAuMDI2LDAuMzk0LTAuMDgxTDIxLDMzLjA4OGMwLDAsNi42MzUsMi44MzUsNi42NDksMi44NCBDMjcuNzYyLDM1Ljk3MSwyNy44OCwzNiwyOCwzNnMwLjIzOC0wLjAyOSwwLjM1MS0wLjA3MmMwLjAxNC0wLjAwNSw3LjA0My0zLjAwOSw3LjA0My0zLjAwOUMzNS43NjIsMzIuNzYyLDM2LDMyLjQsMzYsMzJWMTcgICAgQzM2LDE2LjY2NCwzNS44MzEsMTYuMzUxLDM1LjU1LDE2LjE2NXoiLz48L2c+PC9nPjwvZz48L3N2Zz4K");
}

/** Citations */
.sources {
  font-family: Verdana, Arial, sans-serif;
  font-size: .785em;
  list-style: decimal outside;
  margin-left: 1.5em;
}

.sources li {
  list-style: decimal outside;
  padding: 0 .5em 1em;
}

.sources cite abbr {
  font-variant: small-caps;
}

.mob-space {
  padding: .25em 0;
}

#references h6 {
  margin-bottom: .5em;
  border-bottom: 1px dotted #ccc;
  font-size: 1.1em;
}

#content ul {
  list-style-type: square;
  margin: 0 0 .75em 1.5em;
}

#content ul li {
  margin-bottom: .2em;
}

#content ul li a {
  text-decoration: none;
  padding: 8px 0;
  margin: 0;
  line-height: 1em;
  display: inline-block;
}

#content ul.responses {
  list-style-type: none;
  margin: .5em 0 .5em 1.5em;
}

#content ul.responses li.response {
  margin-bottom: .2em;
}

input {
  margin-left: .25em;
}

section.questionnaire {
  margin-bottom: 3.5em;
}

section.about {
  border-bottom: dotted 1px #ccc;
  padding-bottom: .75em;
}

.center {
  text-align: center;
}

.clear {
  width: 100%;
  clear: both;
  height: 1px;
  visibility: hidden;
}

li.question-container div.prompt {
  border-bottom: 1px solid #333;
  font-family: 'Noto Sans Bold', 'Trebuchet MS', Arial, Helvetica, sans-serif;
  background-color: #ddd;
  padding: .1em .2em;
}

li.question-container {
  border: 1px solid #333;
}

ol.auto-numbered li.question-container {
  padding-left: 1.65em;
  text-indent: -.9em;
}

#results {
  text-align: center;
}

#content #results ul,
#results ul {
  list-style-type: none;
  list-style: none;
}

#scores,
.scores {
  font-size: 1.9em;
  margin-bottom: .2em;
}

#sub-scores,
.sub-scores,
#sub-score,
.sub-score {
  font-size: 1.55em;
}

#scores small,
.scores small {
  font-size: .55em;
}

#range,
.range {
  font-size: 1.3em;
  margin-bottom: .15em;
}

.results-note {
  font-size: 1em;
  font-style: italic;
}

.blankrow {
  height: .5em;
}

.fat-blankrow {
  height: 4.5em;
}

.bg-alt {
  background-color: #ddd;
  color: #000;
}

blockquote {
  border-left: 2px solid #eee;
  margin: 0 1.5em .75em;
  padding: 4px;
}

#intro,
.intro {
  margin: .75em 0;
}

.indent {
  margin-left: 1.5em;
  margin-right: 1.5em;
}

.test a {
  color: #000;
  text-decoration: none;
  cursor: help;
}

ol.auto-numbered {
  display: table-cell;
}

ol.auto-numbered > li {
  list-style: decimal inside;
  background-color: #ddd;
}

#content ol.auto-numbered ul.responses {
  display: block;
  border-top: 1px solid #333;
  margin: 0 0 0 -1.65em;
  padding: .5em .25em .5em 1.65em;
  background-color: #f1f1f1;
}

ol.auto-numbered .prompt {
  font-family: 'Noto Sans Bold', NotoSans-Bold, 'Trebuchet MS', Arial, Helvetica, sans-serif;
  line-height: 1.6em;
}

ol li.submit {
  list-style: none;
  background-color: transparent;
  border: none;
}

ol li.display,
ul li.display,
li.display {
  list-style: none;
  background-color: transparent;
  border: none;
  clear: both;
}

.prompt h5 {
  display: inline;
  text-decoration: underline;
  padding-right: .5em;
}

.prompt p {
  padding-left: 1.25em;
  padding-right: .25em;
  font-family: 'Noto Sans', NotoSans, 'Trebuchet MS', Arial, Helvetica, sans-serif;
}

#content table td.blank,
#content table th.blank {
  border: none;
  content: '';
  background: transparent;
}

#content table,
#content ol.test > li {
  margin-bottom: 1.5em;
}

#footer a:hover,
.sources li a:link,
.sources li a:visited,
.sources li a:active,
.sources li a:hover,
.sources li a:focus {
  color: #222;
}

.left,
.text-left,
.prompt {
  text-align: left;
}

.score,
.red,
.text-red,
.text-danger {
  color: red;
}

#content {
  max-width: 960px;
  background: transparent;
}

.menu-wrap {
  display: block;
  font-family: 'Noto Sans', NotoSans, 'Trebuchet MS', Arial, Helvetica, sans-serif;
  background: #d7d7d7;
  border-bottom: 1px solid #bbb;
  clear: both;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  transition: 0.3s;
}

ul.menu {
  display: block;
  list-style: none;
}

.menu-item {
  display: block;
  float: left;
  line-height: 1rem;
  padding: .4rem .75rem;
  background: #d7d7d7;
  border-left: 1px solid #bbb;
  border-top: 1px solid #ccc;
  border-right: 1px solid silver;
  margin-right: -1px;
  height: 1.1rem;
  color: blue;
}

.menu-item.fb-wrap {
  padding: .275rem .75rem;
}

.sub-menu {
  position: relative;
  top: 29.8px;
  margin-top: 29.8px;
  float: left;
  display: none;
}

.menu-item:hover .sub-menu {
  float: left;
}

.sub-menu-item {
  display: block;
  float: left;
  line-height: 1rem;
  padding: .4rem .75rem;
  background: #d7d7d7;
  border-left: 1px solid #bbb;
  border-top: 1px solid #ccc;
  border-right: 1px solid silver;
  margin-right: -1px;
}

.menu-item > a {
  text-decoration: none;
  color: #333;
}

table tr td input {
  margin: .5rem .75rem;
}

.break-word,
.word-break {
  white-space: pre-wrap;
  white-space: -o-pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -hp-pre-wrap;
  word-wrap: break-word;
}

th.word-break,
th.break-word,
th.word-break *,
th.break-word * {
  padding-left: 0;
  padding-right: 0;
}

/** Icons */
.sm-icon,
.sm-icon-fb,
.sm-icon-ig,
.sm-icon-sm,
.sm-icon-tw {
  display: inline-block;
  height: 2.2rem;
  width: 2.2rem;
  vertical-align: top;
  background-repeat: no-repeat;
  background-position: left 2px bottom .25rem;
  opacity: .8;
}

/** Helper Utilities */
td.response label.aria-label,
.aria-label,
.assistive-text,
.screen-reader {
  display: none;
}

/** Table */
tr.even, tr.even td {
  background-color: #efefff;
}

/** Results Page */
input.submit-button {
  background-color: #0053f9;
  border: 1px solid #888;
  border-radius: 9px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  color: whitesmoke;
  display: inline-block;
  font-size: 16px;
  margin: 1.5em 0 2em 3.25em;
  padding: .35em;
  transition: 0.3s;
}

input.submit-button:hover {
  background-color: #0078f9;
  color: #fcfcfc;
}

#content table td.submit,
#content table th.submit {
  border: 0;
  margin: 0 -1px;
  padding: 0;
  text-align: right;
}

#content table td.display,
#content table th.display,
.display {
  border: 0;
  margin: 0 -1px;
  padding: 0;
  text-align: center;
}

div.submit,
li.submit {
  display: block;
  float: none;
  margin-bottom: 3em;
}

.card {
  background: #e5e5e5;
  border: 1px solid #333;
  border-radius: 5px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  margin: .25em auto 2.5em auto;
  width: 19em;
  padding: 1.5em 0;
  transition: 0.3s;
  display: inline-block;
}

.card-body {
  padding: .25em .25em 0 .15em;
}

.card-title {
  font-size: 1.2em;
  font-weight: 700;
  padding: .1em;
  margin-bottom: .45em;
  text-align: center;
}

.card-text {
  text-align: center;
}

