.notable-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 {
}

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: #ddd;
    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: 0;
    content: '';
    background: 0 0;
    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 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: 0;
        overflow: hidden
    }

    table.vertical th,.notable-table.vertical .notable-th {
        display: table-cell;
        background: 0 0;
        border: 1px #333 solid;
        height: 9.5rem;
        width: 36px;
        vertical-align: bottom;
        padding: 0;
        margin: 0;
        background-color: #ddd;
        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: 0;
        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
    }
}

.response .aria-label,.aria-label,.assistive-text,.screen-reader {
    display: none
}

tr.even,tr.even td,.notable-tr.even,.notable-tr.even .notable-td {
    background-color: #f9f9f9
}

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
}

#masthead {
    min-height: 3em;
    background: #444;
    padding: .15em .15em .5em .1em;
    text-align: left
}

#masthead h1 a {
    color: #eee;
    font-size: 2em;
    text-decoration: none;
    padding-left: .25em
}

#content {
    text-align: left;
    overflow: hidden;
    padding: .5em
}

.count {
    font-size: .55em;
    color: #a80000;
    text-align: left;
    vertical-align: top
}

#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,%3Csvg%20id=%22Layer_1%22%20xmlns=%22http://www.w3.org/2000/svg%22%20xmlns:xlink=%22http://www.w3.org/1999/xlink%22%20viewBox=%220%200%2048%2048%22%20style=%22enable-background:new%200%200%2048%2048%22%3E%3Cstyle%3E.st0%7Bopacity:.3%7D.st1%7Bopacity:.5%7D%3C/style%3E%3Cg%20id=%22icon1%22%3E%3Cpath%20d=%22M36%2014.5v19c0%201.381-1.119%202.5-2.5%202.5H28v-9h3l.75-4H28l.094-2.047c0-.994.262-1.57%201.602-1.57l2.125-.001.479-3.578s-2.274-.304-3.613-.304c-3.008.0-4.749%202.006-4.749%205.094L24%2023h-3v4h3v9h-9.5c-1.381.0-2.5-1.119-2.5-2.5v-19c0-1.381%201.119-2.5%202.5-2.5h19c1.381.0%202.5%201.119%202.5%202.5z%22/%3E%3C/g%3E%3C/svg%3E)
}

#footer .sm-icon-ig {
    background: url(data:image/svg+xml,%3Csvg%20enable-background=%22new%200%200%2048%2048%22%20viewBox=%220%200%2048%2048%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cstyle%3E.st0%7Bopacity:.3%7D.st1%7Bopacity:.5%7D%3C/style%3E%3Cpath%20d=%22m18.888%2018H18v-6h-1v6h-1v-6h-1v6h-1v-5.949c-1.138.233-2%201.245-2%202.449V19h6.068c.242-.358.518-.691.82-1z%22/%3E%3Cpath%20d=%22m31.155%2023c0%203.949-3.205%207.154-7.155%207.154S16.845%2026.949%2016.845%2023c0-1.072.243-2.087.667-3H12v13.5c0%201.375%201.125%202.5%202.5%202.5h19c1.375.0%202.5-1.125%202.5-2.5V20h-5.512c.424.913.667%201.928.667%203z%22/%3E%3Cpath%20d=%22m33.5%2012H19v5.889c1.29-1.263%203.053-2.043%205-2.043%202.469.0%204.646%201.252%205.932%203.154H36v-4.5c0-1.375-1.125-2.5-2.5-2.5zm.5%205c0%20.55-.45%201-1%201h-2c-.55.0-1-.45-1-1v-2c0-.55.45-1%201-1h2c.55.0%201%20.45%201%201v2z%22/%3E%3Cpath%20class=%22st0%22%20d=%22m34%2017c0%20.55-.45%201-1%201h-2c-.55.0-1-.45-1-1v-2c0-.55.45-1%201-1h2c.55.0%201%20.45%201%201v2z%22/%3E%3Cpath%20class=%22st1%22%20d=%22M18%2012h1v6H18z%22/%3E%3Cpath%20class=%22st1%22%20d=%22M16%2012h1v6H16z%22/%3E%3Cpath%20class=%22st1%22%20d=%22M14%2012h1v6H14z%22/%3E%3Cg%20class=%22st0%22%3E%3Cpath%20d=%22m24%2018.656c-.458.0-.891.09-1.305.222.499.368.826.954.826%201.622.0%201.115-.904%202.021-2.02%202.021-.668.0-1.254-.328-1.623-.827-.131.415-.222.849-.222%201.307.0%202.397%201.946%204.344%204.345%204.344s4.344-1.946%204.344-4.344-1.946-4.345-4.345-4.345z%22/%3E%3Cpath%20class=%22st1%22%20d=%22m24%2018.656c-.458.0-.891.09-1.305.222.499.368.826.954.826%201.622.0%201.115-.904%202.021-2.02%202.021-.668.0-1.254-.328-1.623-.827-.131.415-.222.849-.222%201.307.0%202.397%201.946%204.344%204.345%204.344s4.344-1.946%204.344-4.344-1.946-4.345-4.345-4.345z%22/%3E%3C/g%3E%3Cpath%20d=%22m24%2017.479c-3.049.0-5.521%202.474-5.521%205.521.0%203.048%202.472%205.521%205.521%205.521s5.52-2.473%205.52-5.521c0-3.047-2.471-5.521-5.52-5.521zm0%209.865c-2.399.0-4.345-1.946-4.345-4.344s1.946-4.344%204.345-4.344%204.344%201.946%204.344%204.344-1.945%204.344-4.344%204.344z%22/%3E%3C/svg%3E)
}

#footer .sm-icon-tw {
    background: url(data:image/svg+xml,%3Csvg%20id=%22Layer_1%22%20xmlns=%22http://www.w3.org/2000/svg%22%20xmlns:xlink=%22http://www.w3.org/1999/xlink%22%20viewBox=%220%200%2048%2048%22%20style=%22enable-background:new%200%200%2048%2048%22%3E%3Cstyle%3E.st0%7Bopacity:.3%7D.st1%7Bopacity:.5%7D%3C/style%3E%3Cg%20id=%22sm-icon-tw%22%3E%3Cpath%20d=%22M33.5%2012h-19c-1.375.0-2.5%201.125-2.5%202.5v19c0%201.375%201.125%202.5%202.5%202.5h19c1.375.0%202.5-1.125%202.5-2.5v-19c0-1.375-1.125-2.5-2.5-2.5zm-2.357%208.908c.006.153.01.309.01.464.0%204.738-3.606%2010.2-10.2%2010.2-2.025.0-3.909-.593-5.495-1.611.281.033.566.051.855.051%201.679.0%203.225-.573%204.452-1.534-1.569-.028-2.892-1.065-3.349-2.489.219.043.444.062.675.062.327.0.643-.045.944-.125-1.641-.328-2.876-1.777-2.876-3.516.0-.016.0-.028.0-.044.483.268%201.036.431%201.624.446-.961-.642-1.595-1.739-1.595-2.982.0-.657.177-1.273.485-1.802%201.768%202.168%204.409%203.596%207.39%203.745-.062-.263-.093-.536-.093-.818.0-1.978%201.605-3.583%203.585-3.583%201.031.0%201.963.434%202.617%201.132.816-.161%201.583-.459%202.276-.871-.267.839-.836%201.54-1.576%201.983.726-.084%201.416-.277%202.059-.563C32.45%2019.771%2031.843%2020.401%2031.143%2020.908z%22/%3E%3C/g%3E%3C/svg%3E)
}

#footer .sm-icon-sm {
    background: url(data:image/svg+xml,%3Csvg%20id=%22Layer_1%22%20xmlns=%22http://www.w3.org/2000/svg%22%20xmlns:xlink=%22http://www.w3.org/1999/xlink%22%20viewBox=%220%200%2048%2048%22%20style=%22enable-background:new%200%200%2048%2048%22%3E%3Cg%20id=%22map_2_%22%3E%3Cpath%20d=%22M29.365%2018.19c0%20.955-.317%201.96-.788%202.928-1.776%202.758-4.023%205.288-4.023%205.288s-2.584-2.442-4.235-5.338c-.414-.904-.684-1.86-.684-2.818.0-2.692%202.177-5.031%204.865-5.031C27.187%2013.219%2029.365%2015.497%2029.365%2018.19zm-2.706-.157c0-1.183-.959-2.142-2.142-2.142s-2.142.959-2.142%202.142.959%202.142%202.142%202.142%202.142-.959%202.142-2.142z%22/%3E%3Cpath%20d=%22M35.55%2016.165c-.28-.185-.635-.218-.944-.084l-3.462%201.484c.008.135.02.269.02.406.0.598-.094%201.226-.271%201.877L34%2018.517v12.824l-5%202.143V23.471c-.725%201.012-1.439%201.92-2%202.607v7.405l-5-2.143v-5.213c-.588-.652-1.303-1.503-2-2.468v7.681l-5%202.143V20.659l2.975-1.275c-.085-.458-.141-.912-.141-1.354.0-.264.02-.525.05-.783l-4.278%201.833C13.238%2019.238%2013%2019.6%2013%2020v15c0%20.336.169.649.45.835C13.615%2035.944%2013.807%2036%2014%2036c.133.0.268-.026.394-.081L21%2033.088s6.635%202.835%206.649%202.84C27.762%2035.971%2027.88%2036%2028%2036s.238-.029.351-.072c.014-.005%207.043-3.009%207.043-3.009C35.762%2032.762%2036%2032.4%2036%2032V17C36%2016.664%2035.831%2016.351%2035.55%2016.165z%22/%3E%3C/g%3E%3C/svg%3E)
}

.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: initial;
    border: 0
}

ol li.display,ul li.display,li.display {
    list-style: none;
    background-color: initial;
    border: 0;
    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: 0;
    content: '';
    background: 0 0
}

#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: 0 0
}

#content .wpm-quiz-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 rgba(0,0,0,.2);
    transition: .3s
}

#content ul.wpm-quiz-menu {
    display: block;
    list-style: none
}

#content .wpm-quiz-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
}

.wpm-quiz-menu-item.wpm-quiz-fb-wrap {
    padding: .275rem .75rem
}

.wpm-quiz-sub-menu {
    position: relative;
    top: 29.8px;
    margin-top: 29.8px;
    float: left;
    display: none
}

.wpm-quiz-menu-item:hover .wpm-quiz-sub-menu {
    float: left
}

.wpm-quiz-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
}

.wpm-quiz-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
}

.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
}

td.response label.aria-label,.aria-label,.assistive-text,.screen-reader {
    display: none
}

tr.even,tr.even td {
    background-color: #efefff
}

input.submit-button,
button.submit-button{
    background-color: #373737;
    border: 1px solid #888;
    border-radius: 9px;
    box-shadow: 0 4px 8px rgba(0,0,0,.2);
    color: #f5f5f5;
    display: inline-block;
    font-size: 16px;
    margin: 10px 0;
    padding: 10px 20px;
    transition: .3s
}

input.submit-button:hover,
button.submit-button:hover {
    background-color: #1c1c1c;
    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: 0
}

.aq-result-table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 20px;
    text-align: left
}

.aq-result-table th,.aq-result-table td {
    border: 1px solid #ccc;
    padding: 8px
}

.aq-result-table th {
    background: #f1f1f1;
    font-weight: 700;
    text-transform: uppercase
}

#score-interpretation {
    margin-bottom: 30px
}

#score-interpretation ul {
    padding: 0
}

.inputs-quiz {
    margin-top: 30px
}

.inputs-quiz input {
    width: 100%;
    margin-left: 0
}

.inputs-quiz label {
    font-weight: 700;
    text-align: left;
    display: block;
    margin-bottom: 10px
}

.inputs-quiz .flexed-quiz {
    display: flex;
    gap: 10px;
    margin-bottom: 15px
}

.inputs-quiz .flexed-quiz>div {
    width: 50%
}

#questionaire-patient fieldset {
    margin-bottom: 30px;
    background: #f7f7f7;
    border: 0;
    border-radius: 0 0 10px 10px;
    padding-bottom: 15px
}

#questionaire-patient legend {
    background: #badfff;
    width: calc(100% + 24px);
    position: relative;
    left: -12px;
    max-width: calc(100% + 24px);
    padding: 10px 20px;
    top: -12px;
    font-weight: 700;
    border-radius: 10px 10px 0 0
}

#questionaire-patient button {
    border: 0
}

#questionaire-patient {
    margin: 50px 0
}

#questionaire-patient p.note {
    margin-bottom: 30px
}

#questionaire-patient [type=checkbox],#questionaire-patient [type=radio],#questionaire-patient label {
    cursor: pointer;
    margin-left: 0;
    margin-right: 5px
}

#questionaire-patient fieldset>label {
    font-weight: 700
}

#questionaire-patient textarea {
    border: 1px solid #ddd;
    margin-top: 5px;
    min-height: 100px
}

#questionaire-patient input {
    border: 1px solid #ddd
}

#questionaire-patient input[type=date],#questionaire-patient input[type=email],#questionaire-patient input[type=number],input[type=password],#questionaire-patient input[type=search],#questionaire-patient input[type=tel],#questionaire-patient input[type=text],#questionaire-patient input[type=url],#questionaire-patient select {
    margin: 8px 0 0
}

#questionaire-patient .input-other,#questionaire-patient .input-other>label {
    margin-top: 7px;
    width: 100%
}

#questionaire-patient .input-other input[type=text] {
    width: 100%
}

#questionaire-patient .checkbox-list label {
    padding: 8px 5px
}

#questionaire-patient .flexed-both {
    display: flex;
    gap: 10px;
    margin-bottom: 15px
}

#questionaire-patient .flexed-both>div {
    display: flex;
    flex-direction: column;
    width: 50%
}

#questionaire-patient .flexed-both>div label {
    font-weight: 700
}

#questionaire-patient .flexed-both>div input {
    margin: 8px 0 0;
    width: 100%
}

#questionaire-patient .flexed-both input {
    width: 50%;
    padding: 10px
}

#questionaire-patient .status-send {
    color: green
}
