/* February 2018 - this style sheet contains some necessary styling for the PrizmDoc JSDoc-generated
HTML for the Viewer control and e-signature. However, because it was a pre-packaged style, it also
contains many styles that conflict with the DocX template that we use for all products. Those conflicts
have been commented out in this version (with "PrizmDoc" notes). Those styles will be handled by the
standard DocX template. */

/* PrizmDoc - we do not want custom font - will take from template
@font-face {
    font-family: 'Open Sans';
    font-weight: normal;
    font-style: normal;
    src: url('../fonts/OpenSans-Regular-webfont.eot');
    src:
        local('Open Sans'),
        local('OpenSans'),
        url('../fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/OpenSans-Regular-webfont.woff') format('woff'),
        url('../fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
}

@font-face {
    font-family: 'Open Sans Light';
    font-weight: normal;
    font-style: normal;
    src: url('../fonts/OpenSans-Light-webfont.eot');
    src:
        local('Open Sans Light'),
        local('OpenSans Light'),
        url('../fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/OpenSans-Light-webfont.woff') format('woff'),
        url('../fonts/OpenSans-Light-webfont.svg#open_sanslight') format('svg');
}
*/

html {
    overflow: auto;
    /* PrizmDoc - get from template
    background-color: #fff;
    font-size: 14px; */
}

/* PrizmDoc - get from template
body
{
    font-family: 'Open Sans', sans-serif;
    line-height: 1.5;
    color: #4d4e53;
    background-color: white;
}

a, a:visited, a:active {
    color: #0095dd;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

header
{
    display: block;
    padding: 0px 4px;
}

tt, code, kbd, samp {
    font-family: Consolas, Monaco, 'Andale Mono', monospace;
}
*/

.class-description {
    /* PrizmDoc - get from template
    font-size: 130%;
    line-height: 140%; */
    margin-bottom: 1em;
    margin-top: 1em;
}

.class-description:empty {
    margin: 0;
}

#main {
    float: left;
    width: 100%;
    /* PrizmDoc - changed from 70 */
}

article dl {
    margin-bottom: 40px;
}

section {
    display: block;
    /* PrizmDoc - conflict with 2022 dark mode setting background-color: #fff; */
    padding: 12px 24px;
    border-bottom: 1px solid #ccc;
    margin-right: 0px;
    /* PrizmDoc - changed from 30 */
}

.variation {
    display: none;
}

.signature-attributes {
    font-size: 60%;
    color: #aaa;
    font-style: italic;
    font-weight: lighter;
}

nav {
    display: block;
    float: right;
    margin-top: 28px;
    width: 30%;
    box-sizing: border-box;
    border-left: 1px solid #ccc;
    padding-left: 16px;
}

nav ul {
    /* PrizmDoc - get from template
    font-family: 'Lucida Grande', 'Lucida Sans Unicode', arial, sans-serif; */
    font-size: 100%;
    line-height: 17px;
    padding: 0;
    margin: 0;
    list-style-type: none;
}

nav ul a,
nav ul a:visited,
nav ul a:active {
    /* PrizmDoc - get from template
    font-family: Consolas, Monaco, 'Andale Mono', monospace; */
    line-height: 18px;
    color: #4D4E53;
}

html.i-dark nav ul a,
html.i-dark nav ul a:visited,
html.i-dark nav ul a:active {
    /* PrizmDoc - get from template
    font-family: Consolas, Monaco, 'Andale Mono', monospace; */
    line-height: 18px;
    color: #4D4E53;
}

nav h3 {
    margin-top: 12px;
}

nav li {
    margin-top: 6px;
}

footer {
    /* PrizmDoc - get from template
    display: block; */
    padding: 6px;
    margin-top: 12px;
    font-style: italic;
    font-size: 90%;
}

/* PrizmDoc - get from template
h1, h2, h3, h4 {
    font-weight: 200;
    margin: 0;
}

h1
{
    font-family: 'Open Sans Light', sans-serif;
    font-size: 48px;
    letter-spacing: -2px;
    margin: 12px 24px 20px;
}

h2, h3
{
    font-size: 30px;
    font-weight: 700;
    letter-spacing: -1px;
    margin-bottom: 12px;
}

h4
{
    font-size: 18px;
    letter-spacing: -0.33px;
    margin-bottom: 12px;
    color: #4d4e53;
}

h5, */
.container-overview .subsection-title {
    font-size: 120%;
    font-weight: bold;
    letter-spacing: -0.01em;
    margin: 8px 0 3px 0;
}

h6 {
    font-size: 100%;
    letter-spacing: -0.01em;
    margin: 6px 0 3px 0;
    font-style: italic;
}

.ancestors {
    color: #999;
}

.ancestors a {
    color: #999 !important;
    text-decoration: none;
}

.clear {
    clear: both;
}

.important {
    font-weight: bold;
    color: #950B02;
}

.yes-def {
    text-indent: -1000px;
}

.type-signature {
    color: #aaa;
}

.name,
.signature {
    font-family: Consolas, Monaco, 'Andale Mono', monospace;
}

/* PrizmDoc - changed .details li { margin-left: 50px; from 30px to fix the "see" list alignment */
.details {
    margin-top: 14px;
    border-left: 2px solid #DDD;
}

.details dt {
    width: 120px;
    float: left;
    padding-left: 10px;
    padding-top: 6px;
}

.details dd {
    margin-left: 70px;
}

.details ul {
    margin: 0;
}

.details ul {
    list-style-type: none;
}

.details li {
    margin-left: 50px;
    padding-top: 6px;
}

.details pre.prettyprint {
    margin: 0
}

.details .object-value {
    padding-top: 0;
}

.description {
    margin-bottom: 1em;
    margin-top: 1em;
}

.code-caption {
    font-style: italic;
    font-size: 107%;
    margin: 0;
}

.prettyprint {
    width: 80%;
    overflow: auto;
}

.prettyprint.source {
    width: inherit;
}

.prettyprint code {
    line-height: 18px;
    background-color: #f7f7f7;
    display: block;
    margin-top: 12px;
    padding: 1em;
    font-weight: normal;
    color: #333;
    overflow-x: auto;
    font-size: 16px;
    border-radius: 3px;
}

html.i-dark .prettyprint code {
    background-color: #2f2f2f;
    color: #ccc;
}

.prettyprint code span.line {
    display: inline-block;
}

.prettyprint.linenums {
    padding-left: 70px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.prettyprint.linenums ol {
    padding-left: 0;
}

.prettyprint.linenums li {
    border-left: 3px #ddd solid;
}

.prettyprint.linenums li.selected,
.prettyprint.linenums li.selected * {
    background-color: lightyellow;
}

.prettyprint.linenums li * {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}

/* PrizmDoc - added in some styles from default table style in template, since this is not a default table, it's not reading those styles */
.params,
.props {
    border: 0;
    border-collapse: separate;
    width: 100%;
    margin-top: 5px;
    margin-bottom: 5px;
}

.params .name,
.props .name,
.name code {
    color: #4D4E53;
    font-family: Consolas, Monaco, 'Andale Mono', monospace;
    font-size: 100%;
}

html.i-dark .params .name,
html.i-dark .props .name,
html.i-dark .name code {
    color: #ccc;
    font-family: Consolas, Monaco, 'Andale Mono', monospace;
    font-size: 100%;
}

/* PrizmDoc - added this in so wide tables could horizontally scroll */
.params,
.props {
    display: block;
    overflow: auto;
    table-layout: fixed;
}

.params th,
.props th {
    text-align: left;
    font-size: 1em;
    font-style: normal;
    font-weight: 600;
    border-width: 0 0 1px;
    border-color: #d0d0d0;
    background-color: #eeeeee;
}


.params td,
.params th,
.props td,
.props th {
    border-bottom: 1px solid;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 4px;
    padding-bottom: 4px;
    text-align: left;
    font-size: 10pt;
}

.params td,
.props td {
    line-height: 140%;
    border-width: 1px 0 0;
    vertical-align: top;
    border-color: #d0d0d0;
    background-color: #f7f7f7;
}

/* PrizmDoc - take table styles from template
.params td, .params th, .props td, .props th
{
    border: 1px solid #ddd;
    margin: 0px;
    text-align: left;
    vertical-align: top;
    padding: 4px 6px;
    display: table-cell;
}

.params thead tr, .props thead tr
{
    background-color: #ddd;
    font-weight: bold;
}

.params .params thead tr, .props .props thead tr
{
    background-color: #fff;
    font-weight: bold;
}

.params th, .props th { border-right: 1px solid #aaa; }
.params thead .last, .props thead .last { border-right: 1px solid #ddd; }
*/

.params td.description>p:first-child,
.props td.description>p:first-child {
    margin-top: 0;
    padding-top: 0;
}

.params td.description>p:last-child,
.props td.description>p:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
}


.disabled {
    color: #454545;
}