body,
        .body {
            font-family: 'articulat-cf', sans-serif;
            font-size: 16px;
            counter-reset: figure 0 table 0 step 0;
            background-color: white;
            color: rgb(68, 68, 68);
            position: relative;
        }
        
        body {
            counter-reset: figure 0 table 0 step 0;
            margin: 0;
            position: relative;
        }
        /* colors */
        
        .bc-navy,
        .bc-bluesteel {
            color: rgb(8, 8, 140);
        }
        
        .bcbk-navy,
        .bcbk-bluesteel {
            background-color: rgb(8, 8, 140);
        }
        
        .bc-navy-dark {
            color: rgb(3, 13, 40);
        }
        
        .bcbk-navydark {
            background-color: rgb(3, 13, 40);
        }
        
        .bc-turquoise {
            color: #00EAE4;
        }
        
        .bcbk-turquoise {
            background-color: #00EAE4;
        }
        
        .bc-orange {
            color: #F76531;
        }
        
        .bcbk-orange {
            background-color: #F76531;
        }
        
        .bc-yellow {
            color: #EFD900;
        }
        
        .bcbk-yellow {
            background-color: #EFD900;
        }

        .bc-purple {
          color: #AA6c7E;
        }

        .bcbk-purple {
          background-color: #AA6c7E;
        }
        
        .bc-blue {
          color: #4EA9D1;
        }

        .bcbk-blue {
          background-color: #4EA9D1;
        }
        
        a,
        .a,
        a::visited,
        a::hover {
            color: #306680 !important;
        }
        /* article should contain all content that we edit */
        
        article,
        bcls-article {
            padding: 1em;
            max-width: 1200px;
        }
        
        article a,
        .bcls-article a {
            color: #306680;
            border-bottom: 1px #306680 solid;
        }
        
        article li>a,
        .bcls-article li>a {
            /* border-bottom: none; */
        }
        
        article>i,
        .bcls-article>i {
            float: left;
            margin-right: .2em;
        }
        
        article>summary {
            display: block !important;
        }

        #main_content, #side_nav {
            transition: margin-left 0.5s;
        }
        
        header a {
            color: #306680;
        }
        
        ul>li a {
            color: #306680;
        }
        /* bootstrap container */
        
        div.container {
            padding-left: 1em;
            margin-left: 0;
            padding-right: 1em;
            margin-right: -3em;
            min-width: 100%;
        }
        /* landing page for site section with sub-sections */
        
        .flex-container {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            justify-content: flex-start;
        }
        
        .flex-container div {
            padding: 1em;
        }
        
        .flex-container div li {
            margin-left: -1.5em;
        }
        /* send to new tab/page (for iframe) */
        
        #open_new_tab {
            float: right;
        }
        /* page sections */
        
        .bcls-section {
            margin-top: 2.5em;
            padding-top: .5em;
            border-top: 1px #CCC solid;
        }
        
        .bcls-section-inline {
            border-top: 1px #CCC solid;
            display: inline-block;
            margin-right: 6rem;
            margin-top: 2.5em;
            padding-top: .5em;
            max-width: 45%;
            vertical-align: top;
        }
        
        .bcls-section-inline-right {
            border-top: 1px #CCC solid;
            display: inline-block;
            margin-right: 0;
            margin-top: 2.5em;
            padding-top: .5em;
            max-width: 45%;
            vertical-align: top;
        }
        
        .bcls-subsection {
            margin-left: 1em;
        }
        /**** color classes ********* */
        
        .bcl-white {
            color: #ffffff;
        }
        
        .bcl-green {
            color: #9eb84e;
        }
        
        .bcl-green-back {
            background-color: #9eb84e;
        }
        
        .bcl-teal {
            color: #079bb3;
        }
        
        .bcl-teal-back {
            background-color: #D0E0E3;
        }
        
        .bcl-orange {
            color: #f3951d;
        }
        
        .bcl-orange-back {
            background-color: #f3951d;
        }
        
        .bcl-red {
            color: #cc0000;
        }
        
        .bcl-red-back {
            background-color: #F4CCCC;
        }
        
        td>code {
            white-space: nowrap;
            font-size: inherit;
        }
        
        td>ul {
            margin-left: -1rem;
        }
        /* table styles */
        
        .bcls-table {
            border-collapse: collapse;
            border: 1px #ccc solid;
            margin-bottom: 2em;
        }
        
        .bcls-table-release-notes td {
            vertical-align: top;
            padding: 1rem;
        }
        
        .bcls-table-release-notes {
            width: 100%;
            min-width: 100%;
        }
        
        .bcls-table-release-notes tr {
            border-bottom: 1px rgb(248, 248, 248) solid;
        }
        
        .bcls-table-release-notes ul {
            list-style-type: square !important;
        }
        
        .bcls-table-release-notes li {
            margin-left: -1.5em;
        }
        
        .bcls-table .bcls-table__head,
        .bcls-table-release-notes .bcls-table__head {
            background-color: #ddd;
        }
        
        .bcls-table .bcls-table__head th,
        .bcls-table-release-notes .bcls-table__head th {
            border: 1px #ccc solid;
            padding: .5em;
        }
        
        .bcls-table .bcls-table__body td,
        .bcls-table-release-notes .bcls-table__body td {
            border: 1px #ccc solid;
            padding: .5em;
        }
        
        .bcls-caption--table {
            font-size: .7em;
        }
        
        .bcls-caption--table:before {
            counter-increment: table;
            content: "Table "counter(table) ": ";
        }
        /* task list for steps */
        
        .bcls-tasklist {
            list-style-type: none;
            margin-left: 0;
        }
        
        .bcls-tasklist>li::before {
            color: #a1a1a1;
            content: counters(step, ".") " ";
            font-size: 1.5em;
            font-weight: bold;
            left: -2em;
            line-height: 1;
            position: absolute;
            text-align: right;
            top: 0;
            width: 1.5em;
        }
        
        .bcls-tasklist>li {
            border-left: 5px solid #ddd;
            margin-bottom: 20px;
            min-height: 1.7em;
            padding-left: 1em;
            position: relative;
            counter-increment: step;
        }
        
        .bcls-tasklist ul,
        .bcls-tasklist ol {
            margin-bottom: 1rem;
            ;
        }
        /* .bcls-tasklist ol li:before {
  content: '';
} */
        
        .bcls-tasklist-restart {
            list-style-type: none;
            margin-left: 0;
            counter-reset: rstep calc(var(--s) - 1);
        }
        
        .bcls-tasklist-restart>li {
            border-left: 5px solid #ddd;
            margin-bottom: 20px;
            min-height: 1.7em;
            padding-left: 1em;
            position: relative;
            counter-increment: rstep;
        }
        
        .bcls-tasklist-restart>li::before {
            color: #a1a1a1;
            content: counter(rstep, ".") " ";
            /* counter-increment: rstep; */
            font-size: 1.5em;
            font-weight: bold;
            left: -2em;
            line-height: 1;
            position: absolute;
            text-align: right;
            top: 0;
            width: 1.5em;
        }
        
        .bcls-tasklist-restart ul,
        .bcls-tasklist-restart ol {
            margin-bottom: 1rem;
            ;
        }
        /* .bcls-tasklist-restart ol li::before {
  content: '';
} */
        
        .bcl-highlight,
        .bcls-highlight {
            background-color: rgb(255, 255, 201);
            border: 1px rgb(255, 204, 52) solid;
            padding: 1px;
        }
        
        .bcls-input {
            background-color: rgb(254, 246, 238);
            border: 1px rgb(200, 119, 163) solid;
            padding: 1px;
        }
        
        .inpage-highlight {
            color: rgb(239, 251, 255);
            background-color: rgb(82, 186, 203);
        }
        
        .inactive {
            opacity: .5;
            color: #666;
            cursor: not-allowed;
        }
        /* images */
        
        .bcls-image {
            border: 1px #ccc solid;
        }
        
        .bcls-image--no-border {
            border: none;
        }
        
        img {
            /* margin-top: 1em;
  margin-bottom: 1rem; */
            max-width: 100%;
            height: auto;
        }
        
        .ui-image {
            cursor: not-allowed;
            width: auto;
            vertical-align: text-bottom;
            height: 1.5em;
        }
        
        .imageWithText {
            width: auto;
            vertical-align: text-bottom;
            height: 1.5em;
        }
        
        .bcls-caption--image {
            font-size: .7em;
        }
        
        .bcls-fieldset {
            border: 1px #cccccc solid;
            padding: 1em;
            margin: 1em
        }
        
        .bcls-fieldset legend {
            text-align: center
        }
        
        .bcls-caption--image:before {
            counter-increment: figure;
            content: "Figure "counter(figure) ": ";
        }
        
        .no-border {
            border: none;
        }
        
        figcaption {
            font-size: .7em;
        }
        /* used for Analytics API doc */
        
        .fields-list-col {
            display: inline-block;
            padding: .5em;
            vertical-align: top;
        }
        
        .bcls-button {
            background-color: #08088C;
            border-radius: .5em;
            color: #eee;
            cursor: pointer;
            font-size: .8em;
            font-weight: bold;
            padding: 1em;
        }
        
        .bcls-button:hover {
            background-color: #08088C;
            border: 1px rgb(255, 217, 110) solid;
            color: rgb(255, 217, 110);
        }
        /* info, tips, warnings */
        
        .bcls-aside {
            margin-bottom: 1em;
            padding: 1em 2em 1em 3.5em;
        }
        
        .bcls-aside code {
            font-size: inherit;
        }
        
        .bcls-aside--information {
            background-color: #c9e2ef;
            border: none;
            border-left: 4px solid #4EA9D1;
        }
        
        .bcls-aside--information:before {
            content: url(/assets/s-site-assets-images/asides/info.svg);
            float: left;
            margin-left: -2.5em;
        }
        
        .bcls-aside--tip {
            background-color: #fdfcf2;
            border-left: 4px solid #EFD900;
        }
        
        .bcls-aside--tip:before {
            content: url(/assets/s-site-assets-images/asides/lightbulb-green.webp);
            float: left;
            /* color: rgb(8, 8, 139);
  height: 28px; */
            margin-left: -3em;
        }
        
        .bcls-aside--warning {
            background-color: #f2e2e6;
            border-left: 4px solid #AA6C7E;
        }
        
        .bcls-aside--warning code {
            color: #FF5000 !important;
        }
        
        .bcls-aside--warning:before {
            content: url(/assets/s-site-assets-images/asides/alert-triangle-orange.svg);
            float: left;
            margin-left: -2.5em;
        }
        /*buttons - keeping this for old docs in case still used */
        
        button.bcls-button,
        .BCL-btn,
        .BCLbutton,
        span.bcls-button,
        .bcls-button {
            padding: 5px;
            margin: 10px !important;
            border-radius: 5px !important;
            background-color: #333333 !important;
            white-space: nowrap;
            font-size: small;
            font-weight: bold;
            color: rgb(255, 255, 255) !important;
            cursor: pointer;
        }
        
        button.bcls-button__version {
            width: 170px;
            font-size: small;
            color: rgb(245, 245, 245);
        }
        
        p span.bcls-button {
            padding: 5px;
            margin: 10px;
            border-radius: 5px;
            background-color: rgb(77, 80, 86);
            white-space: nowrap;
            font-size: small;
            color: rgb(255, 255, 255);
            cursor: pointer;
        }
        /* for collapsible sections */
        
        .bcls-expander-head:before {
            content: '+';
            font-size: .6em;
            width: .7em;
            height: .5em;
            padding-bottom: .1em;
            padding-left: .35em;
            padding-right: .35em;
            padding-top: 0;
            margin-left: -1.5em;
            margin-right: .5em;
            margin-top: -.3em;
            color: #333;
            border: 1px #333 solid;
            border-radius: 50%;
            text-decoration: none;
        }
        
        .bcls-expander-head.changed:before {
            content: '-';
            font-size: .6em;
            width: .7em;
            height: .5em;
            padding-bottom: .1em;
            padding-left: .4em;
            padding-right: .4em;
            padding-top: 0;
            margin-left: -1.5em;
            margin-right: .5em;
            margin-top: -.3em;
            color: #333;
            border: 1px #999 solid;
            border-radius: 50%;
            text-decoration: none;
        }
        
        .bcls-expander-content {
            display: none;
        }
        /*show/hide*/
        
        .bcls-show {
            left: 0;
        }
        
        .bcls-hide {
            left: -9999px;
        }
        
        .inline {
            display: inline;
        }
        
        .display-none {
            display: none;
        }
        
        .display-block {
            display: block;
        }
        /* last updated */
        
        .last-updated {
            color: rgb(136, 136, 136);
            text-align: right;
            margin-right: 12rem;
            font-size: smaller;
        }
        
        ul.menu {
            margin-left: -1em;
        }
        
        .bcls-copyright,
        .gf-links-cols {
            display: inline-block;
        }
        /**** general element styles and classes *********= */
        
        
        ol.integer {
            list-style-type: none;
            counter-reset: li;
        }
        
        ol.integer>li::before {
            content: counter(li);
            counter-increment: li;
            margin-right: .7em;
            font-weight: bold;
        }
        
        code,
        samp {
            color: rgb(160, 82, 45) !important;
            font-size: inherit;
            font-family: 'Source Code Pro', monospace;
            border: none;
        }
        
        pre>code,
        pre>samp,
        .code-area {
            font-family: 'Source Code Pro', monospace;
        }
        
        pre,
        pre[class="line-numbers"],
        .bcls-code {
            background-color: rgb(245, 245, 245);
            font-family: 'Source Code Pro', monospace;
            font-size: 1.1rem;
            margin-bottom: 1.3rem;
            padding: .5rem;
            padding-left: 1rem;
            margin-top: 1rem;
            width: 100%;
        }
        
        .BCL-aside code {
            /* background-color: #DFDFDF; */
        }
        
        dt {
            font-weight: bold;
        }
        
        dd {
            margin-left: 1rem;
        }
        
        .code-area {
            /*border: #666666 1px solid;*/
            background-color: rgb(249, 249, 249);
            border-radius: 5px;
            /* font-size: .9rem; */
            margin-bottom: 1rem;
            padding: 5px;
            width: 100%;
            min-width: 20rem;
        }
        
        fieldset {
            border-radius: 5px;
            border: 1px rgb(51, 51, 51) solid;
        }
        
        select.bcls-select {
            display: inline-block;
            font-size: small;
            font-family: sans-serif;
            font-weight: 500;
            color: #444;
            line-height: 1.3;
            padding: .6em 1.4em .5em .8em;
            box-sizing: border-box;
            margin: 0;
            margin-top: -1rem;
            margin-right: 1rem;
            border: 1px #ccc solid;
            /* box-shadow: 0 1px 0 1px rgba(0,0,0,.04); */
            -moz-appearance: none;
            -webkit-appearance: none;
            appearance: none;
            background: #FFFFFF;
            background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E');
            background-repeat: no-repeat, repeat;
            background-position: right .7em top 50%, 0 0;
            background-size: .65em auto, 100%;
        }
        
        select option,
        .bcls-select option {
            padding: .6em 2em .5em .8em;
        }
        
        select::after,
        .bcls-select::after {
            color: #4d5056;
        }
        
        select {
            background-color: #FFFFFF;
        }
        
        select[multiple] {
            min-height: 200px;
        }
        /* FAQ Styles */
        
        .bcls-question {
            color: #2346b7;
            cursor: pointer;
            font-size: 1em;
        }
        
        .bcls-question:hover {
            text-decoration: underline;
        }
        
        .bcls-question::before {
            content: "+  ";
            font-weight: bold;
            font-size: 1.4rem;
            padding-right: 1rem;
        }
        
        .bcls-answer {
            display: none;
        }
        /**** bcl doc styles **********= */
        /**
   * iframe for spapi samples
   */
        
        .bcls-iframe {
            background-color: rgb(249, 249, 249);
            width: 100%;
            border: 1px #999 solid;
            border-radius: 10px;
            margin: 0;
            padding: 10px;
        }
        /* release notes iframe */
        
        .bcls-release-notes__frame {
            border: none;
            height: 100%;
            width: 100%;
        }
        /*for codepens embedded as iframes*/
        
        #result-iframe {
            border: 1px solid #CCCCCC;
        }
        
        .bcls-expander-head {
            color: rgb(11, 155, 179);
            cursor: pointer;
        }
        
        #expanderSign {
            color: #333333;
            text-decoration: none;
        }
        
        .gist .line-data {
            line-height: 1.4;
        }
        /* Jekyll layout styles */
        /* search */
        
        .search-bar {
            margin-top: .5em;
            margin-bottom: 1em;
            /* padding-bottom: .8em; */
            /* background-color: white; */
            ;
        }
        
        #search-box {
            width: 400px;
            height: 43px;
            margin: 0 auto;
            border-radius: 40px;
            overflow: hidden;
            background-color: white;
        }
        
        [aria-current="page"], .bcls-active {
            /* color: #EFD900 !important;
            background-color: #4EA9D1; */
            font-weight: bold;
        }
        /* docs header */
        
        .div-header {
            background-color: white;
            color: rgb(68, 68, 68);
            clear: both;
            margin-left: 1rem;
            margin-right: 0;
            margin-top: 0;
            padding-left: 1rem;
            padding-top: .5rem;
            padding-bottom: .5rem;
            min-height: 4em;
            text-align: right;
            vertical-align: middle;
            /* padding: .4rem; */
            ;
        }
        
        .product-logo {
            float: left;
            border: none;
            margin-top: .5rem;
            margin-bottom: 0;
            vertical-align: middle;
            max-height: 32px;
            width: auto;
            max-width: 250px;
        }
        
        .secondary-nav {
            margin-top: 1.3em;
            margin-right: .3em;
            vertical-align: middle;
            color: rgb(229, 230, 230);
            font-size: .875rem;
            line-height: 1.5em;
            vertical-align: middle;
        }
        
        body>header>div>select {
            min-width: 150px;
            font-size: small;
        }
        
        .secondary-nav svg {
            /* padding-top: .2em; */
            height: 1.4rem;
            padding-top: .3rem;
            vertical-align: top;
            margin-right: .3em;
            /* margin-top: .7rem; */
        }
        
        .secondary-nav a {
            vertical-align: middle;
            /* color: #08088c i !important; */
        }
        /* breadcrumb */
        
        .breadcrumb-wrapper {
            background-color: #4EA9D1;
            font-size: .8125rem;
        }
        /* navigation */
        
        .sidenav {
            /* overflow-y: scroll; */
            font-size: .8rem;
            color: rgb(249, 249, 249);
            padding-top: 1em;
        }
        
        .sidenav h5 {
            font-size: .8rem;
            padding: .2rem;
            color: inherit;
            min-width: 100%;
            margin: .3rem 0 .3rem;
            padding-left: 1rem;
        }
        
        .sidenav h5 a {
            font-size: .8rem;
            color: #4D5056;
            margin-left: -.9rem;
            padding: .3rem;
            padding-left: 1rem;
        }
        
        .sidenav h5.submenu-header {
            color: inherit;
            margin-left: .2rem;
            padding: .3rem;
            padding-left: 1rem;
        }
        
        .sidenav li.submenu-header {
            color: inherit;
            margin-left: -1.2rem;
            padding: .2rem;
            padding-left: 1rem;
        }
        
        .sidenav a ::visited {
            color: #4D5056;
        }
        
        .sidenav ul {
            list-style: none;
            margin-left: -1.6rem;
        }
        
        .sidenav ul li {
            margin-left: -1em;
            font-size: .8rem;
        }
        
        .sidenav ul li a {
            /* margin-left: -1em; */
            font-size: .8rem;
            /* margin-left: -2rem; */
            padding: .3rem;
            padding-left: 2rem;
            padding-left: 2.25rem;
            white-space: pre;
            color: #4D5056;
        }
        
        ul.sidenav-submenu li {
            list-style: none;
            padding: .3rem;
            /* padding-left: 3.5rem; */
        }
        
        ul.sidenav-subsubmenu {
            list-style-type: none;
            margin-left: -2.4rem;
        }
        
        ul.sidenav-subsubmenu li {
            list-style: none;
            padding: .2rem;
            padding-left: 2rem;
        }
        
        .sidenav-submenu a ::visited {
            color: #4D5056;
        }
        
        .sidenav-submenu a {
            color: #4D5056;
        }
        
        .sidenav li {
            padding-left: 100%;
        }
        
        .right-side-bar {
            background-color: white;
            margin-top: -1em;
            margin-bottom: -1em;
            padding-top: 1em;
            padding-bottom: 1em;
            position: relative;
            color: rgb(68, 68, 68);
        }
        
        .side-nav-container {
            position: -webkit-sticky;
            position: sticky;
            top: 12em;
        }
        
        .right-side-nav {
            padding: .2em;
            color: #01050E;
            border-left: 1px solid #e5e5e6;
            /* margin-top:13em; */
            position: -webkit-sticky;
            position: sticky;
            top: 6em;
            margin-right: 1.2em;
            display: none;
        }
        
        .right-side-nav a {
            color: #4D5056;
        }
        
        #centered_inpage_nav {
            padding: 0;
            color: #4D5056;
            display: none;
            margin-left: 10%;
            margin-right: 10%;
            margin-top: 1em;
        }
        
        .right-side-nav h6 {
            color: #4D5056;
            font-size: .875rem;
            margin-left: 1em;
            margin-top: .5em;
        }
        
        #centered_inpage_nav h6 {
            font-size: small;
            display: inline;
        }
        
        #in_page_nav li,
        #centered_in_page_toc li {
            margin-bottom: .5em;
            color: #4D5056;
            padding-left: 3px;
        }

        #in_page_nav li.in-view,
        #centered_in_page_toc li.in-view {
            font-weight: bold;
        }
        
        #in_page_nav li a,
        #centered_in_page_toc li a {
            color: #4D5056;
        }
        
        .right-side-nav li>a,
        .right-side-nav li>a::visited,
        #centered_inpage_nav li>a,
        #centered_inpage_nav li>a::visited {
            color: #4D5056;
        }
        
        .right-side-nav li,
        #centered_inpage_nav li {
            color: #4D5056;
            font-size: small;
        }
        
        .gf-links-cols {
            color: rgb(249, 249, 249);
            text-align: right;
            font-size: 2rem;
        }
        
        /* main content  */
        #main_content {
            color: #333333;
            margin-top: -1em;
            margin-bottom: -1em;
            padding-bottom:1em;
        }
        
        h5.landing-page-item-header {
            font-size: 1rem;
        }
        
        /* .landing-page-item li {
            font-size: .9rem;
        } */
        
        span.product-logo {
            white-space: nowrap;
            height: 3rem;
        }

        span.product-logo img {
            height: 100%;
        }
        /* headings */
        
        h1,
        h2,
        h3,
        h4,
        h5 {
            color: rgb(1, 5, 14);
            margin: 2.75rem 0 1.05rem;
            font-weight: 400;
            line-height: 1.15;
        }
        
        h1 {
            font-size: 3.157rem;
            font-family: 'articulat-cf', sans-serif;
            font-weight: 800;
            /* margin-left: 12px; */
            letter-spacing: -1px;
        }
        
        h2 {
            font-size: 2.2rem;
            font-weight: 800;
            letter-spacing: -0.5px;
        }
        
        h3 {
            font-size: 1.777rem;
            font-weight: 700;
            letter-spacing: -0.5px;
        }
        
        h4 {
            font-weight: 1.25rem;
            font-weight: 700;
            letter-spacing: -0.25px;
        }
        
        h5 {
            font-size: 1em;
            font-weight: 600;
            letter-spacing: -.2px;
        }
        
        h6 {
            font-weight: 600;
        }
        
        h6.toc {
            margin-top: 1em;
            margin-left: 1em;
        }
        
        header {
            min-width: 100%;
        }
        
        small,
        .text_small {
            font-size: .875rem;
        }
        /* footer */
        
        .footer .row {
            align-content: space-evenly;
            width: 100%;
        }

        .footer-wrapper {
          padding-bottom: 150px;
        }
        
        .footer,
        .bcls-footer {
            background-color: rgb(1, 5, 14);
            bottom: 0;
            position: absolute;
            color: rgb(255, 255, 255);
            left: 0;
            margin-top: 2em;
            padding-left: 30%;
            position: relative;
            text-align: left;
            width: 100%;
            height: 150px;
        }
        
        .bc-footer-logo {
            float: left;
            height: 32px;
            margin-left: -15em;
        }
        
        .footer-menu {
            display: inline-block;
            font-size: .8em;
            margin-right: 6rem;
            margin-left: -1.25rem;
        }
        
        footer i,
        .footer a,
        .bcls-footer a {
            color: #ffffff;
        }
        
        footer i {
            margin-right: 1em;
        }
        
        footer {
            margin-top: 2em;
            /* background-color: #515151; */
            bottom: 0;
            color: rgb(255, 255, 255);
            font-size: smaller;
            padding: 1em;
            position: relative;
            min-width: 100%;
            text-align: left;
        }
        
        footer h2 {
            font-size: .875rem;
            font-weight: bold;
            margin: 0;
            text-align: left;
            color: rgb(255, 255, 255);
        }
        
        footer nav {
            vertical-align: top;
            display: inline-block;
            margin-bottom: 1em;
            margin-left: -1em;
            margin-right: 6rem;
        }
        
        div.bcls-copyright {
            color: inherit;
        }
        
        footer nav li {
            display: block;
            margin-left: -1.5rem;
        }
        
        footer td {
            padding-left: 0;
            padding-right: 2.5rem;
            font-size: small;
        }
        /* site */
        
        .image_display {
            vertical-align: top;
            display: inline-block;
            width: 45%;
            border: 1px solid black;
            margin: 5px;
        }
        
        .small_image {
            vertical-align: top;
            display: inline-block;
            border: 1px solid black;
            margin: 5px;
        }
        
        .series_details {
            vertical-align: top;
            display: inline-block;
            min-height: 500px;
            border: 1px solid black;
            margin: 5px;
        }
        /* side nav */
        
        .left-side-bar {
            background-color: #f9f9f9;
            color: #4D5056;
            font-size: .875rem;
            max-width: 425px;
            margin-top: -1rem;
            padding-top: 1rem;
        }
        
        right-side-bar {
            background-color: rgb(239, 251, 255);
            color: rgb(11, 155, 179);
        }
        /* landing page sections */
        
        .tabs .tab-links li.active a {
            background-color: rgb(8, 8, 140);
            color: #ffffff;
        }
        
        .bcls-topic-list,
        .bcls-topic-list ul {
            margin-left: -1rem;
        }
        
        .bcls-topic-list a {
            color: #306680;
        }
        
        .card-wrapper {
            display: flex;
            justify-content: start;
            flex-wrap: wrap;
        }
        
        .card-wrapper a {
            color: #306680;
        }
        
        .card-wrapper ul {
            margin-left: -1rem;
        }
        
        .bcls-card {
            padding: .5rem;
            cursor: pointer;
            display: inline-flex;
            justify-content: start;
            vertical-align: top;
            width: 45%;
            max-width: 45%;
            min-width: 200px;
        }
        
        .bcls-card h2 {
            color: #01050E;
            font-size: 1.333rem;
            font-weight: 700;
            letter-spacing: -0.25px;
        }
        
        .bcls-card ul {
            margin-left: -1rem;
        }
        
        .card-icon .feather,
        .card-icon img {
            color: rgb(9, 7, 140);
            height: 2rem;
            font-size: 2rem;
        }
        
        .header-icon {
            color: rgb(9, 7, 140);
            width: 1em;
            height: 1em;
            vertical-align: text-top;
        }
        
        .bcls-icon {
            height: 1rem;
            width: 1rem;
        }
        
        .bcls-icon-blue {
            color: rgb(9, 45, 189);
        }
        
        .bcls-icon-orange {
            color: rgb(254, 82, 9);
        }
        
        .bcls-icon-yellow {
            color: rgb(254, 232, 22);
        }
        
        .bcls-icon-aqua {
            color: rgb(0, 235, 228);
        }
        
        .bcls-card-small {
            padding: .5rem;
            cursor: pointer;
            display: inline-flex;
            /* min-height: 275px; */
            /* margin: 1em; */
            /* max-height: 350px; */
            vertical-align: top;
            width: 30%;
            max-width: 30%;
            min-width: 300px;
        }
        
        .bcls-card-small h3 {
            color: #01050E;
            font-size: 1.333rem;
            font-weight: 700;
            letter-spacing: -0.25px;
        }
        
        .bcls-card-small h2 {
            color: #01050E;
            font-size: 1.333rem;
            font-weight: 700;
            letter-spacing: -0.25px;
        }
        
        .bcls-card-small ul {
            margin-left: -1rem;
        }
        
        .bcls-card::hover {
            box-shadow: 0px 10px 20px 0 RGB(51, 204, 204);
            -webkit-transition: -webkit-box-shadow 0.3s ease-in;
            transition: -webkit-box-shadow 0.3s ease-in;
            transition: box-shadow 0.3s ease-in;
            transition: box-shadow 0.3s ease-in, -webkit-box-shadow 0.3s ease-in;
        }
        
        .bcls-card-wide {
            padding: 5%;
            box-shadow: 0px 5px 15px 0 RGB(204, 204, 204);
            -webkit-transition: -webkit-box-shadow 0.3s ease-in;
            cursor: pointer;
            display: block;
            height: 12em;
            ;
            margin-bottom: 1.5em;
            position: relative;
            transition: -webkit-box-shadow 0.3s ease-in;
            transition: box-shadow 0.3s ease-in;
            transition: box-shadow 0.3s ease-in, -webkit-box-shadow 0.3s ease-in;
        }
        
        div.card-content>h2 {
            font-size: 1.333rem;
            font-weight: 700;
            letter-spacing: -0.25px
        }
        /* .bcls-card i, .bcls-card-wide span {
  float: left;
  margin-right: .5em;
} */
        
        .bcls-card-wide ul {
            /* list-style: none; */
        }
        
        .bcls-card p,
        .bcls-card-wide p {
            clear: left;
        }
        
        .breadcrumb {
            padding-left: 2rem;
            background-color: #4EA9D1;
        }
        
        .breadcrumb-item {
            font-size: .875em;
        }
        /* breadcrumb divider */
        
        .arr-right .breadcrumb-item.breadcrumb-item::before {
            content: "›";
            vertical-align: top;
            color: #FFFFFF;
            font-size: 1rem;
            line-height: 18px;
        }
        
        .arr-right .breadcrumb-item.first-item::before {
            content: "";
        }
        
        .arr-right .breadcrumb-item:first-of-type::before {
            content: "";
        }
        
        body>header>nav>ol>li:nth-child(1)>a::before {
            content: "";
        }
        
        .breadcrumb-item a,
        .breadcrumb-item.first-item a {
            color: #FFFFFF !important;
            font-weight: normal;
        }
        
        .breadcrumb-item.active,
        .breadcrumb-item.first-item.active {
            color:#EFD900;
        }
        
        body>header>nav {
            clear: left;
        }
        
        .btn-group-vertical>.btn-group:after,
        .btn-group-vertical>.btn-group:before,
        .btn-toolbar:after,
        .btn-toolbar:before,
        .clearfix:after,
        .clearfix:before,
        .container-fluid:after,
        .container-fluid:before,
        .container:after,
        .container:before,
        .dl-horizontal dd:after,
        .dl-horizontal dd:before,
        .form-horizontal .form-group:after,
        .form-horizontal .form-group:before,
        .modal-footer:after,
        .modal-footer:before,
        .modal-header:after,
        .modal-header:before,
        .nav:after,
        .nav:before,
        .navbar-collapse:after,
        .navbar-collapse:before,
        .navbar-header:after,
        .navbar-header:before,
        .navbar:after,
        .navbar:before,
        .pager:after,
        .pager:before,
        .panel-body:after,
        .panel-body:before,
        .row:after,
        .row:before {
            display: table;
            content: " "
        }
        
        .btn-group-vertical>.btn-group:after,
        .btn-toolbar:after,
        .clearfix:after,
        .container-fluid:after,
        .container:after,
        .dl-horizontal dd:after,
        .form-horizontal .form-group:after,
        .modal-footer:after,
        .modal-header:after,
        .nav:after,
        .navbar-collapse:after,
        .navbar-header:after,
        .navbar:after,
        .pager:after,
        .panel-body:after,
        .row:after {
            clear: both
        }
        
        .nav-icon {
            width: 1.5em;
            ;
        }
        
        #site_select {
            width: 80%;
        }
        
        @media only screen and (min-width: 64.063em) {
            /**** show/hide & inline ****/
            .height-zero {
                height: 0;
                max-height: 0;
                margin-left: -9999px;
            }
            .height-auto {
                height: auto;
                max-height: auto;
                margin-left: auto;
            }
            .bcls-show {
                left: 0;
            }
            .bcls-hide {
                left: -9999px;
            }
            .inline {
                display: inline;
            }
            .inline-block {
                display: inline-block;
            }
            .display-none {
                display: none;
            }
            .display-block {
                display: block;
            }
            .display-unset {
                display: auto;
            }
            /* for list without bullets */
            .list-none {
                list-style-type: none;
            }
            .list-none li {
                margin-left: -2em;
            }
            /* in-app help text buttons */
            .button-blue,
            .button-blue-text,
            .button-blue-text-bordered,
            .button-red,
            .button-red-text,
            .button-gray {
                /* font-family: 'articulat-cf'; */
                font-weight: bold;
                font-size: .9rem;
                padding: .4rem;
                white-space: nowrap;
            }
            .button-blue {
                color: rgb(255, 255, 255);
                background-color: rgb(9, 45, 189);
            }
            .button-blue-text {
                color: rgb(8, 8, 140);
                background-color: rgb(255, 255, 255);
            }
            .button-blue-text-bordered {
                color: rgb(8, 8, 140);
                background-color: rgb(255, 255, 255);
                border: 1px rgb(229, 230, 230) solid;
                border-radius: 1px;
            }
            .button-red {
                color: rgb(255, 255, 255);
                background-color: rgb(211, 61, 0);
            }
            .button-red-text {
                color: rgb(211, 61, 0);
                background-color: rgb(255, 255, 255);
            }
            .button-red-text-border {
                color: rgb(211, 61, 0);
                background-color: rgb(255, 255, 255);
                border: 1px rgb(211, 61, 0) solid;
                border-radius: 2px;
                padding: 4px;
                ;
            }
            .button-gray {
                background-color: rgb(242, 244, 249);
            }
            .button-icon {
                white-space: nowrap;
                padding-right: .15rem;
                height: 1rem;
            }
        }
        /* for phones and embedded pages */
        
        @media screen and (max-width: 1000px) {
            h1 {
                font-size: 2.2em !important;
            }
            h2 {
                font-size: 1.9em !important;
            }
            h3 {
                font-size: 1.5em !important;
            }
            h4 {
                font-size: 1.3em !important;
            }
            h5 {
                font-size: 1.1em !important;
            }
            h1 i.fal,
            h1 i.fab,
            h1 i.fas,
            h1 i.far {
                display: none;
            }
        }