::-webkit-scrollbar { width: 12px; background: #202124; }
::-webkit-scrollbar-track { background: #3B3F4A; border-radius: 10px; }
::-webkit-scrollbar-thumb { background: #202124; border-radius: 10px; }
::-webkit-scrollbar-corner { background: #3B3F4A; }
::-webkit-scrollbar-track-piece { background: #3B3F4A; }

h1, h2, h3, h4 { font-family:'Open Sans', sans-serif; font-weight: 400!important; color: #fff!important; }
p { font-size: 14px!important; line-height: 23px!important; color: #ccc; }
b, strong { color: #ccc; }
pre { max-width: 700px; }
pre b, pre strong { color: #000; }
blockquote {   border-left: 5px solid #3ea4dd; }

.pagerBox { background: #2F333B; }

ul.language { float: right; margin-top: 18px; }
ul.language li { padding: 0px 7px; border-right: 1px solid #888; float: left; line-height: 13px; }
ul.language li a { font-size: 14px; color: #FFF; text-decoration: none; text-transform: uppercase; }
ul.language li a:hover {color: #00a6e2;}
ul.language li.is-active a { color: #00a6e2; font-weight: bold; }
ul.language li:last-child { border: none; }

.nav>li>a:hover { color: #fff; background: #3B3F4A; }
.nav>li>a, .nav.child_menu>li>a { color: #D7DADF; font-weight: 300; }
.nav li li.current-page a { color: #fff; font-weight: 500; }
.nav>li>a:focus, .nav>li:hover > a, .nav>li.active > a { background: #3B3F4A; color: #3ea4dd; }
.nav>li>a:focus, .nav>li>a:hover { background: #3B3F4A; color: #3ea4dd; }
.nav>li.active>a { background: #3B3F4A; }
.navbar-toggle .icon-bar { background-color: #fff !important; }
.navbar-toggle { display: block; }
.navbar-toggle { padding: 0; margin: 0; }
.subMenuItem { color: rgba(255, 255, 255, 0.75); font-size: 12px; padding: 9px; }
.menuHead { border-bottom: 1px solid #22252B;  color: #fff; background: #3B3F4A; }
a[aria-expanded="true"] { background: #3B3F4A!important; color: #3ea4dd!important; }
a[aria-expanded="false"] { color: #fff!important; background: #3B3F4A!important; }
.menuHead:active { background: #3B3F4A; }
.subItems { background: #2F333B; }
.caret { float: right; margin-top: 8px; }
#tabs { padding-left: 90px; }
#tabs .tabs li:first-child a { background: rgba(0, 0, 0, 0.17) !important; border-bottom: 4px solid #3ea4dd; text-decoration: none; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0; }
.sidebar-toggle { margin: 4px 0 0 0; float: right; padding: 16px 15px 0 0; }
.sidebar { top: 55px; overflow: auto; max-height: calc(100vh - 55px); padding-top: 20px; padding-bottom: 20px; background: #292C33; }
.sidebar { border-right: 1px solid rgba(0, 0, 0, 0.29); top: 55px; left: 0; display: block; padding: 0; position: relative; height: 100%; width: 270px; }
.col-nav { min-height: calc(125vh - 58px); display: inline-block; width: 270px; background: #292C33; }

.docs_content { position: static; display: inline-block; width: calc(100% - 320px); float: right; padding-left: 40px; margin-top: 0px; overflow: auto; margin-top: 80px; margin-bottom: 200px; }
.docs_content p { max-width: 700px; color: #ccc; }
.docs_content h1, .docs_content h2 { color: #fff; }
.docs_content h3 { color: #999; }
.docs_content img { padding-right: 60px; padding-top: 12px; }
.docs_sofco_end { display: none;}

#contentCntr { background: #3B3F4A!important; }
#footerCntr .footerBox { background: #22252B!important; }
#footerCntr .footerBox .title { color: #3ea4dd!important; }
#footerCntr .emailBox { background: #292C33!important; }
#footerCntr .emailBox a { color: #D7DADF!important; }
#footerCntr .copyrightBox { background: #22252B!important; }
#footerCntr { margin-top: -5px; }

.copyRightDocs { color: #fff!important; font-size: 10px!important; font-weight: 300!important; line-height: 80px; }
section.announcement-slider .wrapper .inner .title { color: #e2272a!important; }

@media (max-width: 1023px) {
.nav-container, .nav-secondary { overflow: hidden; }
.nav-secondary .logo { display: none; }
.sidebar { position: fixed; width: 100%; z-index: 999999; }
.sidebar  { border-right: 1px solid rgba(0, 0, 0, 0.29); top: 51px; left: 0; display: block; padding: 0; overflow-x: hidden; overflow-y: auto; position: fixed; width: 100%; margin-top: 7px; }
}

@media (min-width: 1023px) {
.navbar-toggle { display: none; }
}

@media (max-width: 1022px) {
#tabs { padding-left: 0px; }
.hidden-sm { display: block!important; }
.hidden-xs { display: block!important; }
.sidebar-mobile { display: none; }
.col-nav { display: none; }
.navbar-toggle { display: block!important; }
.docs_content { position: relative; display: block; width: 100%; float: left; margin-top: 40px; padding: 20px;  }
.docs_content img { padding-right: 20px; }
}

@media (max-width: 600px) {
.thumb-pad0 figure img { height: auto; max-height: none; }
}