/* LAYOUT */

#content-wrapper {
    top: 82px;
    background-color: #f0f0f0;
    overflow-y: auto;
    -webkit-overflow-scrolling: auto;
    overflow-x: hidden;
    position: fixed;
}
#content-wrapper:focus {
    outline-width: 0;
}
#content-wrapper.sidebar-active {
    left: 322px;
    right: 0;
    margin: 0 auto;
    bottom: 0;
}
#content-wrapper.sidebar-inactive {
    width: 100%;
    bottom: 0;
}
#content-wrapper.content-scrollbar-active {
    bottom: 0;
}
#content-wrapper.content-scrollbar-inactive {
    bottom: 39px;
}
#content-body {
    min-height: 375px;
}
#content-footer {
    padding-top: 10px;
}
#copyright {
    z-index: 256;
    color: #40484B;
    display: none;
    background-color: #e2e2e2;
    line-height: 39px;
    font-size: 12px;
}
#copyright.sidebar-active {
    text-align: right;
    right: 0;
    left: 322px;
    bottom: 0;
}
#copyright.sidebar-inactive {
    text-align: right;
    left: 0;
    bottom: 0;
    width: 100%;
}
#copyright.content-scrollbar-active {
    position: static;
}
#copyright.content-scrollbar-inactive {
    position: fixed;
}
#content .clearer {
    clear: both;
}

/* STYLING */

#content {
    color: #40484B;
    background-color: #FFFFFF;
    padding: 37.5px;
    max-width: 810px;
    margin: 30px auto;
    border-left: 30px solid #f0f0f0;
    border-right: 30px solid #f0f0f0;
}

/* Title page */

#content.introduction {
    background-image: url('./img/welcome-image-vector-right.png'),
        url('./img/product-logo.svg'),
        linear-gradient(0deg, rgba(114,191,68,1), rgba(114,191,68,1));
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-position: top right, top 125px left 70px, top left;
    background-size: auto, 275px 100px, 100% 250px !important;
    background: -moz-linear-gradient(0deg, rgba(5,185,240,1), rgba(5,185,240,1)),
        -webkit-gradient(0deg, rgba(5,185,240,1), rgba(5,185,240,1)),
        -ms-linear-gradient(0deg, rgba(5,185,240,1), rgba(5,185,240,1)),
        linear-gradient(0deg, rgba(5,185,240,1), rgba(5,185,240,1));
    padding-top: 280.5px;
}
.title-page-title {
    font-size: 30px;
    line-height: 42px;
    color: #72BF44;
}
.title-page-content {
    margin-top: 20px;
    font-size: 18px;
}
.title-page-content p {
    display: inline;
}
.title-page-content .title-page-spacer {
    margin-top: 215px;
}
.title-page-content .title-page-release-info {
    font-size: 21px;
    margin-left: 3px;
}
.title-page-release-info-tiny {
    font-size: 15px;
}

/* Chapter, Appendix */
#content .strip {
    margin-left: -37.5px;
    background-image: url('./img/strip.svg');
    width: 560px;
    height: 80px;
}

/* Glossary, Index */
#content .strip-tiny {
    margin-left: -37.5px;
    background-image: url('./img/strip-tiny.svg');
    width: 384px;
    height: 16px;
}

#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6 {
    font-weight: normal;
    color: #72BF44;
}

#content .number {
    color: #72BF44;
}

#content h1.title,
#content h2.title {
    font-size: 28px;
    margin-bottom: 2.0em;
}

#content h3.title {
    font-size: 28px;
}

#content h4.title {
    font-size: 24px;
    margin: 2em 0 0 0;
}

#content h5.title {
    font-size: 20px;
    margin: 2em 0 0 0;
}

#content h6.title {
    font-size: 18px;
    margin: 1.5em 0 0 0;
}

#content h6.title5 {
    font-size: 16px;
    margin: 1.5em 0 0.5em 0;
}

#content h6.title6 {
    font-size: 15px;
    margin: 1.5em 0 0.5em 0;
}

#content .indexdiv h3 {
    font-size: 20px;
}

#content span.label {
    font-weight: bold;
}

#content ul {
    color: #72BF44;
    margin-left: 25px;
    margin-top: 10px;
    padding-left: 0;
    text-indent: 0;
}

#content p {
    line-height: 27px;
}

#content ol {
    color: #72BF44;
    margin-left: 40px;
    margin-top: 10px;
    padding-left: 0;
    text-indent: 0;
}

#content dl {
    margin: 0;
}

#content li * {
    color: #40484B;
}

#content ul li,
#content ol li {
    color: #72BF44;
}

#content .abstract {
    margin-top: 20px;
    color: #40484B;
}

#content .footnote ul,
#content .footnote ol,
#content .footnote ul li,
#content .footnote ol li,
#content .footnote li * {
    color: #40484B;
    font-size: 13px;
}

#content .footnote,
#content .footnoteref {
    color: #40484B;
    text-decoration: none;
}

#content .footnote p {
    font-size: 13px;
    margin: 5px 0 0;
}

#content .footnote sup a {
    text-decoration: none;
}

#content td .footnote p {
    margin-top: 5px;
    margin-bottom: 0;
}

#content .footnote-separator {
    width: 120px;
    border-top: 1px solid #40484B;
    margin: 18px 0px;
}

#content li p {
    margin: 0 0 10px 0;
    line-height: 22px;
}

#content table.simplelist {
    margin: 0 0 10px 0;
}

#content p.orderedlist,
#content p.itemizedlist {
    font-weight: bold;
    margin: 1em 0;
}
#content img,
#content object{
    max-width: 100%;
}

/* variable lists */

#content p.variablelist {
    color: #72BF44;
    font-weight: bold;
}

#content div.varlistentry {
    margin-left: 25px;
}

#content div.varlistentry .term {
    font-weight: bold;
}

#content div.varlistentry .first {
    text-indent: -25px;
    margin: 10px 0;
}

/* examples */

#content div.example,
#content div.informalexample {
    border-left: 4px solid #6F6F6E;
}

#content div.example-content,
#content div.informalexample-content {
    padding: 20px 20px 7px 20px;
    margin: 10px 0 20px 0;
    border: 1px solid #FFFFFF;
    border-left: none;
}

#content .noframe .example,
#content .noframe .informalexample {
    border: none;
}

#content .noframe .example-content,
#content .noframe .informalexample-content {
    border: none;
    margin: 25px 0;
    padding: 0;
}

#content div.example .first {
    font-weight: bold;
}

#content div.example .first,
#content div.informalexample .first {
    text-indent: 0;
    margin: 0 0 13px;
}

#content div.example .first {
    font-weight: bold;
    margin: 0 0 10px;
}

#content div.example .label,
#content div.informalexample .label {
    color: #6F6F6E;
    text-transform: uppercase;
}

#content .example p,
#content .informalexample p {
    margin: 10px 0;
}

#content .example li p,
#content .example dd p,
#content .informalexample li p,
#content .informalexample dd p {
    margin: 0 0 5px;
}

/* glossary */

#content div.glossentry {
    margin-left: 25px;
}

#content div.glossentry .term {
    font-weight: bold;
}

#content div.glossentry .first {
    text-indent: -25px;
    margin: 10px 0;
}

/* admonitions */

#content div.admonition-content {
    font-size: 15px;
    padding: 20px 20px 7px 20px;
    margin: 10px 0 20px 0;
    border: 1px solid #FFFFFF;
    border-left: none;
}

#content div.admonition .title {
    font-weight: bold;
    text-transform: uppercase;
}

#content div.admonition .first {
    text-indent: 0;
    margin: 0 0 13px;
}

#content div.note {
    border-left: 4px solid #72BF44;
}

#content div.note .title {
    color: #72BF44;
}

#content div.warning {
    border-left: 4px solid #F58233;
}

#content div.warning .title {
    color: #F58233;
}

#content div.tip {
    border-left: 4px solid #05B9F0;
}

#content div.tip .title {
    color: #05B9F0;
}

#content div.note li p,
#content div.warning li p,
#content div.tip li p,
#content div.note dd p,
#content div.warning dd p,
#content div.tip dd p {
    margin-top: 0;
    margin-left: 0;
}

/* formal para */

#content p.formalpara span.label {
    color: #72BF44;
}

#content div.programlisting {
    border: 1px solid #A9AAA9;
    padding: 10px;
    margin: 10px 0;
    font-size: 13px;
    white-space: pre;
    text-indent: 0;
    overflow-x: auto;
}

#content div.programlisting pre {
    margin: 0;
}

#content div.example div.programlisting,
#content div.informalexample div.programlisting {
    border: none;
    padding: 0px;
    margin: 0px;
    margin-bottom: 12px;
    font-size: 13px;
    white-space: pre;
}

#content .example .first,
#content .informalexample .first {
    text-indent: 0;
}

#content div.informalexample div.programlisting {
    margin: 10px 0 13px;
}

#content div.noframe div.programlisting {
    border: none;
    padding: 0px;
}

#content table.trademark,
#content table.linkToOnlinePortal {
    font-size: 13px;
}

#content .table-wrapper table {
    border-collapse: collapse;
    border: none;
    margin: 15px 0;
    font-size: 15px;
}

#content .table-wrapper thead tr th,
#content .table-wrapper thead tr td {
    border: 1px solid #FFFFFF;
    border-top: 1px solid #72BF44;
    background: #72BF44;
    color: #FFFFFF;
    padding: 6px 12px;
    text-align: left;
    vertical-align: top;
}

#content thead tr th:last-child,
#content thead tr td:last-child {
    border-right: none;
}
#content thead tr th:first-child,
#content thead tr td:first-child {
    border-left: 1px solid #72BF44;
}

#content div.noframe table thead tr th,
#content div.noframe table thead tr td {
    border: none;
    background: #FFFFFF;
    color: #40484B;
    padding: 6px 12px;
}

#content .table-wrapper td {
    border: 1px solid #72BF44;
    padding: 6px 12px;
    vertical-align: top;
}

#content div.noframe table td {
    border: none;
    padding: 6px 12px;
}

#content .table-wrapper td.entrytbl,
#content td.simplelist {
    padding: 0;
}

#content td.entrytbl table,
#content table.simplelist {
    margin: 0;
    font-size: 15px;
}

#content table.simplelist {
    border: none;
}

#content td.entrytbl td,
#content table div.table td,
#content table div.informaltable td,
#content .simplelist td {
    border: none;
}

#content .table-wrapper th.correct {
    background: #006937;
}

#content .table-wrapper th.incorrect {
    background: #E63264;
}

#content .striped tr:nth-of-type(odd) {
    background-color: rgba(5, 185, 240, 0.1);
}

#content .caption {
    font-style: italic;
    color: #6F6F6E;
}

#content .caption p {
    font-size: 13px;
    margin-top: 0;
}

/* Sideblock */
#content .sideblock-content,
#content .sideblock-x-large-image,
#content .sideblock-large-content,
#content .sideblock-large-image {
    width: 70%;
    display: inline-block;
    vertical-align: top;
}
#content .sideblock-x-large-image,
#content .sideblock-large-content,
#content .sideblock-large-image {
    width: 49.3%;
}
#content .sideblock-image,
#content .sideblock-large-image,
#content .sideblock-x-large-image {
    width: 26.5%;
    display: inline-block;
    vertical-align: top;
    margin-top: 15px;
}
#content .sideblock-large-image,
#content .sideblock-x-large-image {
    width: 50%;
}
#content .sideblock-image,
#content .sideblock-large-image div,
#content .sideblock-x-large-image div {
    padding-left: 15px;
}

/* In this section, See also */
.references {
    margin: 15px 0 25px;
}

.references td {
    padding-right: 30px;
    width: 220px;
}

#content div.sidebar {
    font-size: 13px;
}

#content div.sidebar p {
    margin: 4px 0px;
}

#content .sidebar span.label {
    color: #40484B;
}

#content span.guilabel {
    font-weight: bold;
}

#content span.classification {
    color: #72BF44;
}

#content .highlight {
    background-color: yellow;
    color: #000000;
}

#content div.figure,
#content div.mediaobject,
#content div.table,
#content div.informaltable {
    margin-bottom: 13px;
    margin-top: 10px;
    overflow-x: auto;
    text-indent: 0px;
}

#content p.figure,
#content p.table {
    margin: 8px 0;
    color: #6F6F6E;
    font-size: 13px;
}

#content div.mediaobject img {
    margin-bottom: 8px;
}

#content a,
#content a *,
#content li a,
#content a.footnote,
#content a.footnoteref {
    color: #05b9f0;
    text-decoration: none;
}

#content a:hover,
#content a *:hover,
#content li a:hover,
#content a.footnote:hover,
#content a.footnoteref:hover {
    text-decoration: underline;
}

#content th a.footnote,
#content th a.footnoteref {
    color: #FFFFFF;
}

#content a.olink img {
    border: 0;
}

#content a.external {
    background: url(./img/link.svg) right center no-repeat;
    padding-right: 16px;
    color: #05B9F0;
    background-size: 12px 12px;
}

/* Scripting API links */
.navigation, .navigation a {
    color: #6F6F6E !important;
    font-size: 11px;
    font-weight: normal;
    line-height: 32px;
}

#content code.filename {
    color: #5B8F22;
}

#content .comment {
    color: #008200;
}

#content .directive {
    color: #8B26C9;
}

#content .tag {
    color: #000096;
}

#content .attribute {
    color: #F5844C;
}

#content .value {
    color: #993300;
}

#content pre span.number {
    color: #000000;
}

#content .doccomment {
    color: #0000FF;
}

#content .keyword-pnt {
    color: #0000FF;
}

#content .type-pnt {
    color: #0000FF;
}

#content .string-pnt {
    color: #A31515;
}

#content .keyword {
    color: #000000;
    font-weight: bold;
}

#content .type {
    color: #840084;
    font-weight: bold;
}

#content .external {
    color: #FF00FF;
}

#content .prototype {
    font-weight: bold;
}

#content .constant {
    color: #840000;
    font-weight: bold;
}

#content .string {
    color: #840000;
}