﻿a.internalNavLink {
    position: relative;
    top: -100px;
    z-index: -1;
}
@media screen and (max-width: 950px) {
    a.internalNavLink {
        top: -171px;
    }
}
@media screen and (max-width: 750px) {
    a.internalNavLink {
        top: -151px;
    }
}
@media screen and (max-width: 700px) {
    a.internalNavLink {
        top: -125px;
    }
}

.narrowScreen {
    display: none;
}
.manualContentWrap {
    display: flex;
    max-width: 1350px;
    width: 100%;
    margin: 0 auto;
    position: relative;
    word-wrap: break-word;
    margin-bottom: -64px;
}
.manualContentWrap .mainContentWrap {
    padding-bottom: 96px;
}

/* Left menu */
#LeftMenu {
    width: 239px;
}
.manualContentWrap .menuWrap {
    width: 300px;
    border-right: 1px solid #efefef;
    padding: 30px;
    padding-top: 64px;
}
    .manualContentWrap .menuWrap > div {
        align-self: flex-start;
        top: 112px;
        padding-bottom: 64px;
    }
.menuWrap.editMode {
    width: 100%;
    height: auto;
    border: 0;
    position: static;
    overflow-y: none;
}
.manualContentWrap .menuWrap h2 {
    margin: 0;
    padding: 0;
    font-size: 1.15rem;
    line-height: 100%;
    margin-bottom: 15px;
}
.manualContentWrap .menuWrap h2 span {
    display: block;
}
.manualContentWrap .menuWrap.scrolledBottom {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    height: 100%;
}
.manualContentWrap .menuWrap.scrolledBottom > div {
    display: table;
    height: 100%;
}
.manualContentWrap .menuWrap.scrolledBottom nav {
    display: table-cell;
    vertical-align: bottom;
    height: 100%;
}
.menuWrap ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.menuWrap ul li {
    margin: 0;
    padding: 0;
    margin-bottom: 7px;
}
.menuWrap ul li:last-child {
    margin-bottom: 0;
}
.menuWrap ul li a {
    display: flex;
    font-size: 1rem;
    line-height: 110%;
    align-items: center;
    color: #2B2B2B;
    transition: all 300ms ease-in-out;
}
.menuWrap ul li a img {
    margin-right: 16px;
    filter: grayscale(100%);
    opacity: 0.8;
    transition: all 300ms ease-in-out;
}
.menuWrap ul li a img, .menuWrap ul li a {
    transition: all 150ms;
}
.menuWrap ul li a:hover img {
    margin-right: 16px;
    filter: grayscale(0);
    opacity: 1;
}
.menuWrap ul li a:hover {
    color: #dc0d8a;
    text-decoration: none;
    text-shadow: -0.06ex 0 #dc0d8a, 0.06ex 0 #dc0d8a;
}
.menuWrap ul li.selected a img {
    margin-right: 16px;
    filter: none;
    opacity: 1;
}
.menuWrap ul li a img.expander {
    margin-right: 0;
    margin-left: 15px;
    opacity: 0.3;
}
.menuWrap ul li a:hover img.expander {
    animation-duration: 1400ms;
    animation-name: bounceIn;
}
.menuWrap ul li.selected > a {
    font-weight: 500;
    color: #dc0d8a !important;
}
.menuWrap ul li.selected > a img.expander {
    opacity: 1;
}
.menuWrap ul ul {
    margin-left: 50px;
    margin-top: 5px;
    margin-bottom: 15px;
    margin-top: 9px;
}
.menuWrap ul ul ul {
    margin-left: 16px;
    margin-bottom: 12px;
}
.menuWrap ul ul {
    display: none;
}
.menuWrap.editMode ul {
    display: block;
}
.menuWrap ul li.selected > ul {
    display: block;
}

/* Mobile menu */
.manualMobileMenuInnerWrap {
    display: none;
    max-width: 100%;
    background: #fff;
    border-right: 1px solid #efefef;
    overflow-y: auto;
    position: absolute;
    top: 41px;
    left: 0;
    z-index: 66;
    height: calc(100vh - 176px);
    padding-bottom: 16px;
    padding-top: 5px;
    min-width: 300px;
    max-width: 100%;
}
.mobileCloser {
    display: none;
    position: absolute;
    top: 41px;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.1);
}
.manualMobileMenuWrap.scrolling .manualMobileMenuInnerWrap {
    height: calc(100vh - 120px);
}
.activator {
    user-select: none;
    font-weight: 500;
    display: flex;
    align-items: center;
    color: #dc0d8a;
    padding: 6px 0;
    padding-left: 30px;
    background: #fafafa;
    border-bottom: 1px solid #efefef;
    z-index: 6;
    position: relative;
}
.activator img {
    margin-left: 10px;
}
.activator:hover img {
    animation-duration: 700ms;
    animation-name: heartBeat;
}
#MobileMenuActivator {
    position: absolute;
    left: -10000px;
    top: -1000px;
}
#MobileMenuActivator:checked ~ .manualMobileMenuInnerWrap {
    display: block;
}
#MobileMenuActivator:checked ~ .mobileCloser {
    display: block;
}
.manualMobileMenuWrap {
    display: none;
    position: relative;
    z-index: 51;
}
.manualMobileMenuWrap.scrolling {
    position: fixed;
    margin-top: -55px;
}
.manualMobileMenuWrap ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.manualMobileMenuWrap li {
    margin: 0;
    padding: 0;
}
.manualMobileMenuWrap ul li a img, .manualMobileMenuWrap ul li a {
    transition: all 150ms;
}
ul.manualMobileMenu {
    margin-top: 10px;
}
ul.manualMobileMenu li a {
    display: flex;
    align-items: center;
    font-size: 1rem;
    color: #2B2B2B;
    padding: 5px 20px;
    line-height: 100%;
    transition: all 300ms ease-in-out;
}
ul.manualMobileMenu li a:hover {
    color: #dc0d8a;
    text-decoration: none;
    text-shadow: -0.06ex 0 #dc0d8a, 0.06ex 0 #dc0d8a;
}
ul.manualMobileMenu li.selected > a {
    color: #dc0d8a;
    font-weight: 500;
}
ul.manualMobileMenu img {
    display: block;
    margin-right: 15px;
    filter: grayscale(100%);
    opacity: 0.8;
    transition: all 300ms ease-in-out;
}
ul.manualMobileMenu li a img.expander {
    margin-right: 0;
    margin-left: 15px;
    opacity: 0.3;
}
ul.manualMobileMenu li a:hover img.expander {
    animation-duration: 1400ms;
    animation-name: bounceIn;
}
ul.manualMobileMenu li.selected > a img.expander {
    opacity: 1;
}
ul.manualMobileMenu li.selected img {
    filter: grayscale(0);
    opacity: 1;
}
ul.manualMobileMenu li a:hover img.expander {
    animation-duration: 1400ms;
    animation-name: bounceIn;
}
ul.manualMobileMenu li a:hover img {
    filter: grayscale(0);
    opacity: 1;
}
ul.manualMobileMenu li li a {
    padding-left: 60px;
}
ul.manualMobileMenu li li li a {
    padding-left: 80px;
}
ul.manualMobileMenu ul {
    margin-bottom: 10px;
    margin-top: 3px;
}
ul.manualMobileMenu ul {
    display: none;
}
ul.manualMobileMenu li.selected > ul {
    display: block;
}
@media screen and (max-width: 950px) {
    .manualMobileMenuWrap {
        display: block;
        width: 100%;
    }
}
@media screen and (max-width: 750px) {
    .manualMobileMenuInnerWrap {
        height: calc(100vh - 158px);
    }
    .manualMobileMenuWrap.scrolling .manualMobileMenuInnerWrap {
        height: calc(100vh - 104px);
    }
}
@media screen and (max-width: 700px) {
    .manualMobileMenuWrap {
        margin-top: 55px;
    }
    .manualMobileMenuWrap.scrolling {
        margin-top: 0;
    }
}

/* Top bar */
.manualTopper {
    border-bottom: 1px solid #efefef;
    display: flex;
    background: #fff;
    position: relative;
    z-index: 55;
}

/* Search */
.searchWrap {
    display: flex;
    flex: 1;
}
.searchWrap:hover img {
    animation-duration: 700ms;
    animation-name: tada;
}
.searchWrap img {
    margin-left: 15px;
}
.searchWrap input[type=text] {
    border: 0;
    padding: 15px 10px;
    width: 100%;
    background: transparent;
}
.searchWrap input[type=text]::placeholder {
    color: #c0c0c0;
}
.searchWrap input[type=text]:focus, .searchWrap input[type=text]:focus {
    outline: none;
}

/* Top links */
.manualTopper .topLinks {
    flex: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-left: 10px;
    padding-right: 30px;
    white-space: nowrap;
}
.manualTopper ul {
    list-style: none;
    display: inline-flex;
    margin: 0;
    padding: 0;
}
.manualTopper ul li {
    margin: 0;
    padding: 0;
    margin-right: 10px;
    line-height: 100%;
}
.manualTopper ul li:last-child {
    margin-right: 0;
}
.manualTopper ul li a {
    font-weight: 500;
    font-size: 1rem;
    display: flex;
}
.manualTopper ul li a img {
    margin-left: 5px;
}
.manualTopper ul li a:hover img {
    animation-duration: 700ms;
    animation-name: tada;
}
@media screen and (max-width: 700px) {
    .manualTopper {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        background: #fff;
    }
    .manualContentWrap .menuWrap {
        padding-top: 85px;
    }
    .narrowScreen {
        display: inline;
    }
    .wideScreen {
        display: none;
    }
}

/* Contains manual content + right quick nav */
.manualContentSplitter {
    display: flex;
    position: relative;
}

/* Manual content */
.manualContent {
    padding: 30px;
    padding-bottom: 0;
    max-width: 738px;
    width: 100%;
    min-height: 660px;
}
.articleItemProps {
    display: none;
}

/* Right quick nav */
.onThisPageWrap {
    width: 220px;
    min-width: 220px;
    padding-top: 15px;
}
.onThisPageWrap.scrolledBottom {
    display: flex;
    align-items: flex-end;
}
.onThisPageWrap.noLinks > div {
    display: none;
}
#OnThisPageInnerWrap {
    position: static;
    width: 220px;
    padding: 0 15px;
}
#OnThisPageInnerWrap.scrolledBottom {
    position: static !important;
}
.scrollingOnThisPage {
    position: fixed !important;
    margin-top: -63px;
}
.onThisPageWrap h3 {
    font-family: 'Roboto', Arial, sans-serif;
    font-size: 1rem;
    color: #808080;
    text-transform: uppercase;
    font-weight: 500;
}
.onThisPageWrap ul {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-top: 12px;
}
.onThisPageWrap ul li {
    margin: 0;
    padding: 0;
    font-size: 1rem;
    line-height: 110%;
    margin-bottom: 12px;
}
.onThisPageWrap ul li:last-child {
    margin-bottom: 0;
}
.onThisPageWrap ul li a {
    color: #808080;
    display: flex;
    align-items: center;
}
.onThisPageWrap ul li a img {
    display: none;
}
.onThisPageWrap ul li a.selected {
    font-weight: 500;
}
.onThisPageWrap ul li a.selected img {
    display: block;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    margin-right: 2px;
    margin-left: -5px;
    opacity: 0.5;
    animation-duration: 600ms;
    animation-name: heartBeat;
}
@media screen and (max-width: 1150px) {
    .onThisPageWrap {
        display: none !important;
    }
}

/* Images */
.giphyWrap {
    padding: 3px;
    background: #fff;
    border-radius: 3px;
    margin: 0 auto;
    line-height: 100%;
    border: 2px solid #efefef;
    position: relative;
    height: 0;
    padding-bottom: 56%;
    text-align: left;
    width: auto;
}
.giphyWrap iframe {
    top: 3px;
    left: 3px;
    height: calc(100% - 6px);
    width: calc(100% - 6px);
}
.giphySpacer + p,
.imgAlign + p,
.giphySpacer + h2,
.imgAlign + h2,
.giphySpacer + h3,
.imgAlign + h3 {
    margin-top: 15px;
}
.imgAlign {
        display: table;
        padding: 3px;
        background: #fff;
        border-radius: 3px;
        margin: 0 auto;
        line-height: 100%;
        border: 2px solid #efefef;
    }
.imgAlign img {
    display: table;
    margin: 0 auto;
}
.imgAlign span {
    text-align: center;
    color: #2B2B2B;
    display: block;
    padding: 7px;
}
.imgAlign:hover {
    text-decoration: none;
}

/* Bottom links wrapper */
.bottomLinks {
    border-top: 1px solid #efefef;
    border-right: 1px solid #efefef;
    margin: 0 -30px;
    margin-top: 30px;
    padding: 30px;
    background: #fafafa;
}
.bottomLinks h4 {
    font-family: 'Roboto', Arial, sans-serif;
    font-size: 1rem;
    color: #808080;
    text-transform: uppercase;
    font-weight: 500;
    line-height: 100%;
}

/* Bottom search */
.bottomLinks .searchWrap {
    border: 1px solid #efefef;
    border-radius: 3px;
    background: #fff;
    margin-bottom: 20px;
}
.bottomLinks .searchWrap input[type=text] {
    padding: 7px 7px 7px 10px;
}

@media screen and (max-width: 950px) {
    .bottomLinks {
        border-right: 0;
    }
}
@media screen and (max-width: 600px) {
    .bottomLinks {
        margin: 0 -15px;
        margin-top: 30px;
        padding: 15px;
    }
}

/* Help links */
.helpLinks {
    margin-bottom: 20px;
    display: flex;
}
.helpLinks a {
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1;
    text-align: center;
    border-radius: 3px;
    background: #dc0d8a;
    color: #fff;
    margin: 0 10px;
    font-weight: 500;
    line-height: 100%;
    padding: 15px;
}
.helpLinks a:first-child {
    margin-left: 0;
}
.helpLinks a:last-child {
    margin-right: 0;
}
@media screen and (max-width: 420px) {
    .helpLinks {
        flex-wrap: wrap;
    }
    .helpLinks a {
        min-width: 100%;
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 5px;
    }
    .helpLinks a:last-child {
        margin-bottom: 0;
    }
}

/* Last updated */
.lastUpdated {
    color: #c0c0c0;
    font-size: 0.85rem;
    text-align: center;
    line-height: 120%;
}

/* Breadcrumb wrapper */
.breadcrumbWrapper {
    border: 1px solid #efefef;
    border-radius: 3px;
    display: block;
    padding: 10px;
    margin-bottom: 20px;
    background: #fff;
}
.breadcrumbWrapper ul {
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none;
    flex-wrap: wrap;
    line-height: 100%;
}
.breadcrumbWrapper ul li {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    line-height: 100%;
}
.breadcrumbWrapper ul li a  {
    display: flex;
    font-size: 1rem;
    font-weight: 500;
    color: #dc0d8a;
}
.breadcrumbWrapper ul li img {
    margin: 0 5px;
    max-width: 20px;
    max-height: 20px;
}
.breadcrumbWrapper ul li:last-child a {
    color: #2B2B2B;
}
.breadcrumbWrapper ul li:last-child img {
    display: none;
}

/* Left menu hider */
@media screen and (max-width: 950px) {
    .manualContent {
        max-width: 950px;
    }
    .manualContentWrap .menuWrap {
        display: none !important;
    }
    .mainContentWrap {
        margin-left: 0 !important;
    }
}

/* Article style */
.manualContent ul.list {
    margin-bottom: 30px;
}
.manualContent ul.list ul {
    margin-bottom: 0;
    margin-top: 8px;
    padding-left: 30px;
}
.manualContent .navWrap,
span.ilTag {
    background: #efefef;
    border-radius: 3px;
    font-size: 1rem;
    line-height: 100%;
    padding: 3px 7px;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
}
.manualContent .navWrap span.arr {
    margin: 0 7px;
    font-size: 0.65rem;
    color: #a1a1a1;
}
.manualContent ol.list {
    list-style: none;
    counter-reset: my-awesome-counter;
    margin: 0;
    padding: 0;
    margin-bottom: 30px;
}
.manualContent ol.list li {
    counter-increment: my-awesome-counter;
    width: 100%;
    padding-left: 16px;
    align-items: center;
    position: relative;
    padding-left: 58px;
}
.manualContent ol.list li::before {
    content: counter(my-awesome-counter);
    background: #2B2B2B;
    color: #fff;
    font-weight: 500;
    min-width: 26px;
    min-height: 26px;
    height: 26px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 0.85rem;
    line-height: 110%;
    margin-right: 16px;
    border-radius: 50%;
    position: absolute;
    top: 3px;
    left: 16px;
}
.manualContent h1, .manualContent h2, .manualContent h3, .manualContent h4 {
    margin: 0;
    padding: 0;
    text-align: left;
}
.manualContent h1 + h2 {
    margin-top: 8px;
}
.manualContent h2 {
    font-size: 2rem;
    margin-top: 40px;
}
.manualContent h2, .manualContent h3, .manualContent h4 {
    color: #2B2B2B;
    font-family: 'Roboto', Arial, sans-serif;
    text-transform: none;
    font-weight: normal;
    letter-spacing: 0.08rem;
}
.manualContent h2 + p {
    margin-top: 12px;
}
span.ilTag.c2 {
    background: #734ecd;
    color: white;
}
.notice {
    background: rgba(253,200,69,.1);
    border: 1px solid rgba(253,200,69,.3);
    padding: 15px;
    padding-left: 55px;
    position: relative;
    border-radius: 3px;
    margin-bottom: 20px;
    font-size: 1.15rem;
}
dl + aside {
    margin-top: 15px;
}
.notice h2 {
    margin: -28px 0;
    margin-bottom: -20px;
    font-size: 1.35rem;
}
.notice p {
    margin: 0;
    margin-bottom: 15px;
    font-size: 1.15rem;
}
.notice::before {
    content: "!";
    width: 24px;
    height: 24px;
    background: transparent;
    border: 2px solid #e3b64a;
    color: #e3b64a;
    font-weight: 500;
    display: block;
    font-size: 1.5rem;
    position: absolute;
    top: 15px;
    border-radius: 50%;
    left: 13px;
    text-align: center;
    line-height: 24px;
}
.notice.warning {
    background: #ffe7e8;
    border: 1px solid #fccfd0;
}
.notice.warning::before {
    content: "!";
    border: 2px solid #e66465;
    color: #e66465;
}
kbd {
    background: #efefef;
    border-radius: 3px;
    -webkit-box-shadow: 0 2px 0 2px #c4c4c4;
    -moz-box-shadow: 0 2px 0 2px #c4c4c4;
    box-shadow: 0 2px 0 2px #c4c4c4;
    padding: 3px 8px;
    line-height: 100%;
    text-shadow: 1px 0 0 #fff;
    font-weight: 500;
    border-bottom: 1px solid #d7d7d7;
    display: inline-block;
    position: relative;
    top: -5px;
    margin: 0 3px;
    color: #2B2B2B;
    font-size: 1rem;
}
kbd:hover {
    top: -3px;
}
dl {
    margin: 0;
}
dd {
    margin: 0;
    padding-bottom: 4px;
}
dt {
    border-top: 1px solid #efefef;
    margin-top: 16px;
    padding-top: 16px;
    font-weight: 500;
}
dt + dt {
    border-top: 0;
    margin-top: 0;
    padding-top: 0;
}
@media screen and (max-width: 600px) {
    .manualContent {
        padding-left: 15px;
        padding-right: 15px;
    }
}
.bottomLinks h4 {
    margin-bottom: 3px;
}
a.editNavLink {
    background: #efefef;
    padding: 5px 0;
    position: relative;
    margin-left: 16px;
    margin-right: 0;
    padding-left: 24px;
}
#LeftMenu a.editNavLink {
    border-radius: 3px;
}
.editImgWrap {
    display: inline-block;
    position: absolute;
    width: 16px;
    height: 16px;
    left: -16px;
    border-radius: 50%;
    background: #efefef;
    padding: 4px;
    border: 2px solid #efefef;
    background: #fff;
}
.editImgWrap img {
    opacity: 0.6 !important;
}
.editNavLink:hover .editImgWrap {
    animation-duration: 900ms;
    animation-name: tada;
}
ul.manualMobileMenu .editNavLink {
    margin-bottom: 7px;
    padding-left: 28px;
    margin-left: 32px;
    margin-right: 16px;
}
ul.manualMobileMenu .editNavLink .editImgWrap {
    left: -14px;
}

/* Table */
.manualContent table {
    margin: 15px 0;
}
li.manualLink a {
    font-size: 1.1rem !important;
}
.searchWrap input[type=submit] {
    position: absolute;
    top: -10000px;
    left: -10000px;
}

/* PAgination */
.paginationWrap {
    border: 1px solid #efefef;
    border-radius: 3px;
    padding: 2px;
    margin: 10px 0;
}
/* Search results */
.searchResultsWrap {
    margin: 15px 0;
}
.searchResultsWrap .searchResult {
    margin: 30px 0;
}
.searchResult {
    display: flex;
}
.searchResult p {
    margin: 0;
}
.searchResult > div:first-child {
    flex: 0;
}
.searchResult > div:last-child {
    flex: 1;
}
.searchResult .resultNumber {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    width: 26px;
    height: 26px;
    background: #2B2B2B;
    color: #ffffff;
    font-weight: 500;
    margin-right: 15px;
    margin-top: 5px;
    font-size: 0.75rem;
}
.searchResultsWrap a:hover {
    text-decoration: none;
}
.searchResultsWrap a:hover h3 {
    text-decoration: underline;
}
.searchResultsWrap p {
    color: #2B2B2B;
}

.markupEditorWrap textarea {
    height: 650px;
}
.editContent h3 {
    margin-bottom: 5px;
}
.editContent input[type=submit] {
    margin: 30px 0;
}
.editContent .notification {
    margin-top: 15px;
    margin-bottom: 0;
}
pre {
    overflow: auto;
    word-wrap: normal;
    white-space: pre;
}
.codeWrap {
    display: block;
    max-width: 100%;
    margin-right: -1000px;
}
code {
    border-radius: 3px;
    padding-left: 5px;
    padding-right: 5px;
    background-color: #fafafa;
    font-size: 15px !important;
    border-left: 5px solid #efefef;
    tab-size: 3 !important;
}
code .token.function,
    code .token.keyword {
        font-weight: bold;
    }
pre code {
    background: #fafafa;
    line-height: 120%;
    padding: 10px;
    border-left: 0;
}
.imgAlign + .imgAlign {
    margin-top: 15px;
}

a.noIcon {
    padding-left: 40px !important;
}
.imgAlign + aside,
h2 + .imgAlign,
h2 + aside {
    margin-top: 10px;
}


/* Download */
.downloadWrap {
    background: #FFFBC9;
    border-bottom: 4px solid #F1EA9B;
    border-radius: 3px;
    margin-bottom: 20px;
    width: 100%;
}

    .downloadWrap + p {
        margin-top: 20px;
    }

    .downloadWrap .inner {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }

    .downloadWrap h4 {
        margin: 0;
        margin-bottom: 5px;
    }

    .downloadWrap .fileIcon {
        margin: 15px 20px;
    }

    .downloadWrap a {
        background: #dc0d8a;
        color: #fff;
        font-weight: 500;
        border-radius: 3px;
        font-size: 1rem;
        display: inline-block;
        padding-left: 10px;
    }

        .downloadWrap a:hover span.fileSize {
            background: #cf413e;
        }

    .downloadWrap span.fileSize {
        background: #fa6562;
        border-left: 1px solid #cf413e;
        padding: 0 10px;
        display: inline-block;
        margin-left: 5px;
        -webkit-border-top-right-radius: 3px;
        -webkit-border-bottom-right-radius: 3px;
        -moz-border-radius-topright: 3px;
        -moz-border-radius-bottomright: 3px;
        border-top-right-radius: 3px;
        border-bottom-right-radius: 3px;
        font-size: 0.85rem !important;
    }

    .downloadWrap .fileIcon {
        position: relative;
        width: 30%;
        margin: 2em auto;
        color: #fff;
        background: red;
        width: 52px;
        height: 68px;
        line-height: 72px;
        overflow: hidden;
        text-align: center;
        font-weight: 500;
        font-size: 0.9rem;
    }

        .downloadWrap .fileIcon:before {
            content: "";
            position: absolute;
            top: 0;
            right: 0;
            border-width: 0 16px 16px 0;
            border-style: solid;
            border-color: red #FFFBC9;
        }
        /* Zip */
        .downloadWrap .fileIcon.ezip {
            background: #b5b428;
        }

            .downloadWrap .fileIcon.ezip:before {
                border-color: #8a8a19 #FFFBC9;
            }

        /* C3p */
        .downloadWrap .fileIcon.ec3p {
            background: #dc0d8a;
        }

            .downloadWrap .fileIcon.ec3p:before {
                border-color: #159986 #FFFBC9;
            }

        /* Capx */
        .downloadWrap .fileIcon.ecapx {
            background: #3F3F3F;
        }

            .downloadWrap .fileIcon.ecapx:before {
                border-color: #AEC258 #FFFBC9;
            }


.downloadWrap {
    margin-bottom: 0;
}

    .downloadWrap h4 {
        font-size: 1rem;
        margin: 0;
    }

    .downloadWrap .fileIcon {
        margin: 5px 10px 5px 10px;
    }

    .manualContent h4 + table {
        margin-top: -15px;
    }
.manualContent table {
    margin-bottom: 32px;
}
.contentWrapper {
    margin-bottom: 60px;
}

a.deletedTreeItem {
    opacity: 0.4;
}
a span.noContent,
a span.deleted {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    min-width: 16px;
    min-height: 16px;
    border-radius: 50%;
    font-size: 1rem;
    font-weight: 500;
    margin-right: 5px;
    background: rgba(249, 220, 114, 0.5);
    color: #78672a;
}
a span.deleted {
    background: #f97572;
    color: white;
    border-radius: 3px;
}

.hr {
    height: 1px;
    background: #efefef;
    margin: 30px 0;
}

.formWrap label {
    display: block;
    font-weight: 500;
    line-height: 120%;
    margin-top: 15px;
    font-size: 1.15rem;
}
.formWrap label span {
    font-weight: normal;
    font-size: 1rem;
}
.formWrap input[type=submit] {
    margin-top: 15px;
}

.retirementNotice {
    background: #f9dc72;
    color: #78672a;
    margin: -30px;
    margin-bottom: 30px;
    line-height: 110%;
    padding: 10px 30px;
    border-right: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    border-bottom-right-radius: 3px;
    margin-right: -240px;
}
.retirementNotice span {
    display: block;
    text-align: center;
    font-weight: 500;
    margin-bottom: 2px;
}
.retirementNotice a {
    font-size: 0.75rem;
    padding: 5px 12px;
    margin-top: 5px;
}

@media screen and (max-width: 1150px) {
    .retirementNotice {
        margin-right: 0;
    }
}
@media screen and (max-width: 950px) {
    .retirementNotice {
        margin-right: -30px;
        border-right: 0;
        border-left: 0;
        border-radius: 0 !important;
    }
}
@media screen and (max-width: 600px) {

    .retirementNotice {
        margin: -15px;
        padding: 10px 10px;
        margin-bottom: 30px;
    }
    .retirementNotice a {
        width: 100%;
    }
}
p + input[type=submit] {
    margin-top: 0 !important;
}
.manualContent h2 + ul,
.manualContent h2 + ol,
.imgAlign + ul,
.imgAlign + ol,
h3 + ul,
h3 + ol {
    margin-top: 15px !important;
}
dl + h3{
    margin-top: 30px !important;
}
.paginationWrap ul li {
    margin-bottom: 0 !important;
    margin-right: 2px !important;
}
.breadcrumbWrapper ul li {
    margin-bottom: 0 !important;
}
.paginationWrap ul li:last-child {
    margin-right: 0;
}
.manualContent li {
    margin-bottom: 5px !important;
    font-size: 1.265622rem;
}

.manualContent dd,
.manualContent dt {
    font-size: 1.265622rem;
}
    .manualContent dd .codeWrap,
    .manualContent dt .codeWrap {
        font-size: 16px !important;
    }

.manualContent dt {
    font-family: monospace;
}

    .manualContent dd code,
    .manualContent dt code {
        font-size: 1em !important;
    }
.manualContent code {
    padding: 0 !important;
}

.manualContent dl.sans dt {
    font-family: 'Roboto', Arial, sans-serif !important;
}
@media screen and (max-width: 1000px) {

    .manualContentWrap {
        margin-top: 16px;
    }
}
.dataType,
.requiredLabel {
    color: orange;
    font-family: 'Roboto', Arial, sans-serif !important;
    font-size: 13px;
}
.dataType {
    color: #8d8d8d;
}
.codeWrap + .articleRender {
    margin-top: 32px;
}

/* LEADERBOARDS */
.constructLeaderboards-container {
    border-radius: 3px;
    background: #fff;
    padding: 8px;
    box-shadow: rgba(0, 0, 0, 0.16) 0 3px 6px, rgba(0, 0, 0, 0.23) 0 3px 6px;
}
.constructLeaderboards-title {
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    background: #222;
}
.constructLeaderboards-title h2 {
    font-family: 'HalisR-Bold', 'Roboto', Arial, sans-serif;
    line-height: 3rem;
    text-align: center;
    text-transform: uppercase;
    font-size: 2rem;
    margin: 64px auto;
    max-width: 800px;
    letter-spacing: -4px;
    color: #fff;
    margin: 0;
    padding: 0;
}
.constructLeaderboards-views li a {
    font-size: 1rem;
}
.constructLeaderboards-scores-container table {
    margin: 0;
    padding: 0;
}
.constructLeaderboards-views li {
    margin: 0 !important;
}
.constructLeaderboards-pb {
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}
.constructLeaderboards-views li a:hover, .constructLeaderboards-views li a.constructLeaderboards-view-selected {
    background: #dc0d8a !important;
}
.constructLeaderboards-scores-container table thead tr td {
    background: #dc0d8a !important;
    color: #fff !important;
    font-weight: bold !important;
    font-size: 1rem !important;
}
.constructLeaderboards-scores-container table tbody tr:hover td {
    background: #D6EEEE;
}
.constructLeaderboards-scores-container table tbody tr td:first-child {
    font-weight: bold;
}
.constructLeaderboards-pagination-wrap a {
    background: #dc0d8a;
    color: #fff;
    font-size: 0.85rem;
    border-radius: 3px;
    font-weight: bold;
    padding: 6px 12px;
}