@import url('https://fonts.googleapis.com/css2?family=Nunito');
@import url('https://fonts.googleapis.com/css2?family=Inter');

/* Primary color for buttons, portal header, titles  */

.text-primary,
.btn-primary .badge,
.btn-link,
.pagination > li > a,
.pagination > li > span,
.nav-site-sidebar .active > a,
.portal-single-publication .publication-icon i,
.portal-single-publication .publication-icon .fa,
.publication-contents a:hover,
.publication-contents h4 a {
    color: #037E9C;
    font-family: 'Nunito';
    font-style: normal;
}

a {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: #089BEE;
}

.fixed-toolbar .site-content {
    padding-top: 0px;
}

.site-content p {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
    color: #48525C;
    padding: 0%;
    margin: 0 0 8px;
    /* maxwid the textarea for paragraphs only, not tables */
    max-width: 920px;
}

.section,
.breadcrumb-node,
.abstract-title, 
.date-modified-text,
.formatted-date {
    font-family: 'Nunito';
}

.copyright,
.date-modified-text,
.formatted-date {
font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 20px;
letter-spacing: 0.01em;
color: #6E7D8C;
}

.titlepage h1.title, .titlepage h2.title, .titlepage h3.title, .titlepage h4.title, .titlepage h5.title, .titlepage h6.title {
    margin-top: 32px;
    margin-bottom: 16px;
    color: #323275;
    font-weight: 700;
    font-style: normal;
}

h1 { 
    font-family: 'Nunito';
    font-size: 36px;
    line-height: 44px;
}

h2 { 
    font-family: 'Nunito';
    font-size: 28px;
    line-height: 36px;
}

h3 {
    font-family: 'Nunito';
    font-size: 24px;
    line-height: 30px;
}

h4 { 
    font-family: 'Inter';
    font-size: 20px;
    line-height: 24px;
}

h5 {
    text-transform: capitalize;
    font-family: 'Inter';
    font-size: 18px;
    line-height: 22px;
}

h6 {
    font-family: 'Inter'; 
    font-size: 16px;
    line-height: 20px;
}

main ol, main ul {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: #48525C;
    margin: 0 0 0
}

.toolbar.top-nav-on {
    position: sticky;
/*    width: calc(100%-240px); 
    left: 180px;*/
/*    top: 6px; */
    height: 121px;
    opacity: 1;
/*    filter: drop-shadow(0px 2px 8px rgba(252, 252, 252, 0.15)); */
    background: #0F0F42;
    box-shadow: none;
    -webkit-box-shadow: none;
    padding: 0px!important;
}

.toolbar > * {
    color: #000000;
}

.bg-primary,
.btn-primary,
.publications-condensed .portal-single-publication a,
.toolbar,
.pager li > a:hover,
.pager li > span:hover {
    background-color: #252525
}

.btn-primary,
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus,
.colored-top .site-sidebar-header{
    border-color: #252525;
}

/* suppress table filter widget */
.btn-toolbar{
display: none;
}

/* Hover primary color */
a:hover,
a:focus,
a.text-primary:hover,
a.text-primary:focus,
.btn-link:hover,
.btn-link:focus,
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus{
    color: #999;
}

a.bg-primary:hover,
a.bg-primary:focus,
.btn-primary:hover,
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:active,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus,
.portal-header .portal-search button:hover{
    background-color: #999;
}

.site-sidebar .logo{
    padding: 10px 0;
}

/* Left-hand nav */

.nav-site-sidebar .active > a:focus, .nav-site-sidebar .active > a {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #FFFFFF;
    background-color: #089BEE    
} 

.nav-site-sidebar .active > a:hover {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    color: #FFFFFF;
    background-color: #089BEE    
}

.nav-site-sidebar>li>a, .nav-site-sidebar>li>a:hover{
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400!important;
    font-size: 14px;
    line-height: 20px;
    color: #48525C;
    background-color: #F7FBFF    
} 

.nav-site-sidebar ul a {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #48525C;
    background-color: #F7FBFF    
}

/* Right-hand nav */

.page-toc .section-nav-container {
    width: 17.6%;
    right: 0;
    top: 101px;
}

.section-nav.nav>li:first-child a {
    font-family: 'Nunito'!important;
    font-style: normal!important;
    font-weight: 700!important;
    font-size: 16px!important;
    line-height: 24px!important;
    color: #323275!important
}

/* specifies the widget prepended to the active RHnav bit */

.section-nav.nav>li.active>a:before {
    content: ' ';
    background-color: #089BEE!important;
    border-radius: 50%;
    left: -3px;
    top: 12px; 
    position: absolute;
    width: 6px;
    height: 6px;
}

/* attempts to isolate a single active subelement */

.section-nav.nav>li>ul>li.active a:before {
    content: ' ';
    background-color: #089BEE!important;
    border-radius: 75%;
    left: -3px;
    top: 12px; 
    position: absolute;
    width: 5px;
    height: 5px;
}

.section-nav.nav>li>ul>li a:before {
    content: ' ';
    background: #F7FBFF
}
.section-nav.nav>li:first-child.active a {
    font-family: 'Nunito'!important;
    font-style: normal!important;
    font-weight: 700!important;
    font-size: 16px!important;
    line-height: 24px!important;
    color: #089BEE!important 
}
.section-nav.nav>li.active>a {
    font-family: 'Inter'!important;
    font-style: normal!important;
    font-weight: 600!important;
    font-size: 12px!important;
    line-height: 20px!important;
    letter-spacing: 0.01em!important;
    color: #089BEE!important 
}

.section-nav.nav>li a {
    font-family: 'Inter'!important;
    font-style: normal!important;
    font-weight: 400!important;
    font-size: 12px!important;
    line-height: 20px!important;
    letter-spacing: 0.01em!important;
    color: #6E7D8C!important
}

.toc .glyphicon:before{
    content: "\e259";
}

.toc .opened > .topic-link > .glyphicon:before {
    content: "\e260";
}

.theme2 .site-footer{
    padding-left: 0px;
    padding-right: 0px;
}

.portal-footer .inner,
.site-footer .inner{
    padding: 25px 15px;
    background-color: FF00FF;
}


#striim-footer{
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    background: #00a7e5;
    padding-top: 20px;
    padding-bottom: 25px;
    color: #fff;
    text-align: center;
}

p.striim-demo-text {
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    color: #fff;
    margin-top: 0;
    font-weight: bold;
    margin: 0em;
    max-width: none;
}

/*#striim-footer h2{
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    color: #fff;
    margin-top: 0;
    font-weight: bold;
    font-size: 26px;
}*/

#footer-schedule-demo{
    margin-right: 50px;
    border-radius: 0;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
    display: inline-block;
    -webkit-transition: all ease 0.5s;
    transition: all ease 0.5s;
    cursor: pointer;
    text-decoration: none;
    margin-top: 20px;
    padding: 12px 45px;
    border: 2px solid #fff;
    background: #00a7e5;
    color: #fff;
}

#footer-download{
    border-radius: 0;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
    display: inline-block;
    -webkit-transition: all ease 0.5s;
    transition: all ease 0.5s;
    cursor: pointer;
    text-decoration: none;
    margin-top: 20px;
    padding: 12px 45px;
    border: 2px solid #fff;
    background: #fff;
    color: #00a7e5;
}

/* section TOCs are rarely used, pretty much only see them on container pages whose
   job it is to host a list of links to the content pages */

.section-toc-title {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 700!important;
    font-size: 20px!important;
    line-height: 28px;
    color: #323275;
}

.section-toc .topic-link {
    padding: 0px;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: #089BEE;
}

.theme2 .site-sidebar-header {
    padding: 5px;
}

.version-dropdown {
    float: right;
    border-color: #089BEE;
    background: transparent;
    color: #ffFFFF;
    border-radius: 8px;
    opacity: 1;
}

/* misleading name, this div contains the version selector */

.navbar-collapse {
    margin-right: 16px!important;
    padding: 1px;
    float: right
}

.navbar-toggle {
    float:right
}

/* the actual drop-down selector button */

.sm-simple a.has-submenu, .sm-simple a.has-submenu:hover, .sm-simple a.has-submenu:focus, .sm-simple a.has-submenu:active {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 1em;
    letter-spacing: 0.01em;
    padding: 8px 12px;
    border: 1px solid #089BEE; 
    border-radius: 8px;
    background: transparent;
    background-color: rgba(8, 155, 238, 0.15)
}

/* the main drop-down list as a whole */

.sm-simple ul {
    border: 1px solid rgba(0, 0, 0, 0.02);
    border-radius: 8px;
    box-shadow: 
        0px 2.767256498336792px 2.2138051986694336px 0px rgba(0, 0, 0, 0.07),
        0px 6.650102138519287px 5.32008171081543px 0px rgba(0, 0, 0, 0.05),
        0px 12.521552085876465px 10.017241477966309px 0px rgba(0, 0, 0, 0.04),
        0px 22.3363094329834px 17.869047164916992px 0px rgba(0, 0, 0, 0.04),
        0px 41.777610778808594px 33.422088623046875px 0px rgba(0, 0, 0, 0.03),
        0px 100px 80px 0px rgba(0, 0, 0, 0.02); 
    line-height: 0.85em;
    margin-left: -167px!important;
}

/* styles drop-down list elements */

/* General list elements */
.sm-simple ul li a {
    border: 1px solid rgba(0, 0, 0, 0.02);
    line-height: 0.85em;
}

/* first element needs radius at top left and right */
.sm-simple>li>ul>li:first-child a:hover, .sm-simple>li>ul>li:first-child a:focus, .sm-simple>li>ul>li:first-child a:active{
    border-top: 1px solid rgba(0, 0, 0, 0.02);
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    line-height: 0.85em;
}

/* last element needs radius at bottom left and right */
.sm-simple>li>ul>li:last-child a:hover, .sm-simple>li>ul>li:last-child a:focus, .sm-simple>li>ul>li:last-child a:active {
    border-bottom: 1px solid rgba(0, 0, 0, 0.02);
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    line-height: 0.85em;
}

.fa-search {
    color: #FFFFFF
}

.tool-search {
    margin-left: 5px;
    padding-top: 7px
}

/* toolbar-tools contains the search button, search field, and version selector.
   reposition this div to move the contents. */

.toolbar-tools {
    position:absolute;
    top: 13%;
    right: 0px;
    width: 100%
}

.toolbar-tools .tool-search .tool-search-form {
    border-color: #666
}

.toolbar-tools .tool-search .tool-search-form input {
    color: #444;
    background-color: #fff;
    border: 1px solid;
    border-color: #bbb;
    border-radius: 8px;
}

.toolbar-tools .tool-search .tool-search-form ::placeholder {
    color:  #aaa;
    opacity: 1;
}

.tool-search-form{
    margin: 0 auto!important;
    width: 85%
}

.tool-search-form .search-field {
    position: absolute;
    box-sizing: border-box;
    margin: 0 auto;
    top: 1px;
    width: 82%;
    height: 32px;
    font-size: 13px;
    padding: 3px;
    line-height: 15px;
}

.versionselector .btn{
    padding: 0px 20px;
}

.versionselector .btn .caret {
    margin-left: 5px;
}

.versionselector .btn-primary:hover, .versionselector .btn-primary:active, .versionselector .btn-primary:focus{
    background-color: transparent!important; 
    border-color: transparent!important;
    background-color: #FEFEFF;
}

.site-sidebar .site-sidebar-header{
    height: 64px;
    background: #0F0F42;
    filter: drop-shadow(0px 2px 8px rgba(252, 252, 252, 0.15));
}

/* moves the breadcrumbs around, probably don't fuck with this too much */

.toolbar.top-nav-on .breadcrumb-container {
    position: absolute;
    width: 100%;
    height: 57px;
    background-color: #fff;
    margin-left: 0%!important;
    padding: 16px 32px 16px 48px;
    bottom: 0px;
}

.breadcrumb .breadcrumb-link a {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #30A9EE
}

.breadcrumb-node {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #6e7d8c
}

/* table config */

.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
    border-top: 1px solid #D8e4f0;
    border-bottom: 1px solid #d8e4f0;
    border-right: none;
    border-left: none;
    vertical-align: top;
}

.table-bordered {
    border: none;
}

.informaltable th {
    font-family: 'Inter';
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.01em;
    color: #6E7D8C;
    align-items: center;
    padding: 10px;
    background-color: #F7FBFF
}

.informaltable td {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.01em;
    color: #48525C;
    align-items: center;
    padding: 10px
}

.informaltable tbody tr:last-child {
    border-bottom: 1px;
    border-color: inherit;
}

.informaltable {
    margin-bottom:14px
}

/* spacing fix for gappy appearance between a paragraph's bottom margin and a new section's top margin */
.section {
    padding: 5px 0;
}

/* fixes for overmargined textarea settings for the central content pane */
.page-toc main article {
    position: relative;
    top: 10px;
    padding-left: 4% !important;
    padding-right: 4%;
    width: 82%;
}

/* code inline definitions */
code.code {
    font-family: 'Menlo';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 26px;
    color: #4C4C8F;
    background-color: #E4E4F5    
}

.strong {
    font-weight:bold
} 

/* contains code samples, distinct from the hljs element */

.paligocode-wrapper {
    max-width: 920px;
}

/* copy-to-clipboard button in code samples */
.paligocode-wrapper .btn-primary {
    top: 5px!important;
    right: 5px!important;
    background: #f7fbff;
    color: #089BEE;
    border-color: #089BEE;
    border-radius: 25%;
}

.hljs {
    border: 1px solid #D8E4F0;
    font-size: 14px;
    border-radius: 8px;
    margin: 0px 0px 18px;
    padding: 6px 12px 12px 12px!important;
    background-color: #F7FBFF!important;
    max-width: 920px;
}

.hljs-keyword {
    color: #0092a7!important;
}

.hljs-string {
    color: #AD7291!important;
}

.note {
    background-color: #DDFBE9;
    border-color: #BCF7D4;    
    margin: 9px 0px;
    padding: 6px 18px 6px 65px;
    max-width: 920px;
}

.note h3, .warning h3, .caution h3, .important h3 {
    font-family: 'Nunito';
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 4px;
    color: #323275;
    font-weight: 700;
    font-style: normal;
}

.note>p {
    margin: 0px 0px 12px
}

.caution {
    background-color: #FFF8E5;
    border-color: #FFF1CC;    
    margin: 9px 0px;
    padding: 6px 18px 6px 65px;
    max-width: 920px;
}

.caution>p {
    margin: 0px 0px 12px
}

.warning {
    background-color: #FAEDEF;
    border-color: #F5DADF;
    margin: 9px 0px;
    padding: 6px 18px 6px 65px;
    max-width: 920px;
}

.warning>p {
    margin: 0px 0px 12px
}

.mediaobject{
    max-width: 920px;
}
/* Ensure left hand column in tables scroll horizontally */
table td:first-child {
    position: sticky;
    left: 0;
/*    background-color: #E4F0FC !important; */
    z-index: 2; 
    border-right: 1px solid #ddd; 
}

/* Change top left cell background color to a darker blue 
.informaltable th:first-child {
    position: sticky;
    left: 0;
    background-color: #E4F0FC !important; 
    z-index: 2; 
    border-right: 1px solid #ddd; 
} */

/* Bold informaltable headers */
.informaltable th p {
    font-weight: bold;
}