@charset "UTF-8";

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
#mega .selected,
#mega [aria-expanded],
#mega header .utilities .link,
.announcement-item,
.code-withcopy,
.container,
.container>.row,
.tooltip,
[class*=code-],
[id^=anchor],
sub,
sup {
    position: relative
}

h2,
h3 {
    margin-top: 32px
}

h4,
h5,
h6 {
    margin-top: 24px
}

li p {
    margin-top: 4px
}

li.jump-to-sheet {
    margin-top: 6px !important;
}

#results-videos .search-result i,
.card i,
.grid .search-result i,
.search-result small span:last-child,
.xref i,
table caption {
    font-style: normal
}

footer ul li,
table {
    margin-bottom: 15px
}

#IntegratingData .col-4.image img,
.sense-middle-back {
    transform: scaleX(-1)
}

.icon:after,
button,
select {
    text-transform: none
}

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

#cookie-box.show,
#mega .pushdown-list.documentation-list .tablist li,
#topicContent figure img,
#video-box.show,
.MCDropDown_Open .MCDropDownBody,
.MCTextPopup.open .MCTextPopupBody,
.caption img,
.dropdown [aria-expanded=true]+*,
.expandable-button[aria-expanded=true]+[role=region],
.feedback.thankyou+#feedback-thankyou,
.filters-info-group .sorting button[aria-expanded=true]+ul,
.rss-channel-page .rss-items>li>a,
.search-extras.regular .search-feedback,
.search-feedback-wrapper.show,
.search-provider.active,
.search-result a,
.tooltip .tooltip-info[aria-hidden=false],
.vertical-filters ul button[aria-expanded=true]+ul,
.vertical-filters ul input[type=radio]:checked+label+ul,
.videos .search-provider,
.whats-filters .time-period-date.show,
.whats-filters input[data-type=vidyard]:checked+label+ul,
.whats-filters input[id^=qlikhelptopics]:checked+label+ul,
.whats-filters label span.dbox,
.whats-new-page.show-page-actions .hidden-filters-close,
article,
aside,
aside.navigation .tree-header .navigation-help.show,
aside.navigation [role=treeitem][aria-expanded=true]>ul,
body.show-announcement-banner #announcement-banner,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

#breadcrumb.home,
#filter-header[aria-hidden=true],
#mega .language-mobile,
#mega .logo.mobile,
#mega .mobile-menu-button.mobile,
#mega .more-resources-mobile,
#mega .pushdown-list.documentation-list .tablist-mobile-button,
#mega header .navigation .announcements-link.active,
#mega nav>ul>li.announcements-link,
#pagination input,
#pagination nav span,
#provider-list button.button.filled.show-more[disabled],
#video-box .wrapper h1,
.MCDropDown_Closed .MCDropDownBody,
.MCTextPopup .MCTextPopupBody,
.amp.hide,
.anchor-list :last-child::after,
.archived-note.home,
.button.disabled,
.container.search-page .action-buttons,
.container.search-page .back,
.container.search-page .nav,
.container.search-page.videos .filter-type,
.expandable-button[aria-expanded=false]+[role=region],
.feedback.filters.thankyou,
.filter-types .level2[aria-hidden=true],
.filter-view,
.filters-info-group .clear-all:after,
.hero-nav ul li:last-child::after,
.hidden-toc .content .navigation-pane>.navigation,
.horizontal-nav .level2,
.horizontal-nav .nav-button,
.horizontal-nav ul ul.sub-nav,
.horizontal-nav+.container .tree-header,
.inline-toc a:after,
.letter-index .xref[href^="#"]:after,
.letter-index a[href^="#"]:after,
.mobile-filter-button,
.mobile-menu-open .disclaimer,
.next-nav .next-topic a.no-topic,
.nrResults:empty,
.rss-channel-page .rss-items>li h2,
.search-box .search-cancel,
.search-box.videos>label,
.search-extras.regular .search-feedback .search-feedback-button::after,
.search-feedback-wrapper .search-feedback-box.hidden,
.search-feedback-wrapper a.search-feedback-close:after,
.search-page .filters-close,
.search-page .hidden-filters-close,
.search-page.su__autocomplete-running.su__app-running #mega .search-container,
.search-provider-filters[aria-hidden=true],
.search-provider[aria-hidden=true],
.search-providers,
.search-result h3[id]:before,
.search-result small span:last-child::after,
.search-results .community,
.search-results .knowledge-articles,
.search-results .products,
.search-results .videos,
.see_training,
.switch input,
.switch input:checked+label+label,
.switch input:checked+label::after,
.videos-page .filters-close,
.videos-page .hidden-filters-close,
[hidden],
aside.navigation .horizontal-nav-close-button,
aside.navigation .page-action-items,
aside.navigation .tree-header .content-button,
aside.navigation [role=treeitem][aria-expanded=false]>ul,
aside.navigation ul[role=tree][aria-hidden=true],
body.api .navigation .content-button,
body.mobile-menu-open #announcement-banner,
body.mobile-menu-open #mega .mobile-menu-button,
body.mobile-menu-open #mega .search-container,
dl.versionHistory dt.tag-since,
main .inline-toc .xref:after,
main .inline-toc a:after,
template {
    display: none
}

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: 1px dotted
}

#mega .pushdown-list.documentation-list .tablist,
#mega .pushdown-list.documentation-list .tabpanel>div:first-child,
#topicContent h1 .xref,
#topicContent h1 a,
#topicContent h2 .xref,
#topicContent h2 a,
#topicContent h4 .xref,
#topicContent h4 a,
#topicContent h5 .xref,
#topicContent h5 a,
#topicContent h6 .xref,
#topicContent h6 a,
.inline-toc a,
.list .search-result:first-child,
.search-result figure [class*=vidyard-lightbox-] img,
img,
img.MCDropDown_Image_Icon {
    border: 0
}

.arguments,
.example,
.example_numbered,
.examples,
.examples_results,
.field-name,
.limitations,
.possible_cause_heading,
.proposed_action_heading,
.return_type .autonumber,
.section-label,
.statement,
.syntax_heading,
.token.important,
.ui_item,
.ui_item_external,
b,
optgroup,
strong,
table.TableStyle-LeftBold td:first-child,
table.TableStyle-LeftBoldGrid>tbody>tr>td:first-child {
    font-weight: 700
}

.field-value,
.path,
.user_input,
dfn {
    font-style: italic
}

mark {
    background: #ff0;
    color: #000
}

.content>main,
body {
    background-color: #fff
}

small {
    font-size: 80%;
    margin-left: 2px;
    margin-top: -8px;
    display: table-caption
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline
}

sup {
    top: -.5em;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 60%
}

sub {
    bottom: -.25em
}

img {
    max-width: 100%
}

.horizontal-nav-open,
.migration-page.subpage,
.onboardbox .container.onboardingstep table,
body.no-flow,
body.show-page-actions,
svg:not(:root) {
    overflow: hidden
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

.migration-page,
pre,
textarea {
    overflow: auto
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

h2,
h3,
h4,
h5,
h6 {
    line-height: 1.3
}

h1,
h2,
h3,
h4,
h5,
h6,
p.introduction {
    font-weight: 600
}

body,
p.introduction {
    line-height: 1.5;
    color: #0f0f0f
}

.code-withcopy button.copy-code,
.switch label+label,
body {
    font-family: Inter, Arial, sans-serif
}

button {
    overflow: visible
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],
html input[disabled] {
    cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    height: auto
}

input[type=search] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

#topicContent p>img.border[src*="/Icons/"],
#topicContent p>img.border[src*="/ic_"],
legend {
    border: 0;
    padding: 0
}

.card .card-video,
.filters-info-group .sorting li,
.nopadding,
.third-col-banner.ask a,
.third-col-section a,
body.api #mega .header,
td,
th {
    padding: 0
}

#topicContent .row.gray .col-4,
#topicContent .row.gray .col-6,
#topicContent .row.light .col-4,
#topicContent .row.light .col-6,
.container,
div.govnote ol,
div.govnote>ul,
div.news ol,
div.news>ul,
div.not-in ol,
div.not-in>ul,
div.note ol,
div.note-light ol,
div.note-light>ul,
div.note>ul,
div.tip ol,
div.tip>ul,
div.warning ol,
div.warning>ul,
div.wf-note ol,
div.wf-note>ul {
    padding-left: 15px
}

.container {
    padding-right: 15px;
    -ms-word-break: break-word;
    word-break: break-word;
    margin-left: auto;
    margin-right: auto
}

.container img {
    max-width: 100%
}

@media only screen and (min-width:921px) {
    .container {
        width: 1300px
    }

    .col-1,
    .col-10,
    .col-11,
    .col-12,
    .col-2,
    .col-3,
    .col-4,
    .col-5,
    .col-6,
    .col-7,
    .col-8,
    .col-9 {
        float: left
    }

    .col-12 {
        width: 100%
    }

    .col-11 {
        width: 91.66666667%
    }

    .col-10 {
        width: 83.33333333%
    }

    .col-9 {
        width: 75%
    }

    .col-8 {
        width: 66.66666667%
    }

    .col-7 {
        width: 58.33333333%
    }

    .col-6 {
        width: 50%
    }

    .col-5 {
        width: 41.66666667%
    }

    .col-4 {
        width: 33.33333333%
    }

    .col-3 {
        width: 25%
    }

    .col-2 {
        width: 16.66666667%
    }

    .col-1 {
        width: 8.33333333%
    }

    .col-pull-12 {
        right: 100%
    }

    .col-pull-11 {
        right: 91.66666667%
    }

    .col-pull-10 {
        right: 83.33333333%
    }

    .col-pull-9 {
        right: 75%
    }

    .col-pull-8 {
        right: 66.66666667%
    }

    .col-pull-7 {
        right: 58.33333333%
    }

    .col-pull-6 {
        right: 50%
    }

    .col-pull-5 {
        right: 41.66666667%
    }

    .col-pull-4 {
        right: 33.33333333%
    }

    .col-pull-3 {
        right: 25%
    }

    .col-pull-2 {
        right: 16.66666667%
    }

    .col-pull-1 {
        right: 8.33333333%
    }

    .col-pull-0 {
        right: auto
    }

    .col-push-12 {
        left: 100%
    }

    .col-push-11 {
        left: 91.66666667%
    }

    .col-push-10 {
        left: 83.33333333%
    }

    .col-push-9 {
        left: 75%
    }

    .col-push-8 {
        left: 66.66666667%
    }

    .col-push-7 {
        left: 58.33333333%
    }

    .col-push-6 {
        left: 50%
    }

    .col-push-5 {
        left: 41.66666667%
    }

    .col-push-4 {
        left: 33.33333333%
    }

    .col-push-3 {
        left: 25%
    }

    .col-push-2 {
        left: 16.66666667%
    }

    .col-push-1 {
        left: 8.33333333%
    }

    .col-push-0 {
        left: auto
    }

    .col-offset-12 {
        margin-left: 100%
    }

    .col-offset-11 {
        margin-left: 91.66666667%
    }

    .col-offset-10 {
        margin-left: 83.33333333%
    }

    .col-offset-9 {
        margin-left: 75%
    }

    .col-offset-8 {
        margin-left: 66.66666667%
    }

    .col-offset-7 {
        margin-left: 58.33333333%
    }

    .col-offset-6 {
        margin-left: 50%
    }

    .col-offset-5 {
        margin-left: 41.66666667%
    }

    .col-offset-4 {
        margin-left: 33.33333333%
    }

    .col-offset-3 {
        margin-left: 25%
    }

    .col-offset-2 {
        margin-left: 16.66666667%
    }

    .col-offset-1 {
        margin-left: 8.33333333%
    }

    .col-offset-0 {
        margin-left: 0
    }
}

@media only screen and (max-width:1366px) {
    .container {
        width: 1024px
    }
}

@media only screen and (max-width:1080px) {
    .container {
        width: 900px
    }
}

.row {
    margin-left: -15px;
    margin-right: -15px
}

.embedded-search .row {
    margin-right: 0;
    margin-left: 0
}

#results-videos .search-result .card-image+.card-content:after,
.card .card-image+.card-content:after,
.filters-info-group:after,
.grid .search-result .card-image+.card-content:after,
.news-item .news-item-header:after,
.search-result figure figcaption:after,
.section:after {
    display: table;
    content: "";
    clear: both
}

.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9 {
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px
}

#cookie-box:after,
#cookie-box:before,
.clearfix:after,
.clearfix:before,
.container:after,
.container:before,
.row:after,
.row:before,
.search:after,
.search:before,
footer li.social-links:after,
footer li.social-links:before {
    content: " ";
    display: table
}

#cookie-box:after,
.clearfix:after,
.container:after,
.row:after,
.search:after,
footer li.social-links:after {
    clear: both
}

.hidden,
.search-result .play-button {
    display: none !important
}

@font-face {
    font-family: "Source Sans Pro";
    font-style: normal;
    font-weight: 300;
    src: local("Source Sans Pro Light"), local("SourceSansPro-Light");
}

@font-face {
    font-family: "Source Sans Pro";
    font-style: italic;
    font-weight: 300;
    src: local("Source Sans Pro Light Italic"), local("SourceSansPro-LightItalic");
}

@font-face {
    font-family: "Source Sans Pro";
    font-style: normal;
    font-weight: 400;
    src: local("Source Sans Pro Regular"), local("SourceSansPro-Regular"), ;
}

@font-face {
    font-family: "Source Sans Pro";
    font-style: italic;
    font-weight: 400;
    src: local("Source Sans Pro Regular Italic"), local("SourceSansPro-RegularItalic");
}

@font-face {
    font-family: "Source Sans Pro";
    font-style: normal;
    font-weight: 600;
    src: local("Source Sans Pro SemiBold"), local("SourceSansPro-SemiBold");
}

@font-face {
    font-family: "Source Sans Pro";
    font-style: italic;
    font-weight: 600;
    src: local("Source Sans Pro SemiBold Italic"), local("SourceSansPro-SemiBoldItalic");
}

@font-face {
    font-family: "Source Sans Pro";
    font-style: normal;
    font-weight: 700;
    src: local("Source Sans Pro Bold"), local("SourceSansPro-Bold");
}

@font-face {
    font-family: "Source Sans Pro";
    font-style: italic;
    font-weight: 700;
    src: local("Source Sans Pro Bold Italic"), local("SourceSansPro-BoldItalic");
}

@font-face {
    font-family: "Source Code Pro";
    font-style: normal;
    font-weight: 300;
    src: local("Source Code Pro Light"), local("SourceCodePro-Light")
}

@font-face {
    font-family: "Source Code Pro";
    font-style: normal;
    font-weight: 400;
    src: local("Source Code Pro Regular"), local("SourceCodePro-Regular")
}

@font-face {
    font-family: "Source Code Pro";
    font-style: normal;
    font-weight: 600;
    src: local("Source Code Pro Semibold"), local("SourceCodePro-Semibold");
}

@font-face {
    font-family: "Source Code Pro";
    font-style: normal;
    font-weight: 700;
    src: local("Source Code Pro Bold"), local("SourceCodePro-Bold");
}


h1 {
    margin: 32px 0 .67em;
    font-size: 2em;
    line-height: 1.2
}

h2 {
    font-size: 1.8em
}

h3 {
    font-size: 1.4em
}

h4 {
    font-size: 1.2em
}

h5 {
    font-size: 1.1em
}

h6 {
    font-size: .92em
}

body,
p {
    font-size: 15px
}

p {
    margin: 16px 0 0
}

p.introduction {
    font-size: 1.1em;
    margin-bottom: 20px;
    margin-top: 12px
}

li p {
    margin-bottom: 0
}

*,
:after,
:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

body {
    margin: 0;
    font-weight: 500;
    width: 100%;
    letter-spacing: -.25px
}

.xref,
a,
button {
    color: #009845;
    text-decoration: none;
    display: inline;
    outline-offset: -6px;
    transition: outline-offset .15s;
    outline-offset: -6px
}

.article .xref:focus,
.article a:focus,
.content a:focus,
.content a>img:focus,
.content input:focus,
.content main .xref:focus,
.content select:focus,
.content textarea:focus,
.xref:focus,
a:focus,
button:focus,
footer a:focus,
footer a>img:focus,
footer input:focus,
footer main .xref:focus,
footer select:focus,
footer textarea:focus,
main a:focus,
main a>img:focus,
main input:focus,
main main .xref:focus,
main select:focus,
main textarea:focus {
    outline-offset: 3px
}

.article .xref,
.article a {
    text-decoration: underline;
    transition: outline-offset .15s;
    outline-offset: -6px
}

#cta-bottom a:hover,
#mega .pushdown-list.documentation-list .tablist a:hover,
#provider-list h2 a:hover,
#provider-list.panel-content a:hover,
#reset-filters a:hover,
#results-videos .search-result a,
#welcome-sense .mini-login-box .text a:hover,
#welcome-sense .sense-welcome-text a:hover,
.MCTextPopup:hover,
.announcement-item a:hover,
.archive nav h2 a:hover,
.archive nav li a:hover,
.article .xref:hover,
.article a:hover,
.card a,
.center-list a,
.course-box h4 a:hover,
.grid .search-result a,
.horizontal-nav h2 a:hover,
.inline-nav a:hover,
.letter-index .xref[href^="#"]:hover,
.letter-index a[href^="#"]:hover,
.onb-intro .qlikworldb .text .cta a:hover,
.page-actions .skip-button:hover,
.page-actions a:hover,
.search-result small:hover,
.vertical-filters .area-filters .tooltip button:hover,
.welcome-box .text a:hover,
.welcome-text p a:hover,
ins[data-status=fallback] {
    text-decoration: none
}

#breadcrumb.home+#topicContent,
#providers,
#topicContent,
.announcements .goto-link,
.search-providers,
main .article .search-box {
    margin-top: 20px
}

#topicContent h1 .xref:hover,
#topicContent h1 a:hover,
#topicContent h2 .xref:hover,
#topicContent h2 a:hover,
#topicContent h4 .xref:hover,
#topicContent h4 a:hover,
#topicContent h5 .xref:hover,
#topicContent h5 a:hover,
#topicContent h6 .xref:hover,
#topicContent h6 a:hover,
h1 .arguments,
h1 .example,
h1 .example_numbered,
h1 .examples,
h1 .examples_results,
h1 .field-name,
h1 .limitations,
h1 .possible_cause_heading,
h1 .proposed_action_heading,
h1 .return_type .autonumber,
h1 .section-label,
h1 .statement,
h1 .syntax_heading,
h1 .ui_item,
h1 .ui_item_external {
    font-weight: inherit
}

#breadcrumb+#topicContent,
#results-videos .search-result .card-content h1:first-child,
#results-videos .search-result .card-content h2:first-child,
#results-videos .search-result .card-content h3:first-child,
#results-videos .search-result .card-content h4:first-child,
#results-videos .search-result .card-content h5:first-child,
#results-videos .search-result .card-content h6:first-child,
#results-videos .search-result .card-content p:first-child,
.archived-note p.header,
.box h1:first-child,
.box h2:first-child,
.box h3:first-child,
.box h4:first-child,
.box h5:first-child,
.box h6:first-child,
.box p:first-child,
.card .card-content h1:first-child,
.card .card-content h2:first-child,
.card .card-content h3:first-child,
.card .card-content h4:first-child,
.card .card-content h5:first-child,
.card .card-content h6:first-child,
.card .card-content p:first-child,
.grid .search-result .card-content h1:first-child,
.grid .search-result .card-content h2:first-child,
.grid .search-result .card-content h3:first-child,
.grid .search-result .card-content h4:first-child,
.grid .search-result .card-content h5:first-child,
.grid .search-result .card-content h6:first-child,
.grid .search-result .card-content p:first-child,
.intro-box .textbox.administer-intro,
.intro-box .textbox.administer-intro h3,
.onboarding-content .text-space h4,
.onboarding-content .text-space h5,
.page-actions nav+.third-col-banner,
.row.landing h1.intro,
.tooltip .tooltip-info ul,
.welcome-box .text p,
[class*=box-] h1:first-child,
[class*=box-] h2:first-child,
[class*=box-] h3:first-child,
[class*=box-] h4:first-child,
[class*=box-] h5:first-child,
[class*=box-] h6:first-child,
[class*=box-] p:first-child,
body.api #mega .mega-logo,
div.govnote h1,
div.govnote h1+p:first-child,
div.govnote h2,
div.govnote h2+p:first-child,
div.govnote h3,
div.govnote h3+p:first-child,
div.govnote h4,
div.govnote h4+p:first-child,
div.govnote h5,
div.govnote h5+p:first-child,
div.govnote h6,
div.govnote h6+p:first-child,
div.govnote>h2:first-of-type,
div.govnote>h3:first-of-type,
div.govnote>h4:first-of-type,
div.govnote>p:first-of-type,
div.news h1,
div.news h1+p:first-child,
div.news h2,
div.news h2+p:first-child,
div.news h3,
div.news h3+p:first-child,
div.news h4,
div.news h4+p:first-child,
div.news h5,
div.news h5+p:first-child,
div.news h6,
div.news h6+p:first-child,
div.news>h2:first-of-type,
div.news>h3:first-of-type,
div.news>h4:first-of-type,
div.news>p:first-of-type,
div.not-in h1,
div.not-in h1+p:first-child,
div.not-in h2,
div.not-in h2+p:first-child,
div.not-in h3,
div.not-in h3+p:first-child,
div.not-in h4,
div.not-in h4+p:first-child,
div.not-in h5,
div.not-in h5+p:first-child,
div.not-in h6,
div.not-in h6+p:first-child,
div.not-in>h2:first-of-type,
div.not-in>h3:first-of-type,
div.not-in>h4:first-of-type,
div.not-in>p:first-of-type,
div.note h1,
div.note h1+p:first-child,
div.note h2,
div.note h2+p:first-child,
div.note h3,
div.note h3+p:first-child,
div.note h4,
div.note h4+p:first-child,
div.note h5,
div.note h5+p:first-child,
div.note h6,
div.note h6+p:first-child,
div.note-light h1,
div.note-light h1+p:first-child,
div.note-light h2,
div.note-light h2+p:first-child,
div.note-light h3,
div.note-light h3+p:first-child,
div.note-light h4,
div.note-light h4+p:first-child,
div.note-light h5,
div.note-light h5+p:first-child,
div.note-light h6,
div.note-light h6+p:first-child,
div.note-light>h2:first-of-type,
div.note-light>h3:first-of-type,
div.note-light>h4:first-of-type,
div.note-light>p:first-of-type,
div.note>h2:first-of-type,
div.note>h3:first-of-type,
div.note>h4:first-of-type,
div.note>p:first-of-type,
div.tip h1,
div.tip h1+p:first-child,
div.tip h2,
div.tip h2+p:first-child,
div.tip h3,
div.tip h3+p:first-child,
div.tip h4,
div.tip h4+p:first-child,
div.tip h5,
div.tip h5+p:first-child,
div.tip h6,
div.tip h6+p:first-child,
div.tip>h2:first-of-type,
div.tip>h3:first-of-type,
div.tip>h4:first-of-type,
div.tip>p:first-of-type,
div.warning h1,
div.warning h1+p:first-child,
div.warning h2,
div.warning h2+p:first-child,
div.warning h3,
div.warning h3+p:first-child,
div.warning h4,
div.warning h4+p:first-child,
div.warning h5,
div.warning h5+p:first-child,
div.warning h6,
div.warning h6+p:first-child,
div.warning>h2:first-of-type,
div.warning>h3:first-of-type,
div.warning>h4:first-of-type,
div.warning>p:first-of-type,
div.wf-note h1,
div.wf-note h1+p:first-child,
div.wf-note h2,
div.wf-note h2+p:first-child,
div.wf-note h3,
div.wf-note h3+p:first-child,
div.wf-note h4,
div.wf-note h4+p:first-child,
div.wf-note h5,
div.wf-note h5+p:first-child,
div.wf-note h6,
div.wf-note h6+p:first-child,
div.wf-note>h2:first-of-type,
div.wf-note>h3:first-of-type,
div.wf-note>h4:first-of-type,
div.wf-note>p:first-of-type {
    margin-top: 0
}

table.TableStyle-LeftBoldGrid>tbody>tr>td,
table.TableStyle-LeftBoldGrid>tbody>tr>th,
table.TableStyle-tableGrid>tbody>tr>td,
table.TableStyle-tableGrid>tbody>tr>th,
table>tbody>tr>td,
table>tbody>tr>th {
    border: 1px solid #d5d5d5
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 99% !important;
    -ms-word-break: normal;
    word-break: normal
}

table+table {
    margin-top: 40px
}

table td,
table th {
    padding: 8px;
    text-align: left;
    vertical-align: top
}

table td p,
table th p {
    margin: 8px 0 0;
    font-size: inherit
}

table td ol,
table td ul,
table th ol,
table th ul {
    padding-left: 20px
}

table caption {
    text-align: left;
    padding-top: 16px;
    color: rgba(15, 15, 15, .85);
    font-size: .875em
}

table caption p {
    margin-top: 0;
    font-size: .875em
}

table tbody,
table thead {
    border-top: 2px solid #0f0f0f
}

table thead th.asc a:after,
table thead th.desc a:after {
    content: "";
    display: inline-block;
    width: 1em;
    height: 1em;
    background-size: 12px;
    background-repeat: no-repeat;
    background-position: 3px;
    background-image: url(../img/nav/arrow-up.svg)
}

table thead th.desc a:after {
    background-image: url(../img/nav/arrow-down.svg)
}

table tbody tbody {
    border-top: 0
}

table tbody tr {
    border-bottom: 1px solid #d5d5d5
}

.search-provider:last-child,
.search-results:last-child,
table tbody tr tr:last-child {
    border-bottom: 0
}

.table-wrapper {
    overflow: auto;
    padding: 1px;
    width: 100%;
    background: linear-gradient(90deg, #fff 30%, rgba(255, 255, 255, 0)), linear-gradient(90deg, rgba(255, 255, 255, 0), #fff 70%) 100% 0, radial-gradient(farthest-corner at 0 50%, rgba(0, 0, 0, .07), rgba(0, 0, 0, 0)), radial-gradient(farthest-corner at 100% 50%, rgba(0, 0, 0, .07), rgba(0, 0, 0, 0)) 100% 0;
    background-repeat: no-repeat;
    background-color: #fff;
    background-size: 40px 100%, 40px 100%, 14px 100%, 14px 100%;
    background-attachment: local, local, scroll, scroll
}

@media only screen and (min-width:921px) {
    .hidden-desktop {
        display: none !important
    }

    .main {
        scroll-behavior: smooth;
        overflow: hidden
    }

    main {
        height: calc(100vh - 112px);
        position: relative;
        overflow: auto
    }

    .show-announcement-banner main {
        height: calc(100vh - 148px)
    }

    main.qcs {
        height: calc(100vh - 164px)
    }

    .preview main.qcs {
        height: calc(100vh - 216px)
    }
}

@media only screen and (min-width:921px) and (max-width:1150px) and (min-width:921px) {
    main.qcs {
        height: calc(100vh - calc(164px - 5px))
    }

    .preview main.qcs {
        height: calc(100vh - calc(216px - 7px))
    }
}

body.error {
    padding-top: 3em
}

body,
html {
    scroll-behavior: smooth;
    height: 100%
}

::-webkit-scrollbar {
    width: 10px;
    height: 10px
}

::-webkit-scrollbar-button {
    width: 0;
    height: 0;
    display: none
}

::-webkit-scrollbar-corner {
    background-color: transparent
}

::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .2);
    -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1), inset 0 -1px 0 rgba(0, 0, 0, .07);
    box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1), inset 0 -1px 0 rgba(0, 0, 0, .07)
}

.copy-code>span,
.visually-hidden {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px)
}

.glossaryTerm,
.wrapping,
footer {
    position: relative
}

.content {
    padding: 0;
    display: flex
}

.content .navigation-pane {
    -webkit-overflow-scrolling: touch;
    position: absolute;
    top: 0;
    bottom: 0;
    padding: 0;
    left: 0;
    order: 1
}

.breadcrumb .content .navigation-pane {
    top: 157px
}

.hidden-toc .content .navigation-pane {
    width: 55px;
    text-align: center
}

.content>main {
    -webkit-overflow-scrolling: touch;
    border: 1px solid #c4cfda
}

.content>main .article {
    min-height: 550px;
    margin: 0 20px;
    padding-bottom: 16px
}

#common-questions ul li a,
#get-started ul li a,
.content>main a,
.glossaryBlock a,
.onboarding-content .text-space ul li a:hover,
.onboardingpage a {
    color: #006937
}

#wrap .main,
.migration-page main#main {
    background: #efefef
}

#wrap .main .container.content {
    width: 100%;
    background: #efefef
}

@media only screen and (min-width:1366px) {
    #wrap .main main#main {
        width: 920px
    }

    #wrap .main main#main.videos,
    .search-page #wrap .main main#main,
    .videos-page #wrap .main main#main {
        width: 100%
    }

    #wrap .main main#main.hidden-toc,
    #wrap .main.hidden-toc main#main {
        width: 100%;
        margin-left: 55px
    }
}

@media only screen and (max-width:920px) {
    .container {
        width: auto
    }

    .hidden-mobile {
        display: none !important
    }

    #breadcrumb.home+#topicContent {
        margin-top: 0
    }

    .content,
    .hidden-toc .content .navigation-pane>.navigation {
        display: block
    }

    .content .navigation-pane {
        background: #fff;
        position: static;
        width: auto
    }

    .hidden-toc .content .navigation-pane {
        width: unset
    }

    .content>main .article {
        padding: 0 0 20px
    }

    .content>main {
        width: 100%;
        margin: 0;
        border: 0
    }

    #wrap .main .container.content {
        background: #fff
    }

    #wrap .main main#main {
        width: 100%;
        height: 100%
    }

    aside#related-workflows {
        display: none
    }
}

@media only screen and (max-width:1366px) and (min-width:1150px) {
    #wrap .main main#main {
        margin-left: 330px
    }

    .search-page #wrap .main main#main,
    .videos-page #wrap .main main#main {
        width: 100%
    }

    #wrap .main.hidden-toc main#main {
        width: 100%;
        margin-left: 55px
    }

    .navigation-pane {
        width: 330px
    }

    .hidden-toc .navigation-pane {
        width: 55px;
        text-align: center
    }
}

footer {
    background: #f6f7f8;
    padding: 80px 0;
    color: #9fa1a4
}

#results-videos .search-result h2,
#results-videos .search-result h2>a,
#results-videos .search-result h3,
#results-videos .search-result h3>a,
#results-videos .search-result h4,
#results-videos .search-result h4>a,
.card h2,
.card h2>a,
.card h3,
.card h3>a,
.card h4,
.card h4>a,
.grid .search-result h2,
.grid .search-result h2>a,
.grid .search-result h3,
.grid .search-result h3>a,
.grid .search-result h4,
.grid .search-result h4>a,
.intro-box .linking .linkbox a,
.row.portal h1,
.row.portal h2,
.row.portal h3,
.row.portal h4,
footer h2 {
    color: #19426c
}

.button.download:empty:after,
.button.filter:empty:after,
.nomargin,
.vertical-filters ul input[type=checkbox]+label,
.vertical-filters ul input[type=radio]+label,
body.api .field-items p,
body.api .parameters p,
div.govnote ol:first-of-type,
div.govnote>ul:first-of-type,
div.news ol:first-of-type,
div.news>ul:first-of-type,
div.not-in ol:first-of-type,
div.not-in>ul:first-of-type,
div.note ol:first-of-type,
div.note-light ol:first-of-type,
div.note-light>ul:first-of-type,
div.note>ul:first-of-type,
div.tip ol:first-of-type,
div.tip>ul:first-of-type,
div.warning ol:first-of-type,
div.warning>ul:first-of-type,
div.wf-note ol:first-of-type,
div.wf-note>ul:first-of-type,
footer .row,
li .API_syntax_input {
    margin: 0
}

.search-box form,
footer .row footer .row {
    height: 100%
}

.onboardingpage footer a,
footer a,
footer.flare a {
    color: #0f0f0f;
    font-weight: 400;
    font-size: 1em;
    text-decoration: none
}

.onboardingpage footer a:hover,
footer a:hover,
footer.flare a:hover {
    color: #009845;
    text-decoration: underline
}

.onboardingpage footer a:focus,
footer a:focus,
footer.flare a:focus {
    outline: #555 dotted 2px
}

.onboardingpage footer a[href^="tel:"],
footer a[href^="tel:"],
footer.flare a[href^="tel:"] {
    speak: digits;
    speak-numeral: digits;
    speak-as: digits;
    font-weight: 600
}

footer .tel {
    font-weight: 400;
    text-decoration: none;
    content: "☎";
    position: absolute;
    left: -3px;
    speak: none
}

footer h2,
footer h4 {
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase
}

footer p {
    font-size: .929em;
    margin-top: 15px
}

footer ul {
    list-style: none;
    padding: 0
}

#mega header .utilities li,
#pagination nav.show span,
.container.search-page.videos .filter-view,
.filter-button,
.horizontal-nav .level1,
.search-feedback,
.see_also h2,
.see_training h2,
.selectors,
.signbox .pic,
body.csh-tool .tri-back .select-site h2,
footer li.social-links,
h2.see-also,
span.english-only {
    display: inline-block
}

footer li.social-links a {
    border: 2px dotted transparent;
    border-radius: 20px;
    padding: 3px;
    float: left;
    font-size: 14px
}

footer li.social-links a:focus {
    border-color: #fff
}

footer li.social-links img {
    vertical-align: middle;
    width: 24px;
    height: 24px
}

footer .copyright {
    color: #9fa1a4
}

footer .legal {
    line-height: 12px
}

footer .optanon-toggle-display {
    border: none !important;
    background: 0 0 !important;
    padding: 0 !important;
    font: inherit;
    cursor: pointer;
    outline: inherit;
    font-weight: 400;
    color: #333 !important;
    font-size: 1em !important
}

footer .optanon-toggle-display:hover {
    text-decoration: underline;
    color: #009845 !important;
    background: 0 0 !important
}

#common-questions,
#get-started,
#welcome-sense,
footer.flare {
    padding: 30px 0
}

footer.flare .footerbox {
    padding: 0 35px
}

footer.flare p {
    color: #666
}

#topicContent .row .link-list-arrows li a {
    color: #006937;
    border-bottom: none
}

.wrapping {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(30%, 1fr));
    column-gap: 16px;
    row-gap: 16px;
    margin: 8px 0
}

@media only screen and (max-width:920px) {
    .wrapping {
        grid-template-columns: repeat(auto-fill, minmax(100%, 1fr))
    }
}

@media only screen and (max-width:1320px) and (min-width:921px) {
    .wrapping {
        grid-template-columns: repeat(auto-fill, minmax(40%, 1fr))
    }
}

.hidden-toc .wrapping,
.wrapping.grid-4columns {
    grid-template-columns: repeat(auto-fill, minmax(20%, 1fr))
}

.xbox {
    margin-left: 7px
}

.disclaimer {
    text-align: center;
    background: #ffc72a;
    padding: 4px 10px;
    font-size: 15px
}

.disclaimer.alpha {
    background: #10cfc9
}

.search-extras.regular {
    background-color: #006580;
    color: #fff;
    padding: 32px;
    margin-top: 32px;
    background-image: url(../img/portal/contrail-01-right-2024-2.png);
    background-repeat: no-repeat;
    background-position: top right;
    background-size: contain;
    margin-left: -15px;
    margin-right: -15px
}

@media only screen and (max-width:1366px) {
    .wrapping.grid-4columns {
        grid-template-columns: repeat(auto-fill, minmax(30%, 1fr))
    }

    .search-extras.regular {
        background-position: bottom right;
        background-size: cover
    }
}

.search-extras.regular p {
    margin-top: 12px;
    line-height: 1.2;
    width: 60%
}

@media only screen and (max-width:920px) {

    .hidden-toc .wrapping,
    .wrapping.grid-4columns {
        grid-template-columns: repeat(auto-fill, minmax(100%, 1fr))
    }

    .search-extras.regular p {
        width: 50%
    }
}

.search-extras.regular h2 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 1.2em
}

.search-extras.regular .search-feedback .search-feedback-button {
    margin-top: 16px;
    padding: 10px 20px;
    border-radius: 30px;
    background: #fff;
    color: #006580;
    text-decoration: none;
    font-weight: 700;
    display: inline-block
}

.search-extras.regular .search-feedback .search-feedback-button:hover {
    background: #fff;
    text-decoration: underline;
    color: #009845
}

#cta-bottom a:focus,
.amp .amp-banner .button:focus,
.amp .amp-banner a:focus,
.hero-nav ul li a:focus,
.horizontal-nav a :focus,
.horizontal-nav h2 :focus,
.horizontal-nav ul li a:focus,
.intro-box .button.inv:focus,
.intro-box a.button:focus,
.row.tanzanite .button:focus,
.row.wine .button:focus,
.search-extras.regular .search-feedback .search-feedback-button:focus,
.search-feedback-wrapper .search-feedback-box span a:focus,
.welcome-box .button.inv:focus,
.welcome-box .text a:focus,
[class*=box-] .flex-links a:focus,
[class*=box-] h2 a:focus,
[class*=box-] h3 a:focus {
    outline: #fff dotted 2px
}

.glossaryTerm {
    cursor: help;
    color: #284885;
    text-decoration: none !important;
    border-bottom: 1px dotted;
    display: inline
}

.glossaryTerm:after {
    content: none !important
}

.glossaryBlock {
    visibility: hidden;
    opacity: 0;
    transition: visibility, opacity .15s ease-in-out;
    background: #fff;
    padding: 24px !important;
    color: #222;
    width: 400px;
    margin-top: 10px;
    font-size: 15px;
    position: absolute;
    z-index: 3;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .65);
    border: 1px solid #1c355a
}

.glossaryBlock[aria-hidden=false],
body.csh-tool .overlay:target {
    visibility: visible;
    opacity: 1
}

.glossaryBlock h2 {
    font-size: 1.4em;
    color: #222;
    margin: 0
}

.glossaryBlock .arrow:after,
.glossaryBlock::after,
.tooltip .tooltip-info:after {
    border-bottom-color: #fff;
    border-width: 15px;
    margin-left: -15px
}

@media only screen and (max-width:920px) {
    .glossaryBlock {
        width: 320px
    }
}

.glossaryBlock .arrow {
    display: block;
    position: absolute;
    left: 27px;
    bottom: 100%;
    width: 30px;
    height: 15px
}

.glossaryBlock .arrow:after,
.glossaryBlock .arrow:before {
    bottom: 0;
    left: 50%;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.glossaryBlock .arrow:before,
.tooltip .tooltip-info:before {
    border-bottom-color: #1c355a;
    border-width: 16px;
    margin-left: -16px
}

.mobile-main-nav,
header.hidden-mobile {
    border-bottom: 1px solid #e1e1e1;
    left: 0;
    right: 0
}

.glossaryBlock .gloss-closer {
    position: relative;
    display: block;
    left: 95%;
    width: 16px;
    height: 16px;
    background: url("../img/icons/closeme-dark.svg") no-repeat;
    z-index: 3;
    transition: outline-offset .15s;
    outline-offset: -6px
}

.hidden-toc .hide-toc,
.hide-toc {
    background-size: 26px;
    width: 30px
}

.dropdown button:focus,
.dropdown>a:focus,
.glossaryBlock .gloss-closer:focus,
aside.navigation ul[role=tree]:focus [aria-selected=true]>a {
    outline: #4b4b4b dotted 2px;
    outline-offset: 3px
}

#pagination label,
#results-videos .search-result,
.glossaryBlock .gloss-closer:hover {
    cursor: pointer
}

.glossaryBlock .glossaryContent {
    float: left;
    margin-top: -15px
}

header.hidden-mobile {
    background: #fff;
    position: fixed;
    z-index: 2;
    top: 0;
    height: 85px
}

header.hidden-mobile .col-6 {
    position: relative;
    padding-top: 10px;
    height: 100%
}

header.hidden-desktop {
    background: #fff;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 115px;
    z-index: 2
}

.mobile-main-nav {
    border-top: 1px solid #e1e1e1;
    overflow: hidden;
    background-color: #fff;
    position: absolute;
    bottom: -1px
}

#toptop,
.hide-toc {
    background-color: #888
}

.mobile-main-nav button {
    height: 50px;
    width: 50px;
    margin: 0;
    padding: 0;
    background: #f4f4f4;
    border: none;
    border-right: 1px solid #e1e1e1;
    text-align: center;
    float: left
}

.mobile-main-nav button span,
.mobile-main-nav button:before {
    background-repeat: no-repeat;
    background-position: center;
    background-size: 22px;
    text-align: left;
    display: inline-block;
    content: "";
    padding: 0;
    margin: 0;
    width: 50px;
    height: 50px
}

.mobile-main-nav button.mobile-menu-button:before {
    background-image: url("../img/nav/hamburger.svg")
}

.mobile-main-nav button.mobile-settings-button:before {
    background-image: url("../img/nav/settings.svg")
}

.mobile-main-nav button.search-button {
    background: #009845;
    float: right;
    border: none
}

.mobile-main-nav button.search-button:before {
    background-image: url("../img/nav/search.svg")
}

.mobile-main-nav .search-text {
    height: 50px;
    padding: 0 10px;
    font-size: 1.1em;
    width: calc(100% - 173px);
    border: none
}

.typemark,
.typemark:hover {
    color: #54565a;
    font-size: 1.2em;
    font-weight: 300;
    text-decoration: none;
    margin-left: .2em
}

.mobile-logo {
    text-align: center;
    margin: 5px auto
}

aside.navigation nav {
    font-size: .875em;
    margin: 5px 10px 75px
}

aside.navigation .tree-header {
    margin: 35px 5px 0 20px
}

aside.navigation .tree-header h1 {
    font-size: 2em;
    font-weight: 600;
    margin-top: 25px
}

aside.navigation .tree-header h2 {
    font-size: 28px;
    font-weight: 600;
    margin-top: 20px;
    margin-bottom: 8px
}

aside.navigation .tree-header h2 a {
    display: inline-block;
    color: #404040
}

aside.navigation .tree-header h2.blendr {
    font-size: 23px
}

aside.navigation .tree-header h2 .sub {
    color: #0f0f0f;
    font-size: .6em;
    display: block;
    margin-top: -4px;
    margin-bottom: -4px
}

aside.navigation .tree-header .lower {
    text-transform: lowercase
}

aside.navigation .tree-header .content-button button {
    background-image: url(../img/nav/hamburger-sub.svg);
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px;
    transition: background-size 75ms ease-in-out;
    z-index: 1;
    height: 38px;
    width: 30px;
    float: left;
    border: 0
}

aside.navigation .tree-header .content-button.close {
    margin-right: 5px
}

aside.navigation .tree-header .content-button.close button {
    background-image: url(../img/nav/close3-brand-grey.svg);
    background-size: 24px
}

aside.navigation .tree-header .navigation-help {
    background-image: url(../img/nav/arrow-nav-indicator.svg);
    background-position: center top;
    background-repeat: no-repeat;
    position: absolute;
    height: 39px;
    margin-left: 10px;
    margin-top: 0;
    right: 30px;
    top: 30px;
    vertical-align: middle;
    display: none
}

aside.navigation .tree-header .navigation-help p {
    font-size: 12px;
    text-transform: uppercase;
    margin-top: 22px;
    text-align: center
}

aside.navigation .tree-header .version-selector+.navigation-help {
    top: 115px
}

.row .link-list-arrows li a,
.row.tanzanite a.goto-link:hover:after,
.row.turquoise a.goto-link:hover:after,
.row.wine a.goto-link:hover:after {
    background-image: url(../img/nav/thin-arrow-right-green.svg)
}

aside.navigation #website-name-header .version {
    display: none;
    font-size: 16px;
    font-weight: 400
}

aside.navigation .toggle {
    background-size: 9px;
    background-position: left center;
    background-repeat: no-repeat;
    position: absolute;
    cursor: pointer;
    height: 20px;
    width: 10px;
    top: 10px;
    box-shadow: none
}

aside.navigation [aria-expanded=true] .toggle {
    background-image: url("../img/nav/light-arrow-down.svg")
}

aside.navigation [aria-expanded=false] .toggle {
    background-image: url("../img/nav/light-arrow-right.svg")
}

aside.navigation ul[role=tree] {
    padding: 10px 0 0
}

aside.navigation ul[role=tree],
aside.navigation ul[role=tree] li {
    margin: 0;
    list-style: none;
    position: relative
}

aside.navigation ul[role=tree] li {
    padding: 8px 0;
    font-size: 14px;
    font-weight: 400
}

#breadcrumb ol li a:hover,
#breadcrumb ul li a:hover,
.anchor-list li a:hover,
.announcement-item a,
.archive nav h2 a,
.box h2 a:hover,
.box h3 a:hover,
.box h4 a:hover,
.box-alabaster h2 a:hover,
.box-alabaster h3 a:hover,
.box-snow h2 a:hover,
.box-snow h3 a:hover,
.box-stone h2 a:hover,
.box-stone h3 a:hover,
.card.linked>a h2:hover,
.card.linked>a h3:hover,
.hero-nav ul li a:hover,
.horizontal-nav a.active,
.horizontal-nav a:hover,
.row.amethyst a.goto-link:hover,
[class*=box-] h2 a:hover,
[class*=box-] h3 a:hover,
[class*=box-] h4 a:hover,
a.workflow-link:hover,
aside.navigation ul[role=tree] a:hover {
    text-decoration: underline
}

#toptop:focus,
#video-box a#vid:focus,
.intro-box .linking .linkbox a:focus,
.onboarding-header a:focus,
[id^=anchor]:focus,
aside.navigation ul[role=tree]:focus,
footer:focus,
header:focus {
    outline: 0
}

.archived-note a:focus,
.horizontal-nav-open aside.navigation ul[role=tree]:focus [aria-selected=true]>a {
    outline-color: #fff
}

aside.navigation ul[role=group] {
    margin: 0 0 0 1em;
    padding: 0
}

aside.navigation [role=treeitem],
aside.navigation [role=treeitem] a {
    color: #0f0f0f;
    display: block;
    cursor: pointer;
    padding-left: 13px;
    outline: 0
}

aside.navigation [role=treeitem] a {
    font-weight: 500
}

aside.navigation .active>a {
    border-left: 3px solid #009845;
    background-color: #fff;
    color: #4b4b4b;
    font-weight: 600;
    padding-top: 3px;
    padding-bottom: 3px;
    margin-left: -10px
}

aside.navigation .active>.toggle {
    top: 14px;
    left: 1px
}

.hide-toc {
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center center;
    z-index: 1;
    background-image: url("../img/nav/close-toc-white.svg");
    transition: background-color 250ms linear;
    border: 0;
    border-radius: 16px 0 0 16px;
    border-right: 0;
    height: 34px;
    position: fixed;
    margin-top: 16px;
    left: calc(25% - 30px)
}

#mega .selected:before,
#mega [aria-expanded=true]:before,
.hide-toc:hover {
    background-color: #009845
}

.card.linked>a:focus,
.card.linked>a:hover,
.hidden-toc .hide-toc,
.hidden-toc .hide-toc:hover,
.search-result figure {
    background-color: transparent
}

.hide-toc:focus {
    outline: 0 !important
}

.hide-toc:focus:after {
    border: 2px dotted #4b4b4b;
    content: "";
    display: block;
    position: absolute;
    border-radius: 18px 0 0 18px;
    border-right: 0;
    top: -2px;
    left: -2px;
    width: 32px;
    height: 38px
}

.hidden-toc .hide-toc {
    background-image: url("../img/nav/hamburger-sub.svg");
    transition: none;
    border: 0;
    border-radius: 0;
    position: relative;
    height: 30px;
    right: auto;
    left: auto
}

.hidden-toc .hide-toc:focus:after {
    border: 2px dotted #4b4b4b;
    position: absolute;
    border-radius: 0;
    top: -6px;
    left: -6px;
    width: 42px;
    height: 42px
}

@media only screen and (max-width:1150px) and (min-width:921px) {
    .content .navigation-pane {
        width: 55px
    }

    .content .navigation-pane .navigation {
        display: none
    }

    .unminified-toc .content .navigation-pane {
        width: 330px
    }

    .unminified-toc .content .navigation-pane .navigation {
        display: block
    }

    #wrap .main main#main {
        width: 100%;
        margin-left: 55px
    }

    #wrap .main.unminified-toc main#main {
        margin-left: 330px
    }

    .hide-toc,
    .hide-toc:hover {
        background-color: transparent
    }

    .hide-toc {
        background-image: url("../img/nav/hamburger-sub.svg");
        background-size: 26px;
        transition: none;
        border: 0;
        border-radius: 0;
        position: relative;
        width: 30px;
        height: 30px;
        right: auto;
        left: auto
    }

    .hide-toc:focus:after {
        border: 2px dotted #4b4b4b;
        position: absolute;
        border-radius: 0;
        top: -6px;
        left: -6px;
        width: 42px;
        height: 42px
    }

    .unminified-toc .hide-toc {
        background-image: url("../img/nav/close-toc-white.svg");
        transition: background-color 250ms linear;
        background-size: 26px;
        background-color: #888;
        border: 0;
        border-radius: 16px 0 0 16px;
        border-right: 0;
        height: 34px;
        width: 30px;
        position: fixed;
        margin-top: 16px;
        left: 300px
    }

    .unminified-toc .hide-toc:focus:after {
        border-radius: 18px 0 0 18px;
        top: -2px;
        left: -2px;
        width: 32px;
        height: 38px;
        border-right: 0
    }

    .unminified-toc .hide-toc:hover {
        background-color: #009845
    }
}

@media only screen and (max-width:1366px) and (min-width:1151px) {
    .hide-toc {
        left: 300px
    }
}

.horizontal-nav {
    background-color: #19426c;
    padding: 10px 22px;
    color: #fff;
    font-size: .92em
}

.horizontal-nav a {
    color: #fff;
    font-weight: 600
}

.horizontal-nav a.see-also-link-external::after {
    background-image: url("../img/nav/external-link-white.svg")
}

.horizontal-nav h2 {
    font-size: 1.5em;
    display: inline
}

#pagination .pages li,
#pagination .pages ol,
#pagination .pages ul,
.horizontal-nav ul {
    margin: 0;
    padding: 0;
    display: inline
}

.horizontal-nav ul li {
    display: inline-block;
    margin: 0 10px
}

.horizontal-nav aside.navigation {
    margin-top: 0;
    padding-top: 5px
}

.next-nav {
    position: relative;
    width: 100%;
    height: 30px;
    margin-top: 15px
}

.next-nav .next-topic,
.next-nav .previous-topic {
    position: absolute;
    display: block;
    width: 50%;
    top: 0
}

.next-nav .next-topic .direction-label,
.next-nav .previous-topic .direction-label {
    font-size: .875em;
    display: block;
    margin-bottom: -7px;
    margin-top: 4px
}

.next-nav .next-topic .title-label,
.next-nav .previous-topic .title-label {
    font-size: 1.1em;
    font-weight: 700;
    display: block;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden
}

.next-nav .next-topic a,
.next-nav .previous-topic a {
    display: block;
    border: 0;
    color: #1c355e;
    text-decoration: none
}

.next-nav .next-topic a:before,
.next-nav .previous-topic a:before {
    background-image: url("../img/nav/thin-arrow-left-tanz.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 32px;
    height: 32px;
    width: 32px;
    position: absolute;
    content: "";
    left: 0;
    top: 10px
}

#mega nav a:hover,
#mega nav button:hover,
.course-box a,
.icon.green,
.intro-box .linking .linkbox a:hover,
.intro-box .linking .linkbox:hover,
.next-nav .next-topic a:hover,
.next-nav .previous-topic a:hover,
body.csh-tool .popup .close:hover,
body.csh-tool .tri-back #cshTable a {
    color: #009845
}

.next-nav .next-topic a:hover::before,
.next-nav .previous-topic a:hover::before {
    background-image: url("../img/nav/thin-arrow-left-green.svg")
}

.next-nav .previous-topic {
    left: 0
}

.next-nav .previous-topic a {
    padding-left: 40px;
    margin-right: 3px
}

.next-nav .next-topic {
    right: 0;
    text-align: right
}

.next-nav .next-topic a {
    padding-right: 40px;
    margin-left: 3px
}

.next-nav .next-topic a:before {
    background-image: url("../img/nav/thin-arrow-right-tanz.svg");
    left: auto;
    right: 2px
}

.next-nav .next-topic a:hover::before {
    background-image: url("../img/nav/thin-arrow-right-green.svg")
}

.next-nav+.row {
    margin-top: 35px
}

#breadcrumb {
    padding-top: 16px;
    padding-bottom: 0
}

#breadcrumb ol,
#breadcrumb ul,
#mega li,
#mega ul,
#news-items,
.archive nav li,
.archive nav ol,
.archive nav ul,
.news-item {
    padding: 0;
    margin: 0;
    list-style: none
}

#breadcrumb ol li,
#breadcrumb ul li {
    display: inline-block;
    font-size: .875em;
    margin-bottom: 0
}

#breadcrumb ol li,
#breadcrumb ol li a,
#breadcrumb ul li,
#breadcrumb ul li a {
    color: #0f0f0f;
    border: 0
}

#breadcrumb ol li a,
#breadcrumb ul li a {
    text-decoration: none;
    color: #1c355e
}

#breadcrumb ol li a.version-link,
#breadcrumb ul li a.version-link {
    background: #ededed;
    padding: 4px;
    border-radius: 4px
}

#breadcrumb ol li:after,
#breadcrumb ul li:after {
    display: inline-block;
    position: relative;
    top: 1px;
    content: "/";
    height: 9px;
    margin-left: 7px;
    margin-right: 5px
}

.search {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 0;
    border: 1px solid #b9b9b9;
    background: #fff;
    position: relative;
    top: 25px;
    left: 0;
    right: calc((100% - 1300px)/ 2)
}

@media only screen and (max-width:1366px) {
    aside.navigation .tree-header h2 {
        font-size: 24px
    }

    .search {
        right: calc((100% - 1024px)/ 2)
    }
}

main #resultList .xref,
main #resultList a,
main .search-result .xref,
main .search-result a {
    border-bottom: 0;
    text-decoration: none
}

.search-heading {
    margin-top: 20px;
    margin-bottom: 10px;
    display: inline-block
}

.view-for {
    display: none;
    font-weight: 600;
    margin-top: 15px;
    margin-bottom: 0
}

.search-result-information,
.search-result-information .search-result-total {
    font-size: 1.1em;
    font-weight: 400
}

#provider-list {
    position: relative;
    transition: 250ms ease-in-out
}

#provider-list h2 a,
.search-result .icon-font {
    color: #404040
}

.search-result-information {
    text-align: left;
    max-width: 100%;
    display: inline-block;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    padding: 10px 0 0
}

.search-result-information em {
    font-weight: 600;
    font-style: normal
}

#pagination {
    color: #007fca;
    white-space: nowrap
}

#pagination .pages {
    margin: 10px;
    text-align: center
}

#pagination .pages li {
    padding: 0 4px;
    cursor: pointer
}

#pagination .pages li input:checked+label,
#pagination .pages li.active {
    font-weight: 700;
    text-decoration: underline
}

#pagination>div {
    text-align: center;
    padding: 0 15px
}

#pagination nav {
    display: inline-block;
    padding: 0;
    margin: 10px 0 0;
    cursor: pointer;
    white-space: nowrap
}

.search-provider {
    min-height: 500px;
    margin-top: 10px;
    padding-bottom: 30px
}

#filter-header {
    display: flex;
    justify-content: space-between;
    margin-top: 10px
}

#filter-header span {
    font-size: 1.2em;
    font-weight: 600;
    padding-left: 4px;
    margin: 0
}

.search-results {
    list-style: none;
    display: block;
    padding: 10px 0;
    margin: 0
}

#results-videos .search-results,
.grid .search-results {
    display: grid;
    grid-template-columns: repeat(auto-fill, 23%);
    justify-content: space-between;
    grid-gap: 16px
}

@media (max-width:1420px) {

    #results-videos .search-results,
    .grid .search-results {
        grid-template-columns: repeat(auto-fill, 30%)
    }
}

@media (min-width:1750px) {

    #results-videos .search-results,
    .grid .search-results {
        grid-template-columns: repeat(auto-fill, 18%)
    }
}

.hidden-toc #results-videos .search-results,
.hidden-toc .grid .search-results {
    grid-template-columns: repeat(auto-fill, 23%)
}

@media (min-width:1650px) {

    #results-videos .search-results,
    .grid .search-results {
        grid-template-columns: repeat(auto-fill, 18%)
    }

    .hidden-toc #results-videos .search-results,
    .hidden-toc .grid .search-results {
        grid-template-columns: repeat(auto-fill, 15%)
    }
}

@media (max-width:900px) {

    .hidden-toc #results-videos .search-results,
    .hidden-toc .grid .search-results {
        grid-template-columns: repeat(auto-fill, 30%)
    }
}

@media only screen and (max-width:675px) {

    #results-videos .search-results,
    .grid .search-results {
        grid-template-columns: repeat(auto-fill, 45%)
    }
}

.search-results li {
    list-style: none;
    display: block;
    padding: 10px
}

.search-results li:hover {
    background-color: #f6f8f9
}

.center-list li,
.center-list ul,
.search-results nav li,
.search-results nav ol,
.search-results nav ul {
    display: block;
    padding: 0;
    margin: 0
}

.search-results h2>a,
.search-results h2>a:hover {
    text-decoration: none;
    color: #0f0f0f
}

.search-results .thumbnail {
    float: left;
    height: 90px;
    width: 140px;
    background: #d5d5d5;
    margin-right: 15px;
    margin-bottom: 5px
}

.search-results.community .community,
.search-results.knowledge-articles .knowledge-articles,
.search-results.products .products,
.search-results.videos .videos {
    display: inherit
}

.search-result {
    clear: both;
    border-top: 1px solid #ccc
}

.search-result figure {
    margin: 0;
    position: relative;
    padding: 8px;
    height: 100%
}

.search-result figure figcaption {
    font-style: normal;
    margin: 20px 0 0;
    display: block
}

.search-result figure [class*=vidyard-lightbox-] {
    padding: 0;
    border-radius: 0;
    margin-bottom: 0;
    overflow: visible
}

.search-result figure .vidyard-wrapper {
    width: 120px;
    display: block;
    border: 3px solid silver
}

.search-result img {
    width: 120px;
    min-height: 70px;
    margin-right: 20px
}

.search-result figcaption {
    color: #0f0f0f;
    padding: 4px;
    margin-top: 0;
    margin-bottom: 15px
}

.autonumber,
.search-result span[class^=h-],
ol.workflow li>a,
ul.workflow li>a {
    font-weight: 600
}

.search-result h3 {
    font-size: 1.35em;
    color: #006937;
    margin-top: 0;
    font-weight: 600
}

.search-result h3[id] {
    pointer-events: all
}

.search-result h3.pdf:after {
    background-image: url(../img/file-icons/Pdf-green.svg);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: .72em;
    display: inline-block;
    margin-left: .2em;
    height: 1em;
    width: 1em;
    content: ""
}

.search-result small {
    display: block;
    margin: 15px 0;
    color: #4b4b4b;
    font-size: 88%
}

.search-result small span::after {
    content: " > ";
    display: inline
}

.card.hero .card-content,
.search-result p {
    color: #0f0f0f
}

.search-result em {
    font-style: normal;
    font-weight: 600
}

#results-videos .search-result a {
    border: 2px dotted transparent;
    display: block;
    padding: 0;
    height: 100%
}

#results-videos .search-result a:focus,
#results-videos .search-result a:hover {
    font-weight: 400
}

#results-videos .search-result a:focus {
    border-color: #002e5c;
    outline: 0;
    margin: 0
}

#results-videos .search-result .vidyard-player-container {
    margin: 0 !important;
    border: 0 !important
}

#results-videos .search-result,
.grid .search-result {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid #76859e;
    background-color: rgba(196, 207, 218, .15);
    margin-bottom: 15px;
    transition: box-shadow .3s linear;
    position: relative;
    width: 100%;
    padding: 0
}

#results-videos .search-result:hover,
.grid .search-result:hover {
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
    box-shadow: 0 2px 4px rgba(0, 0, 0, .2)
}

#results-videos .search-result .card-content h1:last-child,
#results-videos .search-result .card-content h2:last-child,
#results-videos .search-result .card-content h3:last-child,
#results-videos .search-result .card-content h4:last-child,
#results-videos .search-result .card-content h5:last-child,
#results-videos .search-result .card-content h6:last-child,
#results-videos .search-result .card-content p:last-child,
#welcome-sense.administer .mini-login-box,
.box h1:last-child,
.box h2:last-child,
.box h3:last-child,
.box h4:last-child,
.box h5:last-child,
.box h6:last-child,
.box p:last-child,
.card .card-content h1:last-child,
.card .card-content h2:last-child,
.card .card-content h3:last-child,
.card .card-content h4:last-child,
.card .card-content h5:last-child,
.card .card-content h6:last-child,
.card .card-content p:last-child,
.grid .search-result .card-content h1:last-child,
.grid .search-result .card-content h2:last-child,
.grid .search-result .card-content h3:last-child,
.grid .search-result .card-content h4:last-child,
.grid .search-result .card-content h5:last-child,
.grid .search-result .card-content h6:last-child,
.grid .search-result .card-content p:last-child,
.row.portal .card h3,
.row.portal .tile h3,
.wrapping #results-videos .search-result,
.wrapping .card,
.wrapping .grid .search-result,
[class*=box-] .flex-links,
[class*=box-] h1:last-child,
[class*=box-] h2,
[class*=box-] h2:last-child,
[class*=box-] h3,
[class*=box-] h3:last-child,
[class*=box-] h4:last-child,
[class*=box-] h5:last-child,
[class*=box-] h6:last-child,
[class*=box-] p:last-child,
div.govnote h1:last-child,
div.govnote h2:last-child,
div.govnote h3:last-child,
div.govnote h4:last-child,
div.govnote h5:last-child,
div.govnote h6:last-child,
div.govnote p:last-child,
div.news h1:last-child,
div.news h2:last-child,
div.news h3:last-child,
div.news h4:last-child,
div.news h5:last-child,
div.news h6:last-child,
div.news p:last-child,
div.not-in h1:last-child,
div.not-in h2:last-child,
div.not-in h3:last-child,
div.not-in h4:last-child,
div.not-in h5:last-child,
div.not-in h6:last-child,
div.not-in p:last-child,
div.note h1:last-child,
div.note h2:last-child,
div.note h3:last-child,
div.note h4:last-child,
div.note h5:last-child,
div.note h6:last-child,
div.note p:last-child,
div.note-light h1:last-child,
div.note-light h2:last-child,
div.note-light h3:last-child,
div.note-light h4:last-child,
div.note-light h5:last-child,
div.note-light h6:last-child,
div.note-light p:last-child,
div.tip h1:last-child,
div.tip h2:last-child,
div.tip h3:last-child,
div.tip h4:last-child,
div.tip h5:last-child,
div.tip h6:last-child,
div.tip p:last-child,
div.warning h1:last-child,
div.warning h2:last-child,
div.warning h3:last-child,
div.warning h4:last-child,
div.warning h5:last-child,
div.warning h6:last-child,
div.warning p:last-child,
div.wf-note h1:last-child,
div.wf-note h2:last-child,
div.wf-note h3:last-child,
div.wf-note h4:last-child,
div.wf-note h5:last-child,
div.wf-note h6:last-child,
div.wf-note p:last-child,
ol.workflow,
ul.workflow {
    margin-bottom: 0
}

#results-videos .search-result a:hover,
.card a:hover,
.grid .search-result a:hover {
    text-decoration: none;
    cursor: pointer
}

#results-videos .search-result a li,
#results-videos .search-result a p,
.card a li,
.card a p,
.grid .search-result a li,
.grid .search-result a p {
    color: #404040;
    line-height: 140%;
    font-size: 16px
}

#results-videos .search-result h2,
#results-videos .search-result h3,
#results-videos .search-result h4,
.card h2,
.card h3,
.card h4,
.grid .search-result h2,
.grid .search-result h3,
.grid .search-result h4 {
    font-size: 1.3em;
    font-weight: 600;
    display: inline
}

#results-videos .search-result.linked,
.card.linked,
.grid .search-result.linked {
    position: relative;
    cursor: pointer
}

#results-videos .search-result.linked>a,
.card.linked>a,
.grid .search-result.linked>a {
    border: 2px dotted transparent;
    display: block
}

#results-videos .search-result.linked>a:focus,
#results-videos .search-result.linked>a:hover,
.grid .search-result.linked>a:focus,
.grid .search-result.linked>a:hover,
body.csh-tool .tri-back .gray {
    background-color: #f8f8f8
}

#topicContent figure,
.feedback.filters.error.filters fieldset,
.feedback.filters.error.filters fieldset label {
    background-color: #fafafa
}

#results-videos .search-result.linked>a:focus,
.grid .search-result.linked>a:focus {
    border-color: #4b4b4b;
    outline: 0;
    margin: 0
}

#results-videos .search-result .card-image,
#results-videos .search-result .card-video,
.card .card-image,
.card .card-video,
.grid .search-result .card-image,
.grid .search-result .card-video {
    height: 100px;
    text-align: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center
}

#results-videos .search-result .card-image img,
#results-videos .search-result .card-video img,
.card .card-image img,
.card .card-video img,
.grid .search-result .card-image img,
.grid .search-result .card-video img {
    max-width: 100%;
    height: auto;
    max-height: 100%
}

.onboardingpage #results-videos .search-result .card-image img,
.onboardingpage #results-videos .search-result .card-video img,
.onboardingpage .card .card-image img,
.onboardingpage .card .card-video img,
.onboardingpage .grid .search-result .card-image img,
.onboardingpage .grid .search-result .card-video img {
    border-radius: 10px 10px 0 0
}

#results-videos .search-result .card-image .icon,
#results-videos .search-result .card-video .icon,
.card .card-image .icon,
.card .card-video .icon,
.grid .search-result .card-image .icon,
.grid .search-result .card-video .icon {
    background-size: auto 65%;
    font-size: 6vh
}

#results-videos .search-result .card-video,
.grid .search-result .card-video {
    height: auto;
    padding: 20px
}

#results-videos .search-result .card-content,
.center-list .resource-link .QlikBranch,
.grid .search-result .card-content {
    padding: 15px
}

#results-videos .search-result .card-image+.card-content,
.grid .search-result .card-image+.card-content {
    border-top: 1px solid #f4f4f4
}

#results-videos .search-result span[data-mc-conditions^=Language],
.card span[data-mc-conditions^=Language],
.grid .search-result span[data-mc-conditions^=Language] {
    display: block;
    margin: 10px 0
}

#results-videos .search-result h2,
#results-videos .search-result h3,
.grid .search-result h2,
.grid .search-result h3 {
    font-size: 1.1em;
    line-height: 1.3em
}

#results-videos .search-result>a:focus,
.grid .search-result>a:focus {
    border-color: #002e5c !important
}

#results-videos .search-result>a p,
.grid .search-result>a p {
    position: absolute;
    font-size: .875em;
    bottom: 8px;
    color: rgba(15, 15, 15, .85)
}

#results-videos .search-result>a h3,
.grid .search-result>a h3 {
    display: block;
    color: #1c355e;
    margin-bottom: 48px
}

#announcement-banner>.container,
#mega nav>ul.container,
#provider-list.panel-content .panel-video,
#results-videos .search-result>a img,
.grid .search-result>a img,
.onboarding-content .container,
.search-box.videos .search-text {
    width: 100%
}

#results-videos .search-result .vidyard-wrapper,
.grid .search-result .vidyard-wrapper {
    width: 100%;
    display: block;
    border: 0
}

.list .search-result {
    border: 0;
    border-top: 1px solid #e1e1e1;
    width: 100%;
    float: left;
    clear: both;
    margin: inherit;
    margin-top: 30px;
    overflow: inherit;
    height: auto
}

.list .search-result>a {
    padding-top: 10px;
    min-height: 110px
}

.list .search-result:hover {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.list .search-result>section {
    float: left;
    width: 65%;
    clear: left
}

.list .search-result>section:after {
    display: inline-block;
    content: "";
    clear: both
}

.list .search-result img {
    border: 1px solid #9fa1a4;
    float: right;
    width: 200px;
    margin: 0 0 0 10px
}

.list .search-result h3 {
    margin: 0;
    font-size: 1.2em;
    color: #1c355e
}

#results-videos .list .search-result p {
    width: calc(100% - 210px)
}

#vidyard-popbox img {
    max-width: inherit
}

.search-extras {
    display: block;
    position: relative;
    background-image: url(../img/nav/info-6.svg);
    background-repeat: no-repeat;
    background-size: 20px;
    padding-left: 27px;
    background-position: top 18px left
}

.search-extras p,
body.api .field-items dl,
body.api .parameters dl {
    display: inline-block;
    margin-bottom: 0
}

#video-box,
.search-feedback-wrapper {
    top: 0;
    background: rgba(0, 0, 0, .75);
    bottom: 0
}

.search-feedback a.search-feedback-button {
    display: inline;
    text-decoration: underline
}

.switch input:checked+label span,
p>.search-feedback {
    display: inline
}

.talend-results {
    float: right;
    margin-top: 62px;
    position: relative;
    z-index: 5
}

.search-feedback-wrapper {
    position: fixed;
    display: none;
    left: 0;
    right: 0;
    z-index: 11
}

.search-feedback-wrapper .search-feedback-box {
    position: relative;
    top: 50%;
    left: 50%;
    margin-top: -230px;
    margin-left: -250px;
    z-index: 100;
    background: #fff;
    width: 500px;
    height: 500px;
    border-radius: 0;
    padding: 0;
    box-shadow: 0 0 10px rgba(0, 0, 0, .5);
    overflow: auto
}

.feedbackFrame,
.search-feedback-wrapper .search-feedback-box .feedbackFrame {
    height: 430px
}

.search-feedback-wrapper .search-feedback-box .box-heading {
    background: #009845;
    color: #fff;
    padding: 10px 20px;
    margin-bottom: 0;
    border-radius: 0;
    text-transform: uppercase;
    font-weight: 600
}

.search-feedback-wrapper .search-feedback-box span {
    position: absolute;
    top: 10px;
    right: 13px
}

.search-feedback-wrapper .search-feedback-box span a {
    height: 18px;
    width: 18px;
    display: inline-block;
    margin-top: 3px;
    border-radius: 50%
}

.search-feedback-wrapper .search-feedback-box .form {
    padding: 20px 20px 0
}

.search-page aside.navigation .tree-header,
.videos-page aside.navigation .tree-header {
    margin-top: 8px;
    background-color: transparent
}

.search-page aside.navigation .tree-header h1,
.videos-page aside.navigation .tree-header h1 {
    font-size: 28px;
    font-weight: 600;
    margin-top: 10px;
    display: inline-block;
    color: #404040
}

.search-page .mobile-header,
.videos-page .mobile-header {
    background-color: #f4f4f4;
    display: block;
    margin-left: -35px;
    margin-right: -35px;
    margin-bottom: 10px;
    padding: 10px 35px;
    position: relative
}

.search-page .mobile-header .title,
.videos-page .mobile-header .title {
    color: #404040;
    font-weight: 600;
    font-size: 20px
}

.card.alabaster h2,
.card.alabaster h3,
.card.snow h2,
.card.snow h3,
.icon.gray,
.onboarding-header a:hover,
.search-page .mobile-header .selected-area,
.tooltip .tooltip-info strong,
.videos-page .mobile-header .selected-area {
    color: #54565a
}

@media only screen and (max-width:920px) {

    .typemark,
    .typemark:hover {
        margin: 0 0 .5em;
        font-size: 1em
    }

    aside.navigation .tree-header h2,
    aside.navigation .tree-header h2.blendr {
        font-size: 20px;
        font-weight: 600
    }

    aside.navigation .tree-header h2 .sub {
        display: inline;
        font-size: 18px
    }

    #breadcrumb.home,
    #pagination .pages li.active,
    .horizontal-nav-open .horizontal-nav .level1,
    .horizontal-nav-open .horizontal-nav .level2,
    .horizontal-nav-open .horizontal-nav ul li.hasToc a,
    .search-page.show-filters .hidden-filters-close,
    .showTree aside.navigation .tree-header .website-name,
    .videos-page.show-filters .hidden-filters-close,
    .view-for,
    aside.navigation #website-name-header .version,
    aside.navigation .tree-header .content-button,
    aside.navigation ul[role=tree]#tree-level2,
    aside.navigation ul[role=tree][aria-hidden=true],
    body.showTree aside.navigation .tree-header .content-button.close {
        display: block
    }

    #pagination .pages li,
    .hide-toc,
    .horizontal-nav ul,
    .horizontal-nav-open aside.navigation .tree-header,
    .next-nav .next-topic .direction-label,
    .next-nav .previous-topic .direction-label,
    aside.navigation .tree-header .content-button.close,
    aside.navigation .tree-header .navigation-help,
    aside.navigation ul[role=tree],
    body.showTree aside.navigation .tree-header .content-button,
    body.showTree aside.navigation .tree-header .header-items .page-action-items .show-items {
        display: none
    }

    aside.navigation .tree-header {
        background-color: none;
        padding: 1px 10px;
        margin: 0 0 15px;
        display: table;
        width: 100%
    }

    .showTree aside.navigation .tree-header {
        background-color: #f4f4f4;
        padding: 1px 15px
    }

    aside.navigation .tree-header .header-items {
        display: flex;
        align-items: center
    }

    aside.navigation .tree-header .header-items .page-action-items {
        flex-grow: 0;
        display: inline-block
    }

    aside.navigation .tree-header .header-items .page-action-items button {
        background: 0 0;
        box-shadow: 0 0 0 transparent;
        border: 0 solid transparent;
        text-shadow: 0 0 0 transparent
    }

    aside.navigation .tree-header .header-items .page-action-items .show-items {
        background-image: url(../img/nav/3rd-col-brand-grey.svg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: 5px;
        margin: 0 10px;
        position: relative;
        display: block;
        height: 36px;
        width: 36px;
        z-index: 0
    }

    aside.navigation .tree-header .header-items .page-action-items .show-items.clicked {
        background-image: url(../img/nav/close3.svg);
        position: absolute;
        top: -85px;
        right: 30px;
        margin-left: 0;
        z-index: 3;
        height: 24px;
        width: 24px;
        background-size: 24px
    }

    aside.navigation .tree-header .header-items .page-action-items .show-items:focus {
        outline-offset: 3px;
        outline: #0f0f0f dotted 2px
    }

    aside.navigation .tree-header .header-items .version-selector button {
        float: left;
        font-size: 14px
    }

    aside.navigation .tree-header .header-items .content-button {
        margin-left: 15px;
        flex-grow: 0;
        width: 42px
    }

    aside.navigation .tree-header .header-items .content-button.close {
        margin-left: 0;
        width: 22px
    }

    aside.navigation .tree-header .website-name {
        flex-grow: 1;
        text-align: left;
        display: none
    }

    aside.navigation .tree-header,
    aside.navigation .tree-header h1 {
        margin-bottom: 0
    }

    .showTree aside.navigation .tree-header+nav {
        border-top: 1px solid #ccc
    }

    aside.navigation {
        background-color: none;
        border-bottom: none;
        position: absolute;
        margin-top: 10px
    }

    aside.navigation nav {
        margin: 0 15px
    }

    .showTree aside.navigation {
        background-color: #f4f4f4;
        border-bottom: 1px solid #ccc;
        position: unset;
        margin-top: 0
    }

    .horizontal-nav-open aside.navigation {
        transition: transform 250ms ease-in-out;
        transform: translate(101%, 0);
        position: fixed;
        z-index: 10;
        top: 115px;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #30557a
    }

    .horizontal-nav .level2.init,
    .horizontal-nav-open aside.navigation.init {
        transition: none
    }

    .horizontal-nav-open.showTree aside.navigation {
        transform: translate(0, 0);
        overflow: auto
    }

    .horizontal-nav-open.showTree aside.navigation .horizontal-nav-close-button {
        display: block;
        background-image: url(../img/nav/close-toc-white.svg);
        border: none;
        color: #fff;
        background-color: unset;
        background-repeat: no-repeat;
        padding-left: 27px;
        margin-left: 8px;
        margin-top: 5px
    }

    .horizontal-nav .nav-button .button :focus,
    .horizontal-nav .nav-button :focus,
    .horizontal-nav-open .horizontal-nav button.back:focus,
    .horizontal-nav-open.showTree aside.navigation .horizontal-nav-close-button:focus,
    .horizontal-nav-open.showTree aside.navigation ul[role=tree]:focus [aria-selected=true]>a {
        outline: #fff dotted 2px
    }

    .horizontal-nav-open.showTree aside.navigation .active [aria-expanded=true]>.toggle,
    .horizontal-nav-open.showTree aside.navigation [aria-expanded=true] .toggle {
        background-image: url("../img/nav/light-arrow-down-white.svg")
    }

    .horizontal-nav-open.showTree aside.navigation [aria-expanded=false] .toggle {
        background-image: url("../img/nav/light-arrow-right-white.svg")
    }

    .horizontal-nav-open.showTree aside.navigation [role=treeitem] a {
        color: #fff;
        padding-left: 22px
    }

    .horizontal-nav-open .horizontal-nav aside.level2.navigation.active li[aria-expanded],
    .horizontal-nav-open.showTree aside.navigation li[role=treeitem][aria-expanded] {
        padding-left: 19px
    }

    .horizontal-nav-open.showTree aside.navigation ul[role=tree] {
        margin-top: 0
    }

    .horizontal-nav-open .horizontal-nav aside.level2.navigation.active ul,
    .horizontal-nav-open .horizontal-nav button.back>ul[role=group],
    .horizontal-nav-open.showTree aside.navigation ul[role=group],
    .qcs #breadcrumb {
        margin-left: 0
    }

    .horizontal-nav-open.showTree aside.navigation .toggle {
        left: 16px
    }

    .horizontal-nav-open.showTree aside.navigation .active>a {
        color: #4b42ba;
        border-left: 0;
        margin-left: 5px;
        padding-left: 15px
    }

    .horizontal-nav-open.showTree aside.navigation .active .toggle {
        left: 20px
    }

    .horizontal-nav-open.showTree aside.navigation .active>.toggle {
        left: 17px
    }

    .horizontal-nav-open.showTree aside.navigation .active>.toggle+a {
        padding-left: 30px;
        margin-left: -10px
    }

    .horizontal-nav-open.showTree aside.navigation .active[aria-expanded=false] .toggle {
        background-image: url("../img/nav/light-arrow-right-pers.svg")
    }

    .horizontal-nav-open.showTree aside.navigation .active[aria-expanded=true]>.toggle {
        background-image: url("../img/nav/light-arrow-down-pers.svg")
    }

    aside.navigation #website-name-header {
        margin-left: 15px
    }

    aside.navigation .toggle {
        background-size: 16px;
        height: 16px;
        width: 16px;
        top: 12px;
        left: 12px
    }

    .showTree aside.navigation ul[role=tree] {
        display: block;
        padding-bottom: 15px;
        margin-top: 5px
    }

    aside.navigation [role=treeitem] {
        padding-left: 22px;
        margin-bottom: 25px
    }

    aside.navigation [role=treeitem][aria-expanded]>a {
        padding-left: 35px
    }

    aside.navigation .active>a {
        padding-top: 5px;
        padding-bottom: 5px;
        margin-left: -2px
    }

    aside.navigation .active>.toggle {
        top: 18px;
        left: 11px
    }

    .horizontal-nav {
        padding: 10px 13px
    }

    .horizontal-nav .nav-button {
        display: block;
        float: left;
        margin-right: 10px
    }

    .horizontal-nav .nav-button .button {
        background-image: url(../img/nav/hamburger-sub-fff.svg);
        background-color: transparent;
        background-repeat: no-repeat;
        background-position: center;
        background-size: 20px;
        transition: background-image 75ms ease-in-out;
        border: 0
    }

    .horizontal-nav .nav-button .button[aria-expanded=true] {
        background-image: url(../img/nav/close2_white.svg)
    }

    .horizontal-nav .level1,
    .horizontal-nav .level2 {
        padding: 0 15px;
        position: absolute;
        left: 0;
        right: 0;
        top: 48px;
        bottom: 0;
        overflow: auto;
        z-index: 1;
        background-color: #30557a;
        display: none
    }

    .horizontal-nav .level1 ul li {
        border-bottom: 1px solid #aaa;
        padding-bottom: 10px;
        margin: 10px 0;
        text-decoration: none
    }

    .horizontal-nav .level2 {
        z-index: 2;
        transition: transform 250ms ease-in-out;
        transform: translate(101%, 0)
    }

    .horizontal-nav .level2.active {
        transform: translate(0, 0)
    }

    .horizontal-nav-open .horizontal-nav {
        height: 100%;
        top: 60px;
        width: 100%;
        z-index: 10;
        position: fixed;
        overflow: auto
    }

    .horizontal-nav-open .horizontal-nav .level1 ul li a,
    .horizontal-nav-open .horizontal-nav .level2 ul li a {
        color: #fff;
        font-weight: 500
    }

    .horizontal-nav-open .horizontal-nav [aria-expanded=true] .toggle {
        background-image: url("../img/nav/light-arrow-down-white.svg");
        left: 18px
    }

    .horizontal-nav-open .horizontal-nav [aria-expanded=false] .toggle {
        background-image: url("../img/nav/light-arrow-right-white.svg");
        left: 18px
    }

    .horizontal-nav-open .horizontal-nav li[role=treeitem] a {
        padding-left: 22px
    }

    .horizontal-nav-open .horizontal-nav ul {
        position: relative;
        display: block;
        padding: 0 10px
    }

    .horizontal-nav-open .horizontal-nav ul li {
        position: relative;
        display: block;
        margin: 13px 0
    }

    .horizontal-nav-open .horizontal-nav ul li.hasToc {
        background-image: url(../img/nav/thin-arrow-right-white.svg);
        background-position: right 5px;
        background-repeat: no-repeat;
        background-size: 18px
    }

    .horizontal-nav-open .horizontal-nav ul li a:focus {
        outline-offset: 11px
    }

    .horizontal-nav-open .horizontal-nav ul li a:focus[tabindex="-1"] {
        outline: 0
    }

    .horizontal-nav-open .horizontal-nav aside.level2.navigation.active li[aria-expanded] ul[role=group] {
        margin-left: 12px
    }

    .horizontal-nav-open .horizontal-nav button.back {
        display: block;
        background-image: url(../img/nav/close-toc-white.svg);
        border: none;
        color: #fff;
        background-color: unset;
        background-repeat: no-repeat;
        padding-left: 27px;
        margin-left: -5px
    }

    .next-nav {
        height: auto
    }

    .next-nav .next-topic,
    .next-nav .previous-topic {
        width: 49%;
        position: relative;
        display: inline-block
    }

    .next-nav .next-topic .title-label,
    .next-nav .previous-topic .title-label {
        display: inline-block;
        width: 100%;
        font-weight: 400;
        font-size: .875em
    }

    .next-nav .next-topic a:before,
    .next-nav .previous-topic a:before {
        top: -3px
    }

    .next-nav .previous-topic a {
        margin: 0 0 5px;
        padding-left: 32px
    }

    .next-nav .next-topic {
        float: right
    }

    .next-nav .next-topic a {
        margin: 0;
        padding-right: 32px
    }

    .next-nav+.row {
        margin-top: 10px
    }

    #breadcrumb {
        margin-left: 30px
    }

    #breadcrumb.root {
        margin-left: 0 !important
    }

    #provider-list {
        display: flex;
        z-index: 9;
        flex-direction: column;
        padding-bottom: 50px
    }

    .mobile-menu-open #provider-list,
    .showSearchBox #provider-list {
        z-index: 1
    }

    #pagination .pages li input:checked+label {
        display: inline;
        font-weight: 400;
        text-decoration: none
    }

    #pagination nav {
        float: left;
        display: block
    }

    #pagination nav:first-child {
        text-align: right;
        width: 40%
    }

    #pagination nav:nth-child(2) {
        text-align: center;
        width: 10%
    }

    #pagination nav:nth-child(3) {
        text-align: left;
        width: 40%
    }

    #pagination {
        font-size: 1.3em
    }

    #results-videos .search-result .card-video,
    .grid .search-result .card-video {
        padding: 25px 25%
    }

    .list .search-result img {
        width: 150px
    }

    .search-extras {
        position: relative;
        display: block;
        float: none;
        top: -5px
    }

    .talend-results {
        position: relative;
        display: block;
        margin-top: 0;
        float: none
    }

    .search-feedback-wrapper .search-feedback-box .feedbackFrame {
        height: 500px
    }

    .search-feedback-wrapper .search-feedback-box {
        width: 90%;
        height: 90%;
        top: 5%;
        left: 5%;
        margin-top: 0;
        margin-left: 0;
        overflow: hidden;
        max-height: 520px
    }

    .search-feedback-wrapper label.QuestionText.BorderColor {
        padding: 0 !important
    }

    .search-page .hidden-filters-close,
    .videos-page .hidden-filters-close {
        display: none;
        background: #404040;
        opacity: .6;
        position: fixed;
        z-index: 11;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0
    }

    .search-page .content .navigation-pane,
    .videos-page .content .navigation-pane {
        left: -120%;
        transition: left 250ms ease-out;
        display: block;
        position: fixed;
        z-index: 15;
        width: 90%;
        margin: 0;
        top: 0;
        bottom: 0;
        height: 100%
    }

    .search-page.show-filters,
    .videos-page.show-filters {
        overflow: hidden
    }

    .search-page.show-filters .content .navigation-pane,
    .videos-page.show-filters .content .navigation-pane {
        left: 0
    }

    .search-page aside.navigation,
    .videos-page aside.navigation {
        box-shadow: 5px 0 8px 0 rgba(0, 0, 0, .2);
        width: 100%;
        height: 100%;
        padding: 0 20px 20px;
        margin-top: 0;
        border: 0;
        overflow: auto
    }

    .search-page .filters-close,
    .videos-page .filters-close {
        right: 25px;
        position: absolute;
        top: 25px;
        display: block
    }

    .search-page .filters-close button,
    .videos-page .filters-close button {
        display: inline-block;
        background: url(../img/nav/close2.svg) center center/14px auto no-repeat;
        border: 2px solid #404040;
        content: "";
        width: 24px;
        height: 24px;
        border-radius: 50%
    }

    .search-page .filters-close button:focus,
    .videos-page .filters-close button:focus {
        outline: #4b4b4b dotted 2px
    }

    .search-page .mobile-filter-container,
    .videos-page .mobile-filter-container {
        justify-content: space-between;
        flex-direction: row;
        align-items: center;
        display: flex
    }

    .search-page .mobile-filter-button,
    .videos-page .mobile-filter-button {
        display: inline-block;
        margin-top: auto
    }

    .search-page .mobile-filter-button button,
    .videos-page .mobile-filter-button button {
        width: auto;
        padding-left: 43px
    }

    .search-page .mobile-filter-button button:after,
    .videos-page .mobile-filter-button button:after {
        right: auto;
        left: 15px
    }
}

#mega .pushdown button:after,
#mega .pushdown>a:after,
.dropdown button:after,
.dropdown>a:after {
    background-position: center bottom;
    background-size: 9px;
    content: "";
    height: 15px;
    background-repeat: no-repeat;
    margin-left: 5px
}

@media only screen and (max-width:920px) and (min-width:921px) {

    .search-page .mobile-filter-container,
    .videos-page .mobile-filter-container {
        display: none
    }
}

.mt-banner {
    text-align: center;
    display: block;
    height: auto;
    background-color: #19426c;
    color: #fff;
    padding: 10px 0
}

.mobile-settings-menu .sub {
    width: calc(100% - 51px)
}

.mobile-settings-menu .sub>li {
    border-bottom: none;
    font-size: 1em
}

.mobile-settings-menu .sub>li.separator {
    background-color: #d5d5d5;
    display: block;
    width: 100%;
    min-height: inherit;
    padding: 0;
    margin-left: 15px;
    height: 1px
}

.mobile-settings-menu .dropdown>ul {
    right: 0
}

.mobile-settings-menu .dropdown>ul li a,
.whats-filters fieldset:last-of-type {
    border-bottom: none
}

.dropdown {
    position: relative;
    display: inline-block;
    text-align: left
}

.dropdown button,
.dropdown>a {
    border: 0;
    padding: 0;
    background: 0 0;
    border-radius: 0;
    box-shadow: none;
    display: inline-block;
    cursor: pointer
}

.dropdown button:after,
.dropdown>a:after {
    display: inline-block;
    padding-top: 2px;
    padding-left: 5px;
    background-image: url("../img/nav/light-arrow-down.svg");
    width: 1em
}

@media only screen and (min-width:921px) {
    main.preview {
        height: calc(100vh - 164px)
    }

    .content .navigation-pane {
        overflow: auto;
        padding: 0 10px
    }

    #wrap {
        position: relative;
        display: flex;
        flex-direction: column;
        height: 100%
    }

    .breadcrumb #wrap {
        margin-top: 157px
    }

    .no-nav #wrap,
    .workflow #wrap {
        margin-top: 0
    }

    .no-nav #wrap {
        padding: 20px
    }

    .page main {
        overflow: hidden;
        position: relative
    }

    .page .navigation-pane {
        -webkit-overflow-scrolling: touch;
        overflow: auto
    }

    .page .content-pane {
        -webkit-overflow-scrolling: touch;
        overflow: auto;
        height: 100%
    }

    .page .content-pane>main {
        padding: 0 10px
    }

    .page footer {
        border-right: 1px solid #e1e1e1
    }

    aside.navigation .active[aria-expanded]>a {
        padding-left: 25px
    }

    .horizontal-nav ul li.selected {
        text-decoration: underline 2px solid #fff
    }

    .dropdown>label {
        display: none
    }

    .dropdown>a+*,
    .dropdown>button+* {
        display: none;
        position: absolute;
        top: 25px;
        right: -10px;
        z-index: 1000;
        min-width: 160px;
        padding: 0 !important;
        margin: 2px 0 0 !important;
        list-style: none !important;
        background-color: #fff;
        border: 1px solid #ccc;
        box-shadow: 0 6px 12px rgba(0, 0, 0, .176);
        background-clip: padding-box
    }

    .dropdown>a+* li,
    .dropdown>button+* li {
        margin-left: 0 !important;
        margin-bottom: 0 !important;
        display: block !important
    }

    .dropdown>a+* li.separator,
    .dropdown>button+* li.separator {
        background-color: #d5d5d5;
        display: inline-block;
        width: 100%;
        height: 1px
    }

    .dropdown>a+* li a,
    .dropdown>button+* li a {
        color: #54565a;
        display: block;
        padding: 7px 15px;
        white-space: nowrap;
        border-bottom: 1px solid #f4f4f4;
        font-weight: initial
    }

    .dropdown>a+* li a:hover,
    .dropdown>button+* li a:hover {
        background: #fafafa;
        text-decoration: none
    }

    .dropdown>a+* li a:focus,
    .dropdown>button+* li a:focus {
        outline-offset: 0
    }

    .dropdown>a+* li ul,
    .dropdown>button+* li ul {
        border-top: 2px solid #ddd
    }

    .dropdown>a+* li:first-child ul,
    .dropdown>button+* li:first-child ul {
        border-top: none
    }
}

@media only screen and (min-width:921px) {
    .dropdown.right>ul {
        right: auto;
        left: -10px
    }

    .version-selector {
        color: #54565a;
        padding-left: 20px
    }

    .version-selector button {
        color: #0f0f0f;
        padding: 7px 15px;
        font-size: 14px;
        white-space: nowrap;
        margin-bottom: 15px;
        background-color: #fff;
        border: 1px solid #c4cfda
    }

    .version-selector button:focus {
        outline: #4b4b4b solid 2px
    }

    .version-selector button:after {
        width: 1.2em;
        background-position: right bottom
    }

    .version-selector button .version-help {
        display: none
    }

    .version-selector>ul {
        display: none;
        position: absolute;
        z-index: 1000;
        min-width: 160px;
        padding: 0 !important;
        margin: 2px 0 0 !important;
        list-style: none !important;
        background-color: #fff;
        border: 1px solid #ccc;
        box-shadow: 0 6px 12px rgba(0, 0, 0, .176);
        background-clip: padding-box;
        top: 30px;
        right: auto
    }

    .version-selector>ul li {
        margin-left: 0 !important;
        margin-bottom: 0 !important;
        display: block !important
    }

    .version-selector>ul li.separator {
        background-color: #d5d5d5;
        display: inline-block;
        width: 100%;
        height: 1px
    }

    .version-selector>ul li a {
        color: #54565a;
        display: block;
        padding: 7px 15px;
        white-space: nowrap;
        border-bottom: 1px solid #f4f4f4;
        font-weight: initial
    }

    .version-selector>ul li a:hover {
        background: #fafafa;
        text-decoration: none
    }

    .version-selector>ul li a:focus {
        outline-offset: 0
    }

    .version-selector>ul li ul {
        border-top: 2px solid #ddd
    }

    .version-selector>ul li:first-child ul {
        border-top: none
    }
}

@media only screen and (min-width:921px) and (max-width:920px) {

    .dropdown>a+* li ul,
    .dropdown>button+* li ul,
    .version-selector>ul li ul {
        border-top: none
    }
}

@media only screen and (min-width:921px) and (min-width:921px) {
    .version-selector>ul {
        right: auto;
        left: 10px
    }
}

.version-display {
    font-weight: 600;
    font-size: 14px;
    position: relative;
    padding: 6px;
    background: #54565a;
    border-radius: 6px;
    color: #fff;
    left: 7px
}

.archived .version-display {
    left: auto
}

#mega {
    position: relative;
    z-index: 11
}

.search-page #mega {
    z-index: 9
}

#mega header .utilities {
    border-bottom: 1px solid #e2e6ec;
    height: 32px;
    padding: 0 20px;
    display: flex;
    align-items: center;
    font-size: .875em
}

#mega header .utilities li a {
    color: rgba(15, 15, 15, .85)
}

#mega .search-container,
#mega header .utilities>ul,
.flexbox .col-1 {
    flex-grow: 1
}

#mega header .utilities>ul li a,
.amp .amp-banner .cta span,
.amp .amp-banner .intro-text span {
    margin-right: 10px
}

#mega header .utilities .link a {
    display: inline-block;
    border: 2px dotted transparent;
    margin-right: 10px;
    padding: 3px;
    color: #54565a
}

#mega header .utilities .link.announcements-link a {
    background-image: url(../img/icons/icon-info-grey.svg);
    background-position: center left;
    background-repeat: no-repeat;
    background-size: 17px;
    padding-left: 20px
}

#mega header .utilities .language button {
    padding-left: 20px;
    background-image: url(../img/icons/global-services.svg);
    background-position: center left;
    background-repeat: no-repeat;
    background-size: 16px;
    color: rgba(15, 15, 15, .85);
    font-size: .875em
}

#mega header .navigation {
    padding: 0 4px;
    height: 80px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #ccc
}

#mega .mobile-menu-button {
    background-image: url(../img/nav/hamburger-brand-grey.svg);
    background-position: center top;
    background-repeat: no-repeat;
    background-color: #fff;
    background-size: 19px;
    display: inline-block;
    padding-top: 19px;
    font-size: .875em;
    align-items: center;
    border: 0
}

#mega .logo,
#mega .mobile-menu-button {
    flex-grow: 1;
    margin-right: 0
}

#mega .logo img,
#mega .mobile-menu-button img {
    width: 150px
}

#mega .logo>a,
#mega .mobile-menu-button>a {
    display: inline-flex;
    align-items: center;
    margin-left: 5px
}

#mega .logo>a span,
#mega .mobile-menu-button>a span {
    color: #54565a;
    font-size: 24px;
    font-weight: 600;
    display: inline-block
}

#mega .logo>a span.preview:after,
#mega .mobile-menu-button>a span.preview:after {
    content: "preview";
    display: block;
    font-size: 16px;
    font-weight: 400;
    margin-top: -5px
}

#mega .logo>a span.preview.eap:after,
#mega .mobile-menu-button>a span.preview.eap:after {
    content: "Internal EAP";
    font-weight: 600;
    margin-top: -12px;
    background-color: #e7004c;
    rotate: -16deg;
    padding: 2px 8px;
    color: #fff
}

#mega .logo>a span.preview.eap.external:after,
#mega .mobile-menu-button>a span.preview.eap.external:after {
    content: "Early Access Program"
}

#mega .logo>a span.preview.external:after,
#mega .mobile-menu-button>a span.preview.external:after {
    content: "Early Access";
    font-weight: 600;
    margin-top: -7px;
    background-color: #ffc72a;
    padding: 2px 8px;
    color: #222
}

#mega .logo>a:focus,
#mega .mobile-menu-button>a:focus {
    border: 0;
    padding: 0;
    outline: #4b4b4b dotted 2px
}

#mega .logo.mobile img,
#mega .mobile-menu-button.mobile img {
    width: 126px
}

#mega .logo.mobile>a span,
#mega .mobile-menu-button.mobile>a span {
    font-size: 1.1em
}

#mega nav {
    position: relative;
    flex-grow: 1
}

#mega nav a,
#mega nav button {
    font-size: 1.2em;
    color: #0f0f0f
}

@media only screen and (max-width:1080px) {

    #mega .logo>a,
    #mega .mobile-menu-button>a {
        padding: 0;
        margin-left: 0;
        margin-right: 0
    }

    #mega nav a,
    #mega nav button {
        font-size: 1.1em
    }

    [lang=tr-TR] #mega nav>ul>li>a,
    [lang=tr-TR] #mega nav>ul>li>button {
        font-size: 14px
    }
}

@media only screen and (max-width:991px) and (min-width:921px) {

    #mega nav a,
    #mega nav button {
        font-size: .9em
    }
}

#mega nav a.goto,
#mega nav button.goto {
    color: #fff;
    font-size: .9em;
    font-weight: 600;
    border: none;
    background: #008936;
    border-radius: 30px
}

#mega nav a.goto:hover,
#mega nav button.goto:hover {
    color: #fff;
    background: #156037
}

#mega nav>ul {
    display: flex;
    flex-flow: row nowrap
}

#mega nav>ul>li {
    display: inline-flex;
    align-items: center;
    order: 1;
    z-index: 2;
    margin-right: 30px
}

#mega nav>ul>li:first-child {
    flex-grow: 0
}

#mega nav>ul>li>a,
#mega nav>ul>li>button {
    white-space: nowrap;
    font-weight: 400;
    display: block
}

#mega nav>ul>li[aria-hidden=true] {
    width: 100%;
    order: 2
}

#mega .selected:before,
#mega [aria-expanded]:before {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 3px;
    top: 30px
}

#mega nav>ul>li.pushdown,
.vertical-filters ul ul {
    margin-left: 15px
}

#mega nav>ul>li.pushdown~li.pushdown,
.card.alabaster.hero .card-content h3,
.card.snow.hero .card-content h3 {
    margin-left: 0
}

#mega .pushdown [aria-hidden=false] {
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    background-color: #f2f2f2;
    margin-top: 15px;
    position: fixed;
    display: flex;
    z-index: 4;
    order: 3;
    left: 0;
    top: 90px;
    width: 100%
}

#mega .pushdown [aria-hidden=false].external-beta {
    top: 149px !important
}

#mega .pushdown h2,
#mega .pushdown h3 {
    margin: 0 0 5px;
    padding: 5px 6px;
    line-height: 1.5;
    font-size: 15px;
    color: #54565a;
    font-weight: 700
}

/* #mega .pushdown button:after,
#mega .pushdown>a:after {
    display: inline-block;
    padding-top: 2px;
    padding-left: 5px;
    background-image: url(../img/nav/light-arrow-down.svg);
    width: 1em;
    content: "▼";
    font-size: 15px;
} */

#mega .pushdown ul.two {
    columns: 2
}

#mega .pushdown-list {
    width: 90%;
    display: flex;
    flex-flow: initial;
    align-items: normal;
    line-height: 2em;
    align-items: normal;
    padding: 0;
    justify-content: center
}

#mega .pushdown-list h3,
#mega .pushdown-list h4 {
    display: block;
    margin: 0 0 5px;
    padding: 5px 6px;
    line-height: 1.42857143;
    font-size: 16px;
    color: #54565a;
    font-weight: 700
}

#mega .pushdown-list a {
    font-size: .92em;
    font-weight: 400;
    color: #0f0f0f;
    display: inline-block;
    line-height: 1.4;
    padding: 4px
}

#mega .pushdown-list a.see-also-link-external::after {
    filter: saturate(0)
}

#mega .pushdown-list a.see-also-link-external.extra {
    font-size: .9rem;
    font-weight: 500
}

#mega .pushdown-list a:focus,
#mega .pushdown-list a:hover {
    text-decoration: underline;
    outline: 0
}

#mega .pushdown-list#more-resources-list ul {
    column-count: 4;
    margin-left: 20px;
    width: 55%;
    position: relative
}

#mega .pushdown-list#mega-onboarding-list {
    justify-content: left
}

@media only screen and (max-width:1366px) {
    #mega nav>ul>li {
        margin-right: 30px
    }

    #mega .pushdown ul.two {
        columns: 1
    }

    #mega .pushdown-list#more-resources-list ul {
        column-count: 2
    }

    #mega .pushdown-list#mega-onboarding-list,
    #mega .pushdown-list.documentation-list {
        padding-left: 0
    }

    #feedback-location .QSIUserDefinedHTML.SI_bmv7ux6Nn22Twh0_UserDefinedHTMLContainer .scrollable {
        width: 100% !important
    }
}

#mega .pushdown-list.documentation-list .doc-categories {
    width: 24%;
    padding: 20px 0
}

#mega .pushdown-list.documentation-list .tablist button {
    background-color: transparent;
    color: #54565a;
    text-align: left;
    display: block;
    width: 100%;
    z-index: 1;
    font-weight: 600;
    font-size: 1em;
    line-height: normal
}

#mega .pushdown-list.documentation-list .tablist button span,
.archived .whats-filters {
    margin-left: 20px
}

.flexbox.row,
.row.amethyst,
.row.portal,
.row.snow,
.row.tanzanite,
.row.turquoise,
.row.wine {
    margin-left: 0;
    margin-right: 0
}

#mega .pushdown-list.documentation-list .tablist button:after {
    background: 0 0;
    display: block;
    width: 100%;
    margin: 0
}

#mega .pushdown-list.documentation-list .tablist button:hover,
#mega .pushdown-list.documentation-list .tablist button[aria-selected=true] {
    background-color: #fff;
    text-shadow: none
}

#mega .pushdown-list.documentation-list .tablist button:hover:after,
#mega .pushdown-list.documentation-list .tablist button[aria-selected=true]:after {
    border-bottom: 2px solid #006937
}

#mega .pushdown-list.documentation-list .tablist a {
    margin-left: 20px;
    font-weight: 400;
    font-size: .875em;
    color: #54565a;
    text-decoration: underline
}

#main:focus,
#mega .pushdown-list.documentation-list .tablist a:focus,
#mega button:focus,
.button.download:focus,
.button.filter:focus,
.button:focus,
.clear-all:focus,
.container.search-page :focus,
.copy-code:focus,
.expandable-button:focus,
.mobile-close-button button:focus,
.navigation-pane:focus,
.news-item:focus,
.onthispage button:focus,
.page-actions:focus,
.row.turquoise .tile a:focus,
.tooltip button:focus,
.whats-filters input[type=checkbox]:focus+label span,
.whats-filters input[type=checkbox]:focus+span,
.whats-filters input[type=radio]:focus+label span,
.whats-filters input[type=radio]:focus+span,
a:focus,
a>img:focus,
input:focus,
main .xref:focus,
select:focus,
textarea:focus {
    outline: #4b4b4b dotted 2px
}

#mega .pushdown-list.documentation-list .tabpanel {
    line-height: 1.5;
    justify-content: left;
    width: 100%;
    border-left: 1px solid #ccc
}

@media only screen and (max-width:1080px) {
    #mega .pushdown-list.documentation-list {
        flex-wrap: wrap
    }

    #mega .pushdown-list.documentation-list .tabpanel {
        width: 30%;
        flex: auto;
        border-bottom: 1px solid #ccc
    }

    #feedback-location .QSIUserDefinedHTML.SI_bmv7ux6Nn22Twh0_UserDefinedHTMLContainer .scrollable {
        width: 100% !important
    }
}

#mega .pushdown-list.documentation-list .tabpanel h2 {
    color: #54565a;
    font-size: 1.1em;
    line-height: 1.4;
    font-weight: 600;
    padding: 4px
}

#mega .pushdown-list.documentation-list .tabpanel h3,
#mega .pushdown-list.documentation-list .tabpanel h4 {
    color: #54565a;
    font-size: 1em;
    font-weight: 600
}

#mega .pushdown-list.documentation-list .tabpanel h3 {
    padding: 4px
}

#mega .pushdown-list.documentation-list .tabpanel h4 {
    font-weight: 400;
    margin-left: 14px;
    border-bottom: 1px solid #ccc
}

#mega .pushdown-list.documentation-list .tabpanel.active,
.flexbox,
.image-container {
    display: flex
}

#mega .pushdown-list.documentation-list .tabpanel ul {
    line-height: 1.2em
}

#mega .pushdown-list.documentation-list .tabpanel>div {
    padding: 10px 30px;
    border-left: 1px solid #ccc;
    margin: 10px 0
}

#mega .pushdown-list.documentation-list .tabpanel>div>p,
.tooltip .tooltip-info div,
.tooltip .tooltip-info li,
.tooltip .tooltip-info p {
    font-size: .875em
}

#mega .pushdown-list.documentation-list .tabpanel#tabs1_tab4_panel>div {
    width: auto
}

#mega .pushdown-list.documentation-list .tabpanel .archive-link {
    background-image: url(../img/icons/folder-sprout.svg);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 18px;
    padding-left: 26px;
    display: block
}

#mega .pushdown-list.documentation-list .tabpanel .talend-logo {
    background-image: url(../img/logos/qlik-talend-new.svg);
    background-position: 2px center;
    background-repeat: no-repeat;
    height: 20px;
    margin-bottom: 6px;
    display: block;
    margin-top: 15px
}

#mega .pushdown-list.documentation-list .tabpanel .lang-note {
    padding: 0 4px 4px 22px;
    font-size: .8em;
    background-image: url(../img/nav/info-1.svg);
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: 0 2px;
    margin-top: 4px;
    margin-left: 2px;
    margin-bottom: 7px
}

#mega .search-container>button {
    background: url(../img/nav/icon-search-grey.svg) center top/19px no-repeat;
    margin-right: 10px;
    padding-top: 19px;
    display: none;
    font-size: .875em;
    border: 0
}

@media only screen and (min-width:921px) {
    .version-selector>ul li {
        padding-left: 0
    }

    #mega .head,
    #mega .mobile-menu-back,
    #mega .mobile-menu-button,
    #mega .mobile-menu-close-button,
    #mega .pushdown [aria-hidden=true] {
        display: none
    }

    #mega .pushdown-list.mega-box-list[aria-hidden=false] {
        display: block
    }

    #mega .pushdown-list.mega-box-list h2 {
        width: 75%;
        color: #0f0f0f;
        margin-left: auto;
        margin-right: auto
    }

    #mega .pushdown-list.mega-box-list ul {
        display: flex;
        width: 75%;
        flex-flow: wrap;
        padding-bottom: 10px;
        padding-top: 20px;
        margin-right: auto;
        margin-left: auto
    }

    #mega .pushdown-list.mega-box-list ul li {
        margin-bottom: 20px;
        margin-right: 20px
    }

    #mega .pushdown-list.mega-box-list ul li a {
        background-color: #fafafa;
        border: 1px solid #244b5a;
        border-radius: 3px;
        display: table-cell;
        vertical-align: middle;
        text-align: center;
        width: 185px;
        height: 140px;
        color: #0f0f0f
    }

    #mega .pushdown-list.mega-box-list ul li a:hover {
        text-decoration: none
    }

    #mega .pushdown-list.mega-box-list ul li a:focus {
        outline: #4b4b4b dotted 2px;
        text-decoration: none
    }

    #mega .pushdown-list.mega-box-list ul li a.active {
        font-weight: 600;
        background-color: #d5d5d5
    }

    #mega .pushdown-list.more-resources-list,
    #mega .pushdown-list.onboarding-list {
        justify-content: left
    }

    #mega .pushdown-list.more-resources-list>div,
    #mega .pushdown-list.onboarding-list>div {
        padding: 20px 50px 20px 20px;
        border-left: 1px solid #ccc
    }

    #mega .pushdown-list.more-resources-list>div h2,
    #mega .pushdown-list.onboarding-list>div h2 {
        color: #0f0f0f;
        font-size: 1.1em;
        font-weight: 600;
        padding: 4px 4px 12px
    }

    #mega {
        position: relative;
        background-color: #fff;
        width: 100%;
        z-index: 11;
        top: 0
    }

    #mega .search-box.mobile {
        position: absolute;
        display: none;
        top: 20px;
        right: 20px
    }

    body.api #wrap .main {
        height: 100%
    }
}

#video-box {
    position: fixed;
    display: none;
    left: 0;
    right: 0;
    z-index: 15
}

#video-box .wrapper {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5%;
    padding: 40px;
    background-color: #c4cfda;
    width: 80%;
    height: 80%;
    border-radius: 2px;
    box-shadow: 0 10px 40px 0 #0f0f0f
}

@media only screen and (max-width:920px) {
    .mt-banner {
        font-size: .85em
    }

    .showSearchBox .su__container {
        left: 0
    }

    .dropdown li a,
    .iframe-link {
        display: block;
        margin-bottom: 16px
    }

    #mega .language-mobile,
    #mega .more-resources-mobile,
    #mega .pushdown-list.documentation-list[aria-hidden=false],
    .dropdown,
    .dropdown [aria-hidden=false]>ul,
    .feedback.filters h2,
    .showTree .version-selector {
        display: block
    }

    .dropdown {
        color: #404040;
        margin-bottom: 16px
    }

    .dropdown>label {
        font-weight: 700;
        display: inline;
        cursor: pointer
    }

    .dropdown ul {
        padding: 0;
        margin: 10px 0 0;
        list-style: none;
        display: none
    }

    .dropdown li {
        background: 0 0;
        padding-left: 30px;
        display: block
    }

    .dropdown button:after,
    .dropdown>a:after {
        background-image: url(../img/nav/light-arrow-down.svg);
        background-size: contain;
        background-position: center;
        position: absolute;
        right: 15px;
        top: 0;
        height: 100%;
        margin: 0;
        padding: 0
    }

    #mega .pushdown button[aria-expanded=true]:after,
    #mega .pushdown-list.documentation-list .tablist-mobile-button a[aria-expanded=true]:after,
    #mega .pushdown-list.documentation-list .tablist-mobile-button button[aria-expanded=true]:after,
    #mega .pushdown>a[aria-expanded=true]:after,
    .dropdown button[aria-expanded=true]:after,
    .dropdown>a[aria-expanded=true]:after {
        transform: rotate(180deg)
    }

    .dropdown button:focus,
    .dropdown>a:focus {
        color: initial
    }

    .version-selector {
        display: none;
        margin: 0 20px;
        border-top: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        padding: 15px
    }

    .version-selector button {
        width: 100%;
        text-align: left
    }

    .version-selector button:after {
        height: 15px;
        top: unset
    }

    .version-selector button .version-help {
        display: inline
    }

    .version-selector a {
        color: #0f0f0f
    }

    .version-display {
        font-weight: 400;
        font-size: 14px;
        display: block;
        top: 0;
        right: 100px;
        padding: 6px
    }

    #mega .pushdown-list.documentation-list .tablist,
    #mega .pushdown-list.documentation-list .tablist-mobile-button,
    #mega .pushdown-list.documentation-list .tabpanel>div p,
    #mega .selected:before,
    #mega [aria-expanded=true]:before,
    #mega header .utilities,
    #mega nav>ul>li:first-child {
        display: none
    }

    #mega header .navigation {
        height: 60px
    }

    #mega .search-container>button,
    #mega header .navigation .announcements-link.active,
    .mobile-menu-open #mega .mobile-menu-close-button {
        display: inline-block
    }

    #mega .logo.mobile,
    #mega .mobile-menu-button.mobile {
        display: inline-block;
        position: relative;
        margin-top: 10px;
        margin-left: 10px
    }

    .mobile-menu-open #mega .logo.mobile,
    .mobile-menu-open #mega .mobile-menu-button.mobile {
        border-bottom: 1px solid #ccc;
        background-color: #f2f2f2;
        z-index: 2;
        left: 0;
        margin-left: 10px;
        margin-right: 10px;
        margin-top: 12px;
        display: block
    }

    #mega nav a.goto,
    #mega nav button.goto {
        background: 0 0;
        color: #54565a;
        font-size: 1.1em;
        font-weight: 400
    }

    #mega nav a.goto:hover,
    #mega nav button.goto:hover {
        color: #009845;
        background: 0 0
    }

    #mega nav>ul {
        display: none;
        width: 100%;
        flex-flow: column
    }

    #mega nav>ul>li>a,
    #mega nav>ul>li>button {
        margin-right: 0
    }

    #mega nav>ul>li.announcements-link {
        display: inline-flex
    }

    #mega nav>ul>li,
    #mega nav>ul>li.language-mobile li {
        border: 0 solid #ccc;
        border-bottom-width: 1px;
        line-height: 2em;
        display: block;
        width: 100%;
        margin-right: 0
    }

    #mega nav>ul>li.language-mobile li>a,
    #mega nav>ul>li.language-mobile li>button,
    #mega nav>ul>li>a,
    #mega nav>ul>li>button {
        font-size: 1.1em;
        margin-bottom: 0;
        position: relative;
        display: block;
        color: #54565a
    }

    #mega nav>ul>li .active,
    #mega nav>ul>li.language-mobile li .active {
        font-weight: 700
    }

    #mega nav>ul>li.language-mobile li>a {
        font-size: 15px
    }

    #mega .selected,
    #mega [aria-expanded],
    #mega nav>ul>li.language-mobile li:last-child {
        border-bottom: 0
    }

    #mega nav>ul>li[aria-hidden=true] {
        order: 1
    }

    #mega nav {
        z-index: 1;
        width: 100%;
        flex-flow: column
    }

    #mega nav a {
        padding: 12px 4px
    }

    #mega .pushdown button:focus,
    #mega .pushdown>a:focus,
    #mega nav a:focus {
        outline-offset: 0
    }

    body.mobile-menu-open {
        overflow: hidden
    }

    body.mobile-menu-open #mega nav>ul {
        display: flex;
        margin: 0;
        padding: 66px 20px 10px;
        background-color: #f2f2f2;
        z-index: 1;
        position: fixed;
        left: 0;
        bottom: 0;
        right: 0;
        top: 0;
        overflow: auto
    }

    body.mobile-menu-open #mega nav .mobile-menu-button {
        background-color: #f2f2f2;
        position: relative;
        z-index: 2;
        border-bottom: 0
    }

    body.mobile-menu-open #mega nav .logo {
        border: 0
    }

    #mega .selected:after,
    #mega [aria-expanded]:after {
        position: absolute;
        right: 15px
    }

    #mega .selected,
    #mega [aria-expanded=true] {
        padding-bottom: 8px;
        border: 0;
        font-weight: inherit
    }

    #mega nav>ul>li.pushdown {
        margin-left: 0
    }

    #mega .pushdown [aria-hidden=false] {
        position: relative;
        background-color: transparent;
        margin: 0;
        top: 0;
        order: 1;
        border: 0
    }

    #mega .pushdown [aria-hidden=false].external-beta {
        top: 0 !important
    }

    #mega .pushdown button,
    #mega .pushdown>a {
        font-weight: 400;
        color: #0f0f0f;
        line-height: 1.4;
        font-size: 1.1em;
        padding: 12px 4px
    }

    #mega .pushdown button:after,
    #mega .pushdown>a:after {
        background-image: url(../img/nav/light-arrow-down.svg);
        background-size: contain;
        background-position: center;
        height: 100%;
        top: 0;
        margin: 0;
        padding: 0
    }

    #mega .pushdown-list a {
        font-size: .875em
    }

    #mega .pushdown-list {
        width: 100%;
        flex-flow: row wrap;
        align-items: flex-start;
        padding: 0;
        display: none
    }

    #mega .pushdown-list>div {
        width: 100%;
        padding-bottom: 0 !important
    }

    #mega .pushdown-list>div h2+ul {
        padding-bottom: 10px;
        display: block
    }

    #mega .pushdown-list#more-resources-list ul {
        column-count: unset;
        padding-bottom: unset;
        position: unset;
        right: unset
    }

    #mega .pushdown-list.documentation-list .tabpanel {
        border-left: 0;
        flex-direction: column;
        width: auto;
        background: 0 0
    }

    #mega .pushdown-list.documentation-list .tabpanel h2 {
        font-size: .92em
    }

    #mega .pushdown-list.documentation-list .tabpanel>div:first-child {
        margin-bottom: 8px;
        margin-top: 8px
    }

    #mega .pushdown-list.documentation-list .tabpanel .archive-link {
        background-position: left center;
        padding-left: 35px
    }

    #mega .pushdown-list.documentation-list .tabpanel.active,
    #mega .pushdown-list.documentation-list .tabpanel.active-mobile {
        display: flex
    }

    #mega .pushdown-list.documentation-list .tabpanel>div {
        width: auto;
        padding: 0;
        margin: 0;
        border: 0
    }

    #mega .pushdown-list.documentation-list .tabpanel>div ul {
        margin: 0
    }

    #mega .pushdown-list.documentation-list .tablist-mobile-button a,
    #mega .pushdown-list.documentation-list .tablist-mobile-button button {
        text-align: left;
        position: relative;
        padding: 8px 18px;
        background: 0 0;
        display: block;
        width: 100%;
        border: 0;
        font-size: 16px;
        color: #54565a
    }

    #mega .pushdown-list.documentation-list .tablist-mobile-button a:after,
    #mega .pushdown-list.documentation-list .tablist-mobile-button button:after {
        width: 1em;
        position: absolute;
        right: 15px
    }

    #mega .pushdown-list.documentation-list .tablist-mobile-button a[aria-expanded=true],
    #mega .pushdown-list.documentation-list .tablist-mobile-button button[aria-expanded=true] {
        margin-bottom: 8px
    }

    #mega .pushdown-list.documentation-list .tablist-mobile-button a {
        background-image: url(../img/nav/archive.svg);
        background-position: 18px center;
        background-repeat: no-repeat;
        background-size: 16px;
        padding-left: 44px
    }

    #mega .pushdown-list.more-resources-list>div h2,
    #mega .pushdown-list.onboarding-list>div h2 {
        color: #0f0f0f;
        font-size: .92em;
        font-weight: 600;
        padding: 4px 4px 12px
    }

    #mega header {
        justify-content: space-between;
        -ms-flex-pack: distribute;
        align-items: center;
        box-shadow: none
    }

    #mega .dropdown {
        margin-bottom: 0
    }

    #video-box .wrapper {
        width: 95%
    }
}

#video-box .close {
    background: url(../img/nav/close.svg) center/22px no-repeat;
    position: absolute;
    cursor: pointer;
    height: 40px;
    width: 40px;
    right: 5px;
    top: 5px
}

#video-box iframe {
    border: 6px solid #54565a;
    width: 100%;
    height: 100%
}

#results-videos ul.tags,
#video-box ul.tags {
    list-style: none;
    padding: 0 0 0 42px;
    margin: 15px 0 60px;
    display: inline-block;
    background-image: url(../img/nav/tags.svg);
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: 2px 2px
}

#results-videos ul.tags li,
#video-box ul.tags li {
    list-style: none;
    margin: 0 20px 0 0;
    display: inline-block;
    line-height: 24px;
    height: 24px;
    vertical-align: middle
}

#results-videos ul.tags li a,
#video-box ul.tags li a {
    color: #0f0f0f;
    text-decoration: underline
}

body #vidyard-popbox {
    top: auto;
    left: auto;
    transform: none;
    position: relative
}

body #vidyard-popbox .vidyard-lightbox-content-backer {
    transition: none !important;
    background-color: #fff
}

body #vidyard-overlay-wrapper {
    transition: none
}

.feedback.filters {
    border-top: 1px solid #e1e1e1;
    margin-top: 50px;
    padding-left: 0
}

.feedback.filters h2 {
    font-size: 1.8em;
    font-weight: 600;
    margin-top: 10px
}

.feedback.filters button,
.feedback.filters textarea:focus {
    outline-color: #002e5c
}

.feedback.filters fieldset {
    padding: 10px;
    margin: 0;
    position: relative
}

.feedback.filters fieldset>div {
    float: left;
    display: block;
    position: relative;
    white-space: nowrap;
    vertical-align: middle;
    padding: 4px 20px 0 0
}

.center-list h2,
body.api .field-items>div,
body.api .parameters>div {
    padding-bottom: 10px
}

.feedback.filters fieldset>div input[type=radio] {
    top: calc(50% - 4px);
    left: calc(50% - 10px)
}

.feedback.filters fieldset>div input[type=radio]:focus+label {
    border-color: #002e5c
}

.feedback.filters fieldset label {
    text-transform: uppercase;
    background-color: #fff
}

.feedback.filters fieldset .feedback-error {
    border-left: 1px solid #9fa1a4;
    background-image: url(../img/nav/warning-darkred.svg);
    background-position: 16px center;
    background-repeat: no-repeat;
    background-size: 24px;
    min-height: 33px;
    padding: 9px 0 9px 50px;
    vertical-align: middle;
    white-space: normal;
    color: #8b0000;
    display: none;
    float: left
}

.feedback.filters.error.filters fieldset .feedback-error,
.feedback.filters.error.filters fieldset .feedback-error-icon {
    display: table-cell
}

.feedback.filters textarea {
    border: 1px solid #9fa1a4;
    width: 100%;
    height: 200px;
    -webkit-appearance: textfield;
    margin: 10px 0;
    padding: 10px
}

.feedback.filters .counter {
    color: #1c355e;
    clear: both;
    padding: 3px 0;
    display: block;
    right: 35px;
    position: absolute;
    font-size: .875em
}

#feedback-thankyou {
    border-top: 1px solid #e1e1e1;
    display: none;
    padding: 2em 1em;
    color: #009845;
    text-align: center;
    width: 100%;
    font-size: 1.8em;
    font-weight: 600
}

.feedback-location {
    border-top: 1px solid #ddd;
    margin-top: 30px
}

.feedback-location textarea.QSI__EmbeddedFeedbackContainer_OpenText {
    width: 100% !important;
    padding: 7px !important
}

.feedback-location .QSI__EmbeddedFeedbackContainer_QuestionText:focus,
.feedback-location button.QSI__EmbeddedFeedbackContainer_StarButton:focus,
.feedback-location textarea.QSI__EmbeddedFeedbackContainer_OpenText:focus {
    outline: #4b4b4b dotted 2px !important
}

.feedback-location button.QSI__EmbeddedFeedbackContainer_TextButton {
    font-weight: 700 !important;
    padding: .6em 1.4em !important
}

.feedback-location button.QSI__EmbeddedFeedbackContainer_TextButton:hover {
    background: #006937 !important;
    color: #fff !important
}

.feedback-location button.QSI__EmbeddedFeedbackContainer_TextButton:focus {
    outline: #4b4b4b dotted 2px !important;
    outline-offset: 3px;
    color: #fff !important
}

.feedback-location button.QSI__EmbeddedFeedbackContainer_StarButton svg>path,
.feedback-location button.QSI__EmbeddedFeedbackContainer_StarButton:hover svg path {
    fill: #ffc72a !important
}

.feedback-location button.QSI__EmbeddedFeedbackContainer_StarButton svg>path~path {
    fill: dimgray !important
}

#feedback-location .QSIUserDefinedHTML.SI_bmv7ux6Nn22Twh0_UserDefinedHTMLContainer {
    width: 100% !important;
    height: 390px !important
}

#feedback-location .QSIUserDefinedHTML.SI_bmv7ux6Nn22Twh0_UserDefinedHTMLContainer .scrollable {
    width: 100% !important;
    height: 420px !important;
    overflow: hidden !important
}

@media only screen and (max-width:510px) {
    #feedback-location .QSIUserDefinedHTML.SI_bmv7ux6Nn22Twh0_UserDefinedHTMLContainer .scrollable {
        width: 100% !important
    }
}

@media only screen and (max-width:370px) {
    #feedback-location .QSIUserDefinedHTML.SI_bmv7ux6Nn22Twh0_UserDefinedHTMLContainer .scrollable {
        width: 100% !important
    }
}

#feedback-location .QSIUserDefinedHTML.SI_bmv7ux6Nn22Twh0_UserDefinedHTMLContainer>div {
    width: 100% !important;
    height: 400px !important;
    z-index: 3 !important
}

#feedback-location .QuestionBody>.ChoiceStructure>textarea {
    padding: 10px !important;
    max-width: 650px !important
}

@media only screen and (max-width:1080px) {
    #feedback-location .QuestionBody>.ChoiceStructure>textarea {
        width: 70% !important
    }

    .row .link-list-arrows li a {
        margin-right: 10px
    }
}

#feedback-location .Skin {
    width: 80% !important
}

.archive .gray,
.archive .light {
    text-align: left;
    padding: 40px 0
}

.archive .gray .goto-link,
.archive .light .goto-link {
    padding: 12px 14px
}

.archive nav ol,
.archive nav ul {
    margin-top: 30px;
    column-count: 4;
    column-gap: 20px;
    text-align: left
}

@media only screen and (max-width:920px) {
    .feedback.filters fieldset {
        display: block
    }

    #feedback-location .QSIUserDefinedHTML.SI_bmv7ux6Nn22Twh0_UserDefinedHTMLContainer,
    #feedback-location .QSIUserDefinedHTML.SI_bmv7ux6Nn22Twh0_UserDefinedHTMLContainer>div {
        height: 420px !important
    }

    #feedback-location .QSIUserDefinedHTML.SI_bmv7ux6Nn22Twh0_UserDefinedHTMLContainer .scrollable {
        width: 100% !important;
        height: 450px !important
    }

    #feedback-location .QuestionBody>.ChoiceStructure>textarea {
        width: 40% !important
    }

    .feedbackFrame {
        height: 450px
    }

    .archive nav ol,
    .archive nav ul {
        column-count: 1
    }

    body.api #mega .title {
        float: left;
        padding-bottom: 5px
    }
}

.archive nav li {
    display: inline-block;
    width: 100%;
    margin-bottom: 5px;
    margin-top: 10px
}

.archive nav li a {
    float: unset !important;
    margin-top: unset !important;
    text-decoration: underline
}

.archive nav h2 {
    font-size: 1.8em;
    font-weight: 400;
    margin-bottom: 10px;
    margin-top: 0
}

body.api em {
    font-variant: small-caps;
    font-style: normal;
    background-color: #fdfdfd;
    padding: 0 4px
}

#announcement-banner .buttons,
body.api a[role=treeitem] {
    white-space: nowrap
}

body.api #topicContent {
    padding-bottom: 50px
}

body.api #mega {
    background-color: #244b5a;
    color: #fff
}

body.api #mega .logo {
    height: 42px
}

body.api #mega .mega-search {
    padding-top: 10px
}

body.api #mega .title {
    padding-left: 2px;
    font-size: 1.1em;
    font-weight: 700
}

body.api #mega .version {
    padding-left: 2px;
    font-size: .875em
}

@media only screen and (max-width:920px) and (-webkit-min-device-pixel-ratio:2),
only screen and (max-width:920px) and (min-device-pixel-ratio:2),
only screen and (max-width:920px) and (min-resolution:192dpi) {
    body.api #mega {
        min-height: initial
    }

    body.api #mega .mega-logo {
        margin-top: 0
    }

    body.api #mega .mega-logo .logo {
        height: 35px
    }

    body.api #mega .mega-logo img {
        display: initial
    }

    body.api #mega .mega-logo a:before {
        display: none
    }
}

body.api .navigation .tree-header {
    min-height: 20px;
    margin: 0
}

body.api .field-items dd,
body.api .field-items dt,
body.api .parameters dd,
body.api .parameters dt {
    float: left;
    margin-top: 4px
}

body.api .field-items dt,
body.api .parameters dt {
    font-family: "Source Code Pro", Monaco, Menlo, Consolas, "Courier New", monospace;
    background-color: #f4f4f4;
    font-weight: 700;
    padding: 2px 4px;
    display: inline;
    clear: left
}

body.api .field-items dt .deprecated:before,
body.api .parameters dt .deprecated:before {
    content: "("
}

body.api .field-items dt .deprecated:after,
body.api .parameters dt .deprecated:after {
    content: ")"
}

body.api .field-items dd,
body.api .parameters dd {
    display: inline;
    margin-left: 5px;
    clear: right
}

.filters-info-group .sorting,
a.right {
    float: right
}

a.left {
    float: left
}

.snow {
    background: #fff;
    border-bottom: 1px solid #ededed
}

.card.alabaster,
.snow.alabaster {
    background: rgba(196, 207, 218, .15)
}

.gray,
.snow {
    padding: 40px 0;
    margin: 0
}

.gray .subheader,
.snow .subheader {
    font-weight: 400;
    margin-bottom: 15px;
    padding-bottom: 8px;
    font-size: 1.1em;
    margin-top: 0
}

.gray h2,
.snow h2 {
    margin-bottom: 15px;
    text-align: left;
    font-size: 2em
}

.gray h3,
.snow h3 {
    text-align: left;
    margin: 0
}

.col-4,
.col-6,
.gray p,
.gray ul,
.row.gray .col-4,
.row.portal.gray,
.row.snow .col-6,
.snow p,
.snow ul {
    text-align: left
}

.gray .col-6,
.snow .col-6 {
    padding: 0 40px 0 0;
    margin: 0
}

.gray .col-6 h2,
.snow .col-6 h2 {
    font-weight: 400;
    margin-bottom: 0;
    padding-bottom: 8px;
    text-align: left;
    font-size: 2em
}

.gray .col-6 h2 a,
.snow .col-6 h2 a {
    color: #009845;
    border-bottom: 1px solid
}

.center-list .resource-link:focus,
.gray .col-6 h2 a:focus,
.gray .col-6 h3 a:focus,
.row .wrap h3 a:focus,
.snow .col-6 h2 a:focus,
.snow .col-6 h3 a:focus {
    outline-color: #006937
}

.gray .col-6 h3,
.snow .col-6 h3 {
    font-weight: 400;
    margin-bottom: 0;
    padding-bottom: 8px;
    margin-top: 0;
    text-align: left
}

.gray .col-12,
.snow .col-12 {
    padding: 30px 0 10px
}

.gray .col-12 h1,
.snow .col-12 h1 {
    font-weight: 600;
    text-align: left;
    font-size: 2.8em
}

.gray .col-12 .titlepic,
.snow .col-12 .titlepic {
    float: left;
    margin-right: 20px
}

.gray .col-12 p,
.snow .col-12 p {
    text-align: left;
    /* width: 75% */
}

.gray .col-12 a,
.snow .col-12 a {
    color: #006937;
    border-bottom: 1px solid
}

.gray .col-12 img,
.snow .col-12 img {
    width: 230px;
    position: absolute;
    padding: 0 10px 15px 0;
    top: 70px;
    right: 30px
}

.gray .wrap .col-12,
.snow .wrap .col-12 {
    padding: 0 0 30px
}

.wrap {
    display: flex;
    flex-wrap: wrap
}

.gray {
    background: #f6f7f8
}

.portal-image,
.sense-middle-back {
    background-repeat: no-repeat;
    background-size: 100%
}

.portal-image,
.sense-top-back {
    background-position-x: right;
    position: absolute;
    right: 0
}

.center-list h2 {
    font-weight: 300;
    font-size: 1.8em;
    color: #0f0f0f;
    margin: 50px 0;
    text-align: center
}

.pageheader h1,
.row.amethyst.no-toc h1 {
    font-size: 2.5em
}

.center-list li {
    width: 25%;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    text-align: center
}

.center-list .resource-link {
    display: inline-block;
    position: relative;
    text-align: center;
    border-radius: 2px;
    margin-bottom: 15px;
    border-bottom: 0
}

.center-list .resource-link img {
    height: 120px;
    width: 120px;
    margin-top: -5px;
    margin-bottom: -10px;
    background: #ffc72a;
    border-radius: 50%;
    padding: 15px
}

.center-list .resource-link .title {
    color: #0f0f0f;
    font-size: 1.3em;
    display: block;
    height: 55px;
    font-weight: 100;
    margin: 15px 0 20px
}

.row .link-list-arrows {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: left;
    transition: background .1s ease-in-out
}

.row .link-list-arrows li {
    border-bottom: 1px solid #ddd;
    width: 100%;
    padding: 8px 0
}

.row .link-list-arrows li a {
    color: #006937;
    border-bottom: none;
    text-decoration: none;
    font-size: .92em;
    background-repeat: no-repeat;
    background-size: 11px;
    background-position: center right;
    padding-right: 16px
}

.row .link-list-arrows li a.pdf::after {
    background: url("../img/file-icons/Pdf-green.svg") 0 0/12px no-repeat
}

.row .link-list-arrows li a:focus,
.row.gray .col-12 a:focus,
.row.snow .col-12 a:focus {
    outline: #222222 dotted 2px
}

#common-questions ul li a:hover,
#get-started ul li a:hover,
.row .link-list-arrows li a:hover,
.welcome-text p a {
    color: #006937;
    text-decoration: underline
}

.row a.goto-link {
    color: #fff;
    background: #009844;
    display: inline-block;
    transition: background .1s ease-in-out;
    text-decoration: none;
    border-radius: 30px;
    padding: 10px 20px;
    float: none;
    margin-top: 20px;
    font-size: 1.2rem;
    font-weight: 700
}

.row a.goto-link:hover {
    background: #006937;
    text-decoration: underline
}

.row a.goto-link.secondary {
    background: url(../img/nav/thin-arrow-right-green.svg) #fff;
    color: #009844
}

.row .wrap .link-list-header {
    display: block;
    width: 100%;
    margin-top: 30px;
    padding-bottom: 0;
    position: relative;
    bottom: -6px
}

.row .wrap h3 {
    text-align: left;
    padding-bottom: 8px
}

.row .wrap h3 a {
    border-bottom: 1px solid;
    color: #009845
}

.row .card .link-list-arrows {
    margin: 15px 0
}

.row.gray .container .col-12,
.row.gray .container .col-4,
.row.gray .container .col-6,
.row.snow .container .col-12,
.row.snow .container .col-4,
.row.snow .container .col-6 {
    padding-left: 0;
    padding-right: 40px
}

.row.gray .container .row .col-12,
.row.gray .container .row .col-4,
.row.gray .container .row .col-6,
.row.snow .container .row .col-12,
.row.snow .container .row .col-4,
.row.snow .container .row .col-6 {
    margin: 20px 0;
    padding-left: 0;
    padding-right: 40px
}

.row.gray .english-only,
.row.snow .english-only {
    margin-left: 5px;
    font-size: 14px
}

.row.gray a.close,
.row.gray a.vid,
.row.snow a.close,
.row.snow a.vid {
    border-bottom: none !important
}

.subheader {
    font-weight: 300;
    font-size: 1.5em;
    margin: 0;
    padding: 0;
    text-align: left
}

.portal-image {
    background-image: url(../img/portal/box-grafik.png);
    background-position-y: bottom;
    width: 15%;
    height: 700px;
    top: 450px
}

.sense-top-back {
    background-image: url(../img/portal/sense-top-back.png);
    background-repeat: repeat-x;
    background-position-y: top;
    background-size: 22%;
    width: 100%;
    height: 340px
}

.sense-middle-back {
    background-image: url(../img/portal/sense-middle-back.png);
    background-position-y: center;
    background-position-x: left;
    width: 300px;
    height: 520px;
    position: absolute;
    left: 0;
    top: 86%
}

.qlikview-bottom-back,
.qlikview-top-back {
    background-size: 100%;
    width: 20%;
    height: 700px;
    position: absolute;
    background-repeat: no-repeat
}

.qlikview-top-back {
    background-image: url(../img/portal/qlikview-top-back.png);
    background-position-y: top;
    background-position-x: right;
    right: 0;
    bottom: 0
}

.qlikview-bottom-back {
    background-image: url(../img/portal/qlikview-bottom-back.png);
    background-position-y: bottom;
    background-position-x: left;
    left: 0
}

.card .card-video,
.pageheader {
    height: auto
}

.pageheader {
    text-align: center;
    color: #fff;
    background-color: #006580;
    background-image: url(../img/portal/abstract-lines.png);
    background-position: center;
    margin: 0
}

.pageheader h1 {
    font-weight: 400;
    padding: 0;
    margin-top: 34px
}

.pageheader .introduction {
    font-size: 1.4em;
    padding-bottom: 1em;
    font-weight: 100;
    margin-top: 0
}

.row .col-6.data-integration,
.row.tanzanite,
.row.turquoise,
.row.wine {
    padding: 40px 0
}

.anchor-list a[href^="#"]::after,
a.close,
a.close[href^="#"]::after,
a.vid,
a.vid[href^="#"]::after {
    background-image: none;
    border-bottom: none;
    content: none
}

a.close:hover,
a.vid:hover {
    border-bottom-style: none
}

.centered {
    text-align: center !important
}

.row.tanzanite {
    background-color: #1c355e;
    color: #fff
}

.row.tanzanite a.goto-link,
.row.turquoise a.goto-link,
.row.wine a.goto-link {
    background: 0 0;
    border: 2px solid #fff
}

.row.tanzanite a.goto-link:hover,
.row.wine a.goto-link:hover {
    background: #fff;
    color: #1c355e;
    text-decoration: underline
}

#QWbanner a,
#cta-bottom .cta-button:hover a,
.button.download.active,
.button.download:active,
.button.filter.active,
.button.filter:active,
.card.amethyst *,
.card.amethyst.linked>a h2,
.card.amethyst.linked>a h3,
.card.emerald *,
.card.emerald.linked>a h2,
.card.emerald.linked>a h3,
.card.sapphire *,
.card.sapphire.linked>a h2,
.card.sapphire.linked>a h3,
.card.tanzanite *,
.card.tanzanite.linked>a h2,
.card.tanzanite.linked>a h3,
.card.turquoise *,
.card.turquoise.linked>a h2,
.card.turquoise.linked>a h3,
.card.wine *,
.card.wine.linked>a h2,
.card.wine.linked>a h3,
.intro-box a.button,
.onboarding-header.active a,
.onboardingpage a.button,
.row.amethyst a,
.row.portal.amethyst a.goto-link,
.row.portal.amethyst a.right,
.row.turquoise .tile,
.row.turquoise .tile a,
.row.turquoise .tile h2,
.row.turquoise .tile h3,
.row.turquoise .tile h4,
.row.turquoise a,
.row.wine,
.row.wine a,
.welcome-box .text a,
.welcome-box .text h2,
.welcome-box .text h3,
.welcome-box .text p {
    color: #fff
}

.row.amethyst .button:focus,
.row.tanzanite a.goto-link:focus,
.row.turquoise .button:focus,
.row.turquoise a.goto-link:focus,
.row.wine a.goto-link:focus {
    outline: #fff dotted 2px !important
}

.row.tanzanite.landing {
    background-color: #fff;
    background-image: url(../img/portal/help-portal-2024-back.jpg);
    background-repeat: no-repeat;
    background-position: right
}

.row.tanzanite.landing h1 {
    margin-top: 0;
    display: inline-block
}

.row.wine {
    background: #870064
}

.row.turquoise.landing {
    background-image: url(../img/portal/contrail-wings-cut-2024.png);
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 45%
}

.row.turquoise a.goto-link:hover {
    background: #fff;
    color: #006580;
    text-decoration: underline
}

.optanon-alert-box-wrapper .banner-content a.banner-policy-link,
.row.amethyst h3,
.row.turquoise h3 {
    color: #fff !important
}

.row.amethyst {
    background: #655dc6;
    color: #fff;
    padding: 60px 0
}

.row.amethyst a.goto-link {
    border-width: 2px;
    border-style: solid
}

.row.amethyst.no-toc {
    background-image: url(../img/portal/qcs-portal-back-2-2024.jpg);
    background-repeat: repeat-y;
    background-position: right -18px;
    background-color: #fff;
    color: #19426c;
    background-size: 60%
}

.row.amethyst.no-toc .col-6.nopadding>h1 {
    margin-top: 0;
    margin-bottom: 12px
}

.row.portal {
    padding: 40px
}

.row.portal h3 {
    font-size: 1.8em;
    font-weight: 500
}

.row.portal h3.category-title {
    font-size: 1.6em;
    font-weight: 500;
    padding-bottom: 5px;
    margin-top: 40px;
    margin-bottom: 10px
}

.row.portal h2,
.row.portal.amethyst h2 {
    font-size: 2.1em;
    font-weight: 400
}

.row.portal h4 {
    font-size: 1.2em;
    font-weight: 600
}

.row.portal h4.category-title {
    border-bottom: 1px solid #d3d3d3;
    padding-bottom: 5px;
    margin-top: 40px
}

.row.portal.gray .see-all {
    float: right;
    margin: 20px 40px;
    text-decoration: underline
}

.amp,
.row.portal.amethyst {
    background: #655dc6;
    color: #fff
}

.row.portal.amethyst h2 {
    text-align: center;
    margin-bottom: 40px;
    margin-top: 10px;
    color: #fff
}

.row.portal.amethyst h3 {
    color: #fff;
    margin-left: 40px
}

.row.landing {
    padding: 60px 0;
    color: #333
}

.row.landing .intro h1 {
    font-size: 3.2em;
    font-weight: 500
}

.row.landing h1 {
    margin-top: 12px;
    margin-bottom: 15px;
    font-size: 2.5em;
    font-weight: 600;
    color: #19426c
}

.image {
    background-repeat: no-repeat !important;
    background-position: center;
    background-size: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.image::after {
    content: ".";
    visibility: hidden
}

.image.right {
    background-position: right;
    background-size: 50%
}

.image.left {
    background-position: left;
    background-size: 50%
}

.image.cover {
    background-size: cover
}

.extra-padding {
    margin-bottom: 35px
}

#common-questions ul,
#get-started ul,
.anchor-list,
.onboardbox ul,
.onboarding-content .text-space ul,
.page-actions li,
.page-actions ol,
.page-actions ul,
body.csh-tool .tri-back .top-mini ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.anchor-list li {
    display: inline-block;
    margin-right: 15px;
    vertical-align: middle
}

.anchor-list li::after {
    content: "|";
    padding-left: 15px
}

.anchor-list li a {
    font-weight: 600;
    font-size: 1.2em;
    color: #006937;
    text-decoration: none
}

.anchor-list li a:focus,
.box-alabaster .flex-links a:focus,
.box-alabaster h2 a:focus,
.box-alabaster h3 a:focus,
.box-alabaster>a:focus,
.box-snow .flex-links a:focus,
.box-snow h2 a:focus,
.box-snow h3 a:focus,
.box-snow>a:focus,
.box-stone .flex-links a:focus,
.box-stone h2 a:focus,
.box-stone h3 a:focus,
.box-stone>a:focus {
    outline: #006937 dotted 2px
}

.col-6.intro .tooltip,
.col-8.intro .tooltip {
    top: 6px
}

.col-6.intro .tooltip button,
.col-8.intro .tooltip button {
    backdrop-filter: blur(10px) opacity(90%)
}

.intro {
    padding: 15px 0
}

.intro .subheader {
    margin-bottom: 30px;
    margin-right: 30px;
    line-height: 30px;
    font-size: 1.3em
}

.intro .subheader>span {
    color: #222
}

.intro .subheader span.mc-variable {
    background-color: unset;
    backdrop-filter: unset
}

.hero-nav {
    background-color: #f6f7f8
}

.hero-nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: left
}

.hero-nav ul li {
    display: inline-block;
    padding: 15px 0
}

.hero-nav ul li a {
    font-weight: 700;
    text-decoration: none;
    font-size: 1.2rem
}

.hero-nav ul li a::after {
    background-image: none;
    width: unset
}

.hero-nav ul li a[href^="#"]:after {
    content: none
}

.hero-nav ul li::after {
    content: " | ";
    width: 20px;
    margin-left: 10px;
    margin-right: 10px
}

.hero-nav.amethyst ul {
    background-color: #4b42ba
}

#announcement-banner {
    background: #94579c;
    color: #fff;
    position: relative;
    display: none
}

#announcement-banner .close {
    background: url(../img/icons/closeme.svg) center/15px no-repeat;
    text-decoration: none;
    position: absolute;
    text-align: center;
    z-index: 1;
    width: 36px;
    right: 15px;
    top: 0;
    bottom: 0;
    display: block;
    border: 0
}

#announcement-banner .close:focus {
    outline: #ffffff dotted 2px;
    outline-offset: -2px
}

#announcement-banner li,
#announcement-banner ol,
#announcement-banner ul {
    display: inline-block;
    list-style: none;
    padding: 0;
    margin: 0
}

#announcement-banner .items {
    display: flex;
    line-height: 36px;
    height: 36px
}

#announcement-banner .buttons li {
    display: inline-block;
    text-align: center;
    cursor: pointer;
    width: 21px;
    height: 36px;
    line-height: 1em
}

#announcement-banner .buttons li:last-child {
    margin-right: calc(18px + 4px)
}

#announcement-banner .buttons button {
    display: inline-block;
    position: relative;
    background: 0 0;
    border: 2px dotted transparent;
    vertical-align: middle;
    border-radius: 10px;
    width: 20px;
    height: 20px;
    padding: 0;
    margin: 0
}

#announcement-banner .buttons button span {
    transition: background 250ms ease-in-out;
    position: absolute;
    display: inline-block;
    border-radius: 4px;
    overflow: hidden;
    color: transparent;
    background: #fff;
    width: 8px;
    height: 8px;
    top: 4px;
    left: 4px
}

#announcement-banner .buttons button.active span,
.card.snow,
body.csh-tool .tri-back .wback {
    background: #fff
}

#announcement-banner .buttons button:focus {
    outline: 0;
    border-color: #fff
}

#announcement-banner .announcements {
    position: relative;
    display: block;
    width: 100%
}

#announcement-banner .announcements li {
    text-overflow: ellipsis;
    padding: 0 5px;
    position: absolute;
    white-space: nowrap;
    overflow: hidden;
    opacity: 0;
    z-index: 1;
    width: calc(100% - 36px);
    transition: opacity 750ms ease-in-out
}

#announcement-banner .announcements li.active {
    opacity: 1
}

#announcement-banner .announcements a {
    border-bottom: 0 dotted #fff;
    color: #fff
}

#announcement-banner .announcements a:after {
    background-image: url(../img/nav/light-arrow-right-white.svg);
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: 10px;
    display: inline-block;
    margin-left: 2px;
    height: 20px;
    width: 10px;
    content: ""
}

#announcement-banner .announcements a:focus {
    outline: 0;
    border-bottom-width: 2px
}

#topicContent h3[data-mc-conditions^=Features] a,
.announcement-item [id^=anchor] {
    position: relative;
    pointer-events: none
}

.announcement-item [id^=anchor]:before {
    content: "";
    display: block;
    position: relative;
    margin-top: -4em;
    visibility: hidden;
    height: 4em
}

.announcement-item h2 {
    font-size: 1.8em;
    font-weight: 400;
    margin-bottom: 10px;
    margin-top: 0;
    max-width: calc(100% - 100px)
}

.announcement-item .date {
    display: block;
    color: #54565a;
    padding: 10px 0
}

.announcement-item .date::before {
    content: "";
    display: inline-block;
    background-image: url(../img/icons/calendar-2.svg);
    background-size: auto 18px;
    background-position: top;
    background-repeat: no-repeat;
    vertical-align: middle;
    margin: 0 10px;
    width: 24px;
    height: 19px
}

.copy-code,
.rss-channel-page .rss-link:before {
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute
}

.announcements .gray,
.announcements .light {
    text-align: left;
    border-bottom: 2px solid #fff
}

.announcements h1 {
    font-size: 2.4em;
    margin-top: 30px
}

.rss-channel-page {
    color: #333
}

.rss-channel-page #main {
    padding-top: 40px
}

.rss-channel-page h1 {
    font-size: 1.4378em;
    font-weight: 700;
    color: #54565a
}

.rss-channel-page h2 {
    border-bottom: 1px solid silver;
    margin-top: 30px;
    margin-bottom: 0;
    padding-bottom: 5px;
    font-size: 1em;
    font-weight: 400
}

.rss-channel-page .back {
    padding-left: 20px;
    background-image: url(../img/nav/dash-arrow-dark-left.svg);
    background-repeat: no-repeat;
    background-size: 18px auto;
    background-position: left center
}

.rss-channel-page .rss-link {
    position: relative;
    padding-left: 20px
}

.rss-channel-page .rss-link:before {
    background-image: url(../img/icons/rss.svg);
    background-size: 12px 12px;
    background-color: orange;
    display: inline-block;
    border-radius: 4px;
    top: 3px;
    left: 0;
    content: "";
    width: 16px;
    height: 16px
}

.rss-channel-page .rss-items {
    display: block;
    margin: 0 0 50px;
    padding: 0
}

.rss-channel-page .rss-items>li {
    position: relative;
    display: block;
    border-bottom: 1px solid silver;
    padding: 5px 5px 25px;
    margin: 0
}

.rss-channel-page .rss-items>li .title {
    text-decoration: underline;
    font-size: 1.27em;
    font-weight: 600
}

.rss-channel-page .rss-items>li .description {
    width: 100%;
    overflow: hidden
}

.rss-channel-page .rss-items>li .description * {
    color: #333;
    font-weight: 400;
    font-size: 1em;
    padding: 0;
    margin: 0
}

.rss-channel-page .rss-items>li .description ul li {
    margin-left: 20px;
    list-style: inherit
}

.rss-channel-page .rss-items>li .description h3 {
    font-size: 1.14em
}

.rss-channel-page .rss-items>li .description h4 {
    margin-left: 10px
}

.rss-channel-page footer {
    text-align: center;
    padding: 40px 0
}

code[class*=language-],
pre[class*=language-] {
    color: #000;
    font-family: "Source Code Pro", Monaco, Menlo, Consolas, "Courier New", monospace;
    direction: ltr;
    text-align: left;
    white-space: pre;
    word-spacing: normal;
    word-break: normal;
    word-wrap: normal;
    line-height: 1.5;
    font-size: 14px;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none
}

code[class*=language-] ::-moz-selection,
code[class*=language-]::-moz-selection,
pre[class*=language-] ::-moz-selection,
pre[class*=language-]::-moz-selection {
    background: #ccc
}

code[class*=language-] ::selection,
code[class*=language-]::selection,
pre[class*=language-] ::selection,
pre[class*=language-]::selection {
    background: #ccc
}

pre[class*=language-] {
    padding: 1em;
    margin: 1em 0;
    overflow: auto;
    background: #f2f2f2;
    position: relative
}

.card,
.spinner {
    overflow: hidden
}

.token.builtin,
.token.cdata,
.token.doctype,
.token.function,
.token.prolog {
    color: #5491c9
}

.token.comment {
    color: green
}

.token.punctuation {
    color: #555
}

.namespace {
    opacity: .7
}

.token.boolean,
.token.constant,
.token.deleted,
.token.important,
.token.keyword,
.token.property,
.token.regex,
.token.symbol,
.token.tag,
.token.variable {
    color: #00f
}

.token.atrule,
.token.attr-name,
.token.attr-value,
.token.char,
.token.inserted,
.token.selector,
.token.string {
    color: #b22222
}

.language-css .token.string,
.style .token.string,
.token.entity,
.token.operator,
.token.url {
    color: #555;
    background: 0 0
}

.token.entity {
    cursor: help
}

pre[class*=language-]>code[data-language] {
    overflow: auto;
    display: block
}

pre[class*=language-].wide code {
    width: calc(100% - 25px)
}

pre[class*=language-javascript] .token.function {
    color: #000
}

pre[class*=language-withcopy]>code[data-language]::before {
    content: none;
    color: #000;
    background-color: #f2f2f2;
    display: block;
    font-size: 14px;
    border-radius: 0;
    padding: 0 .5em 0 10px;
    text-shadow: none;
    border-bottom: 1px solid #ccc;
    height: 40px;
    line-height: 32px;
    margin-bottom: 15px;
    position: sticky;
    left: 0;
    -ms-user-select: none
}

.copy-code {
    background-image: url(../img/icons/copy.svg);
    background-color: transparent;
    background-size: 22px;
    border: 0;
    height: 30px;
    width: 30px;
    margin: 4px;
    right: 0;
    top: 0
}

.card {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 10px;
    border: 1px solid rgba(84, 86, 90, .25);
    background-color: rgba(196, 207, 218, .15);
    margin-bottom: 15px;
    transition: box-shadow .3s linear;
    padding: 0
}

.card:hover {
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
    box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
    box-shadow: 0 2px 4px rgba(0, 0, 0, .5)
}

.card .card-content,
.card.hero .card-image+.card-content {
    padding: 24px
}

.card .card-content>span {
    color: rgba(15, 15, 15, .85);
    display: block;
    font-size: .875em
}

.card .card-content p {
    color: #404040;
    line-height: 140%;
    font-weight: 400;
    font-size: 16px
}

.card .card-content h3,
.onboardbox .admin-tasks h3,
.onboardbox .visualizing h3 {
    font-size: 1.6em
}

.card.cta {
    position: inherit;
    border: 1px solid #ccc
}

.card.cta .card-content a {
    text-decoration: none;
    font-weight: 600;
    color: #006937
}

.card.cta .card-content a:hover {
    text-decoration: underline;
    color: #156037
}

.card.cta h2,
.card.cta h3 {
    color: #54565a !important;
    font-size: 1.5em;
    text-decoration: none !important
}

#topicContent .card.linked>a h2,
#topicContent .card.linked>a h3,
.skip-button {
    font-size: 1.4em
}

.card.cta.hero .card-image {
    border: 2px solid #fff
}

.card.cta:hover,
.search-box button[type=submit]:hover {
    box-shadow: none
}

.card .card-image {
    text-align: left;
    height: 48px;
    margin: 12px 12px 4px 24px
}

.card .card-image img:hover {
    opacity: .9
}

.tablist button:hover:after,
.tablist button[aria-selected=true]:after,
.toast {
    opacity: 1
}

.card .card-image+.card-content {
    border-top: 1px solid #f4f4f4;
    border-top: none;
    padding: 0 24px 24px
}

.card.card--horizontal {
    padding-top: 20px
}

.card.card--horizontal .card-image+.card-content {
    width: 60%;
    border-top: 0
}

.card.card--horizontal .card-image,
.card.card--horizontal .card-video {
    float: right;
    width: 40%;
    padding-left: 10px;
    height: 150px
}

.card.linked>a {
    text-decoration: none;
    flex-direction: column;
    display: flex;
    flex: auto;
    height: 100%
}

.card.linked>a:focus {
    outline: 0;
    margin: 0;
    border-color: #222
}

.card.linked>a h2,
.card.linked>a h3 {
    color: #19426c;
    font-size: 1.6em;
    font-weight: 500
}

.card.linked.card--horizontal>a {
    flex-direction: row
}

.card.linked.card--horizontal>a .card-image,
.card.linked.card--horizontal>a .card-video {
    order: 2
}

.card.linked.card--horizontal>a .card-content {
    order: 1
}

.card.mini {
    display: flex;
    flex-direction: row-reverse
}

.card.mini .card-image {
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center
}

.card.mini .card-content {
    padding: 10px 20px 10px 10px;
    align-self: center;
    width: 100%;
    line-height: 1.35
}

.card.mini .card-content h2,
.card.mini .card-content h3 {
    font-size: 1.1em !important;
    color: #404040;
    font-weight: 600
}

.card.mini a {
    height: 100%;
    flex-direction: row-reverse;
    align-items: center
}

.box-wine,
.card.wine {
    background: #870064
}

.box-turquoise,
.card.turquoise {
    background: #006580
}

.amp .amp-banner .button:hover,
.box-emerald,
.card.emerald {
    background: #006937
}

.box-amethyst,
.card.amethyst {
    background: #655dc6
}

.box-tanzanite,
.card.tanzanite {
    background: #1c355e
}

.box-sapphire,
.card.sapphire {
    background: #005cb9
}

.card.alabaster.hero .card-content>span,
.card.snow.hero .card-content>span {
    margin-top: -65px;
    position: absolute;
    z-index: 2;
    background: #fff;
    padding: 3px 10px;
    border-radius: 12px
}

.card.alabaster>a:focus,
.card.snow>a:focus {
    border-color: #4b4b4b
}

.card.hero .card-image {
    width: auto;
    height: auto;
    min-width: 85px;
    margin: 0;
    display: flex
}

.card.hero .card-image.fade.wine {
    background-color: #63004a
}

.card.hero .card-image.fade.tanzanite {
    background-color: #193443
}

.card.hero .card-image.fade.slate {
    background-color: #004a5f
}

.card.hero .card-image.fade>img {
    opacity: .1
}

.card.hero .card-content>span {
    color: #54565a;
    margin-top: .2em
}

#cta-bottom .cta-button a,
.card.hero .card-content h3,
.onboarding-content #resources ul li a,
.onboarding-content ul li a:hover {
    color: #006937;
    text-decoration: none
}

.flexbox .card {
    margin-bottom: 0;
    width: 100%;
    display: flex;
    flex-flow: column
}

.flexbox [class*=col-] {
    margin: 8px 0;
    padding-left: 0;
    padding-right: 0;
    display: flex
}

.flexbox [class*=col-] .card {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap
}

.flexbox [class*=col-] .card>h3 p,
.flexbox [class*=col-] .card>h3::after {
    height: inherit
}

.flexbox .col-2 {
    flex-grow: 2
}

.flexbox .col-3 {
    flex-grow: 3
}

.flexbox .col-4 {
    flex-grow: 4
}

.flexbox .col-5 {
    flex-grow: 5
}

.flexbox .col-6 {
    flex-grow: 6
}

.flexbox .col-7 {
    flex-grow: 7
}

.flexbox .col-8 {
    flex-grow: 8
}

.flexbox .col-9 {
    flex-grow: 9
}

.flexbox .col-10 {
    flex-grow: 10
}

.flexbox .col-11 {
    flex-grow: 11
}

.flexbox .col-12 {
    flex-grow: 12;
    padding-right: 0
}

.flexbox .flex-links {
    display: flex;
    align-content: flex-end;
    flex-direction: row;
    flex-wrap: wrap;
    flex-grow: 1;
    padding-top: 8px
}

.amp .amp-banner {
    width: 100%;
    padding: 30px
}

#cta-bottom a,
.amp .amp-banner a,
.archived-note a {
    color: #fff;
    text-decoration: underline
}

.amp .amp-banner h4 {
    display: inline-block;
    font-size: 1.4em;
    margin-top: 0;
    padding-top: 0;
    margin-bottom: 0
}

.amp .amp-banner .button {
    font-size: 16px;
    color: #fff;
    background: #009845;
    border: 1px solid #fff;
    padding: 5px 10px;
    border-radius: 2px;
    font-weight: 400
}

.amp .amp-banner .intro-text {
    display: none;
    float: right
}

.amp .amp-banner .cta {
    position: relative;
    display: inline-block;
    left: 20px
}

.amp .amp-banner .close-amp-banner {
    height: 18px;
    right: 0;
    display: inline-block;
    margin-left: 10px
}

.amp .amp-banner .close-amp-banner:focus {
    outline: #fff dotted 2px;
    border-radius: 50%
}

.amp .amp-banner .close-amp-banner img {
    width: 18px;
    height: 18px
}

div.govnote,
div.news,
div.not-in,
div.note,
div.note-light,
div.tip,
div.warning,
div.wf-note {
    border-radius: 3px;
    background: #f4f4f4;
    padding: 12px 12px 12px 48px;
    position: relative;
    margin-bottom: 0;
    margin-top: 16px;
    min-height: 48px
}

div.govnote h1,
div.govnote h2,
div.govnote h3,
div.govnote h4,
div.govnote h5,
div.govnote h6,
div.news h1,
div.news h2,
div.news h3,
div.news h4,
div.news h5,
div.news h6,
div.not-in h1,
div.not-in h2,
div.not-in h3,
div.not-in h4,
div.not-in h5,
div.not-in h6,
div.note h1,
div.note h2,
div.note h3,
div.note h4,
div.note h5,
div.note h6,
div.note-light h1,
div.note-light h2,
div.note-light h3,
div.note-light h4,
div.note-light h5,
div.note-light h6,
div.tip h1,
div.tip h2,
div.tip h3,
div.tip h4,
div.tip h5,
div.tip h6,
div.warning h1,
div.warning h2,
div.warning h3,
div.warning h4,
div.warning h5,
div.warning h6,
div.wf-note h1,
div.wf-note h2,
div.wf-note h3,
div.wf-note h4,
div.wf-note h5,
div.wf-note h6 {
    font-size: 1.1em;
    font-weight: 600
}

div.govnote h1 a,
div.govnote h2 a,
div.govnote h3 a,
div.govnote h4 a,
div.govnote h5 a,
div.govnote h6 a,
div.govnote strong a,
div.news h1 a,
div.news h2 a,
div.news h3 a,
div.news h4 a,
div.news h5 a,
div.news h6 a,
div.news strong a,
div.not-in h1 a,
div.not-in h2 a,
div.not-in h3 a,
div.not-in h4 a,
div.not-in h5 a,
div.not-in h6 a,
div.not-in strong a,
div.note h1 a,
div.note h2 a,
div.note h3 a,
div.note h4 a,
div.note h5 a,
div.note h6 a,
div.note strong a,
div.note-light h1 a,
div.note-light h2 a,
div.note-light h3 a,
div.note-light h4 a,
div.note-light h5 a,
div.note-light h6 a,
div.note-light strong a,
div.tip h1 a,
div.tip h2 a,
div.tip h3 a,
div.tip h4 a,
div.tip h5 a,
div.tip h6 a,
div.tip strong a,
div.warning h1 a,
div.warning h2 a,
div.warning h3 a,
div.warning h4 a,
div.warning h5 a,
div.warning h6 a,
div.warning strong a,
div.wf-note h1 a,
div.wf-note h2 a,
div.wf-note h3 a,
div.wf-note h4 a,
div.wf-note h5 a,
div.wf-note h6 a,
div.wf-note strong a {
    color: #1c355e;
    border: 0
}

li div.govnote,
li div.news,
li div.not-in,
li div.note,
li div.note-light,
li div.tip,
li div.warning,
li div.wf-note {
    margin-top: 16px;
    margin-bottom: 8px
}

div.govnote,
div.news,
div.note {
    background-color: #ebf4ff;
    border: none;
    border-left: 4px solid #005cb9;
    padding-left: 45px
}

div.note-light {
    background: 0 0;
    border: none;
    padding-left: 45px
}

.note-icon,
div.note,
div.note-light {
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: 15px 13px
}

div.not-in,
div.warning {
    background-color: #fff3cd;
    border: none;
    border-left: 4px solid #ef960f;
    padding-left: 45px
}

div.tip {
    background-color: #ebfef4;
    border: none;
    border-left: 4px solid #0aaf54;
    padding-left: 45px
}

div.wf-note {
    padding-left: 75px;
    padding-bottom: 20px
}

div.not-in .autonumber {
    padding-right: 8px
}

div.note,
div.note-light {
    background-image: url("../img/nav/info-1.svg")
}

div.wf-note {
    background-repeat: no-repeat;
    background-position: 15px 13px;
    background-image: url("../img/nav/workflow-info.svg");
    background-size: 44px
}

div.news,
div.tip,
div.warning {
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: 15px 13px
}

div.tip {
    background-image: url("../img/nav/check.svg")
}

div.warning {
    background-image: url("../img/nav/warning.svg")
}

div.news {
    background-image: url("../img/nav/news-mega-solid.svg")
}

#toptop,
div.govnote {
    background-size: 24px
}

div.govnote {
    background-repeat: no-repeat;
    background-position: 15px 13px;
    background-image: url("../img/nav/govnote-grey.svg")
}

main#main.onboard div div div.note {
    margin-bottom: 0;
    margin-top: 0;
    border-radius: 0;
    border-left: 0
}

.archived-note {
    background-color: #54565a;
    color: #fff;
    line-height: 1.8em;
    margin-left: -15px;
    margin-right: -15px;
    padding: 15px;
    margin-bottom: 0;
    position: relative;
    width: auto
}

.archived-note a.nomarg {
    text-decoration: none;
    display: table;
    background: #009845;
    border-radius: 3px;
    font-weight: 600;
    margin-top: 15px;
    margin-left: 0;
    padding: 10px;
    color: #fff
}

.intro-note,
.search-box button[type=submit] {
    background-size: 16px;
    background-repeat: no-repeat
}

.archived-note p {
    line-height: 1.4em
}

.notice {
    text-align: center
}

.intro-note {
    background-image: url("../img/nav/info-5.svg");
    width: 26px;
    height: 26px;
    background-color: #009845;
    display: inline-block;
    background-position: center;
    border-radius: 3px;
    position: absolute;
    top: 2px
}

.latest-version {
    float: right;
    padding: 5px 10px;
    background: #009845;
    right: 0;
    border-bottom: 0
}

.latest-version a {
    margin-left: 0;
    border-bottom: 0
}

.inline-nav,
.see_also,
.see_training {
    margin-top: 16px
}

.inline-nav li,
.inline-nav ol,
.inline-nav ul {
    display: inline;
    list-style: none;
    padding: 0;
    margin: 0
}

.inline-nav li {
    position: relative;
    display: block;
    padding: 12px;
    border-bottom: 1px solid #e1e1e1;
    outline-offset: -2px !important
}

.inline-nav a {
    text-decoration: underline;
    border-bottom: 0
}

.inline-nav a:focus {
    z-index: 1
}

.inline-toc {
    padding: 0;
    margin-top: 1.5em
}

.inline-toc h2 {
    font-size: 1.1em;
    font-weight: 600;
    color: #54565a
}

.inline-toc h3 {
    margin-left: 1.2em
}

.inline-toc h4 {
    margin-left: 1.7em
}

.inline-toc a:hover {
    color: #1c355e;
    text-decoration: underline
}

.inline-toc ol {
    border-left: 3px solid #ff8e9f
}

.inline-toc li,
.inline-toc ol,
.inline-toc ul {
    line-height: 1.5em;
    font-size: 1.2em;
    list-style: none;
    padding: 0;
    margin: 0
}

.inline-toc li.h2,
.inline-toc ol.h2,
.inline-toc ul.h2 {
    margin-left: 1.5em
}

.inline-toc li.h3,
.inline-toc ol.h3,
.inline-toc ul.h3 {
    margin-left: 3em;
    font-size: 1em
}

.inline-toc li.h4,
.inline-toc ol.h4,
.inline-toc ul.h4 {
    margin-left: 4.5em;
    font-size: .9em
}

.inline-toc li.h5,
.inline-toc ol.h5,
.inline-toc ul.h5 {
    margin-left: 6em;
    font-size: .87em
}

.box-list {
    padding-left: 30px;
    padding-right: 30px
}

.box,
[class*=box-] {
    border: 1px solid #e1e1e1;
    background: #fafafa;
    padding: 15px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    position: relative;
    margin-bottom: 15px
}

.box-list .box,
.box-list [class*=box-] {
    width: 49%;
    float: left;
    clear: both
}

.box-list .box:nth-child(2n),
.box-list [class*=box-]:nth-child(2n) {
    float: right;
    clear: right
}

.box.featured:after,
[class*=box-].featured:after {
    content: "";
    background: url("../img/nav/star.svg") center/17px no-repeat #009845;
    font-size: 16px;
    font-family: LUIicons, "Open Sans", Arial, sans-serif;
    position: absolute;
    text-align: center;
    width: 23px;
    padding-top: 8px;
    top: -1px;
    right: 10px;
    height: 32px;
    color: #fff
}

.box h2 a,
.box h3 a,
.box h4 a,
[class*=box-] h2 a,
[class*=box-] h3 a,
[class*=box-] h4 a {
    color: #009845;
    text-decoration: none !important
}

.box h2,
.box h3,
[class*=box-] h2,
[class*=box-] h3 {
    font-size: 1.3em;
    font-weight: 400;
    line-height: 30px
}

.box>a,
[class*=box-]>a {
    margin-right: 1.3333333333em;
    display: inline-block;
    text-decoration: none
}

[class*=box-] {
    color: #fff;
    border: none;
    margin-bottom: 15px
}

[class*=box-] .flex-links a,
[class*=box-] h2 a,
[class*=box-] h3 a {
    color: #fff !important;
    border-bottom: none;
    text-decoration: none;
    display: inline-block !important;
    margin-right: 15px
}

[class*=box-] .flex-links a:hover,
[class*=box-] h2 a:hover,
[class*=box-] h3 a:hover {
    border-bottom: none;
    text-decoration: underline
}

[class*=box-] h3+a {
    display: inline-block !important;
    margin-top: 35px
}

.see-also-link-external a.white:after,
.see-also-link-training a.white:after,
.see-also-link-workflow a.white:after,
[class*=box-] .see-also-link-external a::after,
[class*=box-] a.see-also-link-external::after,
a.see-also-link-external.white:after,
a.see-also-link-training.white:after,
a.see-also-link-workflow.white:after {
    background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8' standalone='no'?%3E%3Csvg xmlns:svg='http://www.w3.org/2000/svg' xmlns='http://www.w3.org/2000/svg' width='39.7' height='39.7' version='1.1'%3E%3Cpath style='stroke-width:0.96254718;fill:%23ffffff;fill-opacity:1' d='m 38.461355,0.44905591 q 0.319596,0 0.545193,0.24439675 0.244397,0.225597 0.244397,0.54519274 V 16.541642 q 0,0.319596 -0.225597,0.545193 -0.206797,0.206797 -0.526393,0.206797 h -3.308756 q -0.319596,0 -0.545193,-0.206797 -0.206797,-0.225597 -0.206797,-0.545193 V 8.6645467 L 21.654379,21.448377 q -0.263197,0.263196 -0.657991,0.263196 -0.394795,0 -0.657992,-0.263196 l -2.086772,-2.086772 q -0.263196,-0.263197 -0.263196,-0.657992 0,-0.394794 0.263196,-0.657991 L 31.035454,5.2617919 h -7.877095 q -0.319596,0 -0.545193,-0.2067972 -0.206797,-0.225597 -0.206797,-0.5451928 v -3.308756 q 0,-0.31959574 0.206797,-0.52639299 0.225597,-0.225597 0.545193,-0.225597 z M 29.625473,22.106368 h 4.812736 v 14.757804 q 0,0.845989 -0.620392,1.46638 -0.620392,0.620392 -1.46638,0.620392 H 2.8358289 q -0.8459888,0 -1.4663805,-0.620392 -0.62039176,-0.620391 -0.62039176,-1.46638 V 7.3485642 q 0,-0.8459887 0.62039176,-1.4663805 Q 1.9898401,5.2617919 2.8358289,5.2617919 H 17.593633 V 10.074528 H 6.3137827 q -0.3195958,0 -0.5451928,0.225597 -0.2067972,0.206797 -0.2067972,0.526393 v 22.5597 q 0,0.319596 0.2067972,0.526393 0.225597,0.225597 0.5451928,0.225597 H 28.873483 q 0.319596,0 0.526393,-0.225597 0.225597,-0.206797 0.225597,-0.526393 z' /%3E%3C/svg%3E")
}

[class*=box-] .pdf a::after,
[class*=box-] a.pdf::after {
    background-image: url(../img/file-icons/Pdf-white.svg)
}

[class*=box-] .media-video a::after,
[class*=box-] a.media-video::after {
    background-image: url(../img/file-icons/MediaFile-white.svg)
}

.col-12>.box {
    margin-top: 15px
}

.box-alabaster,
.box-snow,
.box-stone {
    color: #0f0f0f;
    border: 1px solid #c4cfda
}

.box-alabaster,
.box-snow {
    border-top: 2px solid #4b4b4b
}

.box-alabaster .flex-links a,
.box-alabaster>a,
.box-snow .flex-links a,
.box-snow>a,
.box-stone .flex-links a,
.box-stone>a,
.onboardingpage .button.mfz:hover {
    color: #006937 !important
}

.box-alabaster h2 a,
.box-alabaster h3 a,
.box-snow h2 a,
.box-snow h3 a,
.box-stone h2 a,
.box-stone h3 a {
    color: #006937 !important;
    border-bottom: none;
    text-decoration: none;
    display: inline !important
}

.box-alabaster .see-also-link-external a::after,
.box-alabaster a.see-also-link-external::after,
.box-snow .see-also-link-external a::after,
.box-snow a.see-also-link-external::after,
.box-stone .see-also-link-external a::after,
.box-stone a.see-also-link-external::after {
    background-image: url("../img/nav/external-link-emerald.svg")
}

.box-alabaster .pdf a::after,
.box-alabaster a.pdf::after,
.box-snow .pdf a::after,
.box-snow a.pdf::after,
.box-stone .pdf a::after,
.box-stone a.pdf::after {
    background-image: url("../img/file-icons/Pdf-green.svg")
}

.box-alabaster .media-video a::after,
.box-alabaster a.media-video::after,
.box-snow .media-video a::after,
.box-snow a.media-video::after,
.box-stone .media-video a::after,
.box-stone a.media-video::after {
    background-image: url("../img/file-icons/MediaFile-green.svg")
}

.box-stone {
    background: #c4cfda
}

.box-stone h2 a,
.box-stone h3 a,
.box-stone>a {
    color: #006635 !important
}

.box-stone h2 a:focus,
.box-stone h3 a:focus,
.box-stone>a:focus {
    outline: #006635 dotted 2px
}

.box-snow {
    background: #fff
}

.box-alabaster {
    background: rgba(196, 207, 218, .15) !important
}

.flexbox [class*=col-] .box,
.flexbox [class*=col-] [class*=box-] {
    width: 100%;
    margin-bottom: 0;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap
}

.skip-button {
    background-color: #fff;
    position: fixed;
    display: block;
    font-weight: 600;
    padding: 10px;
    z-index: 3;
    left: -1000em;
    top: 3px;
    color: #006937
}

.icon-font,
.search-box,
.spinner,
.switch {
    position: relative
}

.skip-button:focus {
    outline-offset: 0;
    left: 3px
}

.page-actions .skip-button {
    right: 1000em;
    font-size: 15px
}

.page-actions .skip-button:focus {
    outline-offset: 0;
    margin-top: -45px;
    margin-left: 3px;
    left: auto;
    right: auto;
    top: auto
}

.whats-new-page .page-actions .skip-button:focus {
    margin-top: 3px
}

.search-box {
    border: 1px solid #7e97b6;
    border-radius: 2px;
    background-color: #fff;
    vertical-align: middle;
    display: block;
    white-space: nowrap;
    width: 420px;
    height: 42px;
    margin-right: 20px;
    float: right
}

@media only screen and (max-width:1366px) {

    .portal-image,
    .qlikview-bottom-back,
    .qlikview-top-back,
    .sense-middle-back {
        display: none
    }

    .sense-top-back {
        height: 400px;
        background-size: 32%
    }

    #announcement-banner .close {
        right: 0
    }

    .box h2,
    .box h3,
    [class*=box-] h2,
    [class*=box-] h3 {
        line-height: 25px
    }

    .search-box {
        width: 160px
    }

    .search-box .search-text:focus {
        width: 400px
    }
}

.spinner,
.switch,
.switch input+label {
    display: inline-block
}

.search-box input::placeholder {
    color: #333
}

.search-box input::-moz-placeholder {
    opacity: 1
}

.search-box .search-text {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    vertical-align: middle;
    outline-offset: 2px;
    border-radius: 2px;
    width: calc(100% - 44px);
    padding: 0 8px;
    height: 100%;
    color: #0f0f0f;
    border: 0;
    font-size: 14px
}

.search-box .search-text:focus {
    position: absolute;
    right: 45px;
    z-index: 5;
    background-color: #fff;
    height: 44px;
    margin-top: -2px
}

.local-search label,
.search-box label {
    display: none;
    visibility: hidden;
    width: 0;
    height: 0
}

.search-box button[type=submit] {
    position: absolute;
    background-color: #fff;
    top: 0;
    right: 0;
    height: 40px;
    width: 40px;
    border: 0;
    background-image: url(../img/nav/icon-search-02.svg);
    background-position: center 12px;
    margin: 0;
    font-weight: 400;
    vertical-align: middle;
    transition: none;
    box-shadow: none;
    -webkit-transition: none;
    border-radius: 0
}

.search-box button[type=submit]:after,
.search-box button[type=submit]:before {
    content: "";
    display: none
}

.search-box.videos {
    float: none;
    width: 100%;
    padding-top: 0;
    display: block
}

.search-box.videos .search-text:focus,
.search-box.videos button[type=submit] {
    right: auto;
    left: 0
}

.switch {
    font-family: monospace;
    line-height: normal;
    border-radius: 3px;
    border: 1px solid #666;
    color: #fff;
    cursor: pointer
}

.ToolbarIcon,
.icon-font {
    line-height: .1;
    font-family: LUIicons, "Open Sans", Arial, sans-serif
}

.switch label+label {
    font-size: .875em;
    left: calc(100% + 10px);
    cursor: pointer;
    top: 2px;
    color: #000;
    position: absolute;
    white-space: nowrap
}

.switch input+label {
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
    background-color: #bbb;
    float: left;
    padding: 2px
}

.switch input+label span {
    padding: 0 5px;
    display: none
}

.switch input+label::after {
    display: inline-block;
    border-radius: 3px;
    content: " ";
    background-color: #fff;
    border: 1px solid #666;
    padding: 0 5px
}

.switch input:first-child+label {
    border-radius: 3px 0 0 3px
}

.switch input:first-child:checked+label {
    border: 1px solid #f8981d;
    background-color: #f8981d;
    cursor: pointer
}

.switch input:checked+label+label+input+label {
    background-color: #f8981d
}

.switch input+label+label+input:checked+label {
    border: 1px solid #bbb
}

@keyframes move {
    to {
        transform: rotate(360deg)
    }
}

.spinner {
    top: 0;
    left: 45%;
    z-index: 10;
    width: 5em;
    height: 5em;
    margin: 0 .5em;
    font-size: 12px;
    text-indent: 999em;
    white-space: nowrap;
    animation: 1s steps(8) infinite move
}

.clipart,
.icon-logo {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    display: block
}

.spinner:after,
.spinner:before,
.spinner>div:after,
.spinner>div:before {
    content: "";
    position: absolute;
    top: 0;
    left: 2.25em;
    width: .5em;
    height: 1.5em;
    border-radius: .2em;
    box-shadow: 0 3.5em #eee;
    transform-origin: 50% 2.5em
}

.spinner:before {
    background: #555
}

.spinner:after {
    background: #777;
    transform: rotate(-45deg)
}

.spinner>div:before {
    background: #999;
    transform: rotate(-90deg)
}

.spinner>div:after {
    background: #bbb;
    transform: rotate(-135deg)
}

.clipart,
.icon-logo,
a.workflow-link:after {
    background-position: center
}

#cookie-box,
.onboardingpage .button:hover,
.replay button:hover {
    background-color: #54565a
}

.clipart {
    background-image: url("../img/icons/data.svg")
}

.clipart.Accounts {
    background-image: url("../img/icons/Accounts.svg")
}

.clipart.Administor {
    background-image: url("../img/icons/Administor.svg")
}

.clipart.Analysis {
    background-image: url("../img/icons/Analysis.svg")
}

.clipart.APIs {
    background-image: url("../img/icons/APIs.svg")
}

.clipart.Binoculars {
    background-image: url("../img/icons/Binoculars.svg")
}

.clipart.Boost {
    background-image: url("../img/icons/Boost.svg")
}

.clipart.Bug {
    background-image: url("../img/icons/Bug.svg")
}

.clipart.Chart {
    background-image: url("../img/icons/Chart.svg")
}

.clipart.Cloud {
    background-image: url("../img/icons/Cloud.svg")
}

.clipart.CloudSharing {
    background-image: url("../img/icons/CloudSharing.svg")
}

.clipart.Connector {
    background-image: url("../img/icons/Connector.svg")
}

.clipart.Consulting {
    background-image: url("../img/icons/Consulting.svg")
}

.clipart.Data {
    background-image: url("../img/icons/Data.svg")
}

.clipart.DataStorytelling {
    background-image: url("../img/icons/DataStorytelling.svg")
}

.clipart.Demo {
    background-image: url("../img/icons/Demo.svg")
}

.clipart.Designer {
    background-image: url("../img/icons/Designer.svg")
}

.clipart.Desktop {
    background-image: url("../img/icons/Desktop.svg")
}

.clipart.Developer {
    background-image: url("../img/icons/Developer.svg")
}

.clipart.Download {
    background-image: url("../img/icons/Download.svg")
}

.clipart.Elsa_orange {
    background-image: url("../img/icons/Elsa_orange.svg")
}

.clipart.engine {
    background-image: url("../img/icons/engine.svg")
}

.clipart.EnterpriseAnalytics2 {
    background-image: url("../img/icons/EnterpriseAnalytics2.svg")
}

.clipart.Give {
    background-image: url("../img/icons/Give.svg")
}

.clipart.GuidedAnlaytics {
    background-image: url("../img/icons/GuidedAnlaytics.svg")
}

.clipart.LaunchPage {
    background-image: url("../img/icons/LaunchPage.svg")
}

.clipart.Media-and-Entertainment {
    background-image: url("../img/icons/Media-and-Entertainment.svg")
}

.clipart.Monitor {
    background-image: url("../img/icons/Monitor.svg")
}

.clipart.Newsletter {
    background-image: url("../img/icons/Newsletter.svg")
}

.clipart.OnDemand {
    background-image: url("../img/icons/OnDemand.svg")
}

.clipart.Overview {
    background-image: url("../img/icons/Overview.svg")
}

.clipart.PartnerReference {
    background-image: url("../img/icons/PartnerReference.svg")
}

.clipart.Platform {
    background-image: url("../img/icons/Platform.svg")
}

.clipart.Public-Sector {
    background-image: url("../img/icons/Public-Sector.svg")
}

.clipart.RackServer {
    background-image: url("../img/icons/RackServer.svg")
}

.clipart.ReportPDF {
    background-image: url("../img/icons/ReportPDF.svg")
}

.clipart.RoleTechnicalTraining {
    background-image: url("../img/icons/RoleTechnicalTraining.svg")
}

.clipart.Scripting {
    background-image: url("../img/icons/Scripting.svg")
}

.clipart.SelfSerivceVisualization {
    background-image: url("../img/icons/SelfSerivceVisualization.svg")
}

.clipart.Server {
    background-image: url("../img/icons/Server.svg")
}

.clipart.ServerService {
    background-image: url("../img/icons/ServerService.svg")
}

.clipart.ServiceLevels {
    background-image: url("../img/icons/ServiceLevels.svg")
}

.clipart.Toolbox {
    background-image: url("../img/icons/Toolbox.svg")
}

.clipart.WebMashup {
    background-image: url("../img/icons/WebMashup.svg")
}

.clipart.QCC {
    background-image: url("../img/icons/continuous-classroom.svg")
}

.clipart.YouTube {
    background-image: url("../img/logos/youtube.svg");
    background-size: 45% auto
}

.clipart.VisualizationApplication {
    background-image: url("../img/icons/Visualization-Application.svg")
}

.icon-logo {
    background-size: auto 60%
}

.icon-logo.Dropbox {
    background-image: url("../img/icons/logo-dropbox.svg")
}

.icon-logo.Dropbox-Text {
    background-image: url("../img/icons/logo-dropbox-text.svg")
}

.icon-logo.Facebook {
    background-image: url("../img/icons/logo-facebook.svg")
}

.icon-logo.Facebook-Qlik {
    background-image: url("../img/icons/logo-facebook-qlik.svg")
}

.icon-logo.GoogleAnalytics {
    background-image: url("../img/icons/logo-google-analytics.svg")
}

.icon-logo.Odbc {
    background-image: url("../img/icons/logo-odbc.svg")
}

.icon-logo.OleDb {
    background-image: url("../img/icons/logo-ole-db.svg")
}

.icon-logo.Salesforce {
    background-image: url("../img/icons/logo-salesforce.svg")
}

.icon-logo.Sap {
    background-image: url("../img/icons/logo-sap.svg")
}

.icon-logo.Twitter {
    background-image: url("../img/icons/logo-twitter.svg")
}

.icon-logo.Twitter-Qlik {
    background-image: url("../img/icons/logo-twitter-qlik.svg")
}

.icon-logo.WebConnectors {
    background-image: url("../img/icons/logo-web-connectors.svg")
}

.icon-logo.YouTube {
    background-image: url("../img/logos/youtube.svg")
}

.icon-font {
    font-size: 16px;
    font-weight: 400
}

.ToolbarIcon {
    margin: 0 3px;
    font-style: normal
}

.API_syntax,
.API_syntax_input,
.Code,
.bnf_token,
.code,
.script_token,
.syntax {
    font-family: "Source Code Pro", Monaco, Menlo, Consolas, "Courier New", monospace
}

.icon:after {
    font-size: 16px;
    font-family: LUIicons, "Open Sans", Arial, sans-serif
}

.icon.blue {
    color: #007fca
}

.icon.orange {
    color: #f8981d
}

.icon.yellow {
    color: #ffc72c
}

.icon.VerticalBarChart:after {
    content: "\0021"
}

.icon.HorizontalBarChart:after {
    content: "\0022"
}

.icon.VerticalBarChartX:after {
    content: "\0023"
}

.icon.HorizontalBarChartX:after {
    content: "\0024"
}

.icon.LineChart:after {
    content: "\0025"
}

.icon.PieChart:after {
    content: "\0026"
}

.icon.Table:after {
    content: "\0027"
}

.icon.PivotTable:after {
    content: "\0028"
}

.icon.GaugeChart:after {
    content: "\0029"
}

.icon.TrellisChart:after {
    content: "\002A"
}

.icon.ScatterChart:after {
    content: "\002B"
}

.icon.MapObject:after {
    content: "\002C"
}

.icon.ListBox:after {
    content: "\002D"
}

.icon.FilterContainer:after {
    content: "\002E"
}

.icon.UtilityText:after {
    content: "\002F"
}

.icon.UtilityImage:after {
    content: "\0030"
}

.icon.UtilityKPI:after {
    content: "\0031"
}

.icon.UtilityNavigation:after {
    content: "\0032"
}

.icon.Expression:after {
    content: "\0033"
}

.icon.AllSheets:after {
    content: "\0034"
}

.icon.Sheet:after {
    content: "\0035"
}

.icon.Object:after {
    content: "\0036"
}

.icon.DataModel:after {
    content: "\0037"
}

.icon.Script:after {
    content: "\0038"
}

.icon.SelectionsCurrent:after {
    content: "\0039"
}

.icon.SelectionsClearAll:after {
    content: "\003A"
}

.icon.SelectionsHistory:after {
    content: "\003B"
}

.icon.SelectionsStepBack:after {
    content: "\003C"
}

.icon.SelectionsStepForward:after {
    content: "\003D"
}

.icon.Bookmark:after {
    content: "\003E"
}

.icon.Face:after {
    content: "\003F"
}

.icon.Edit:after {
    content: "\0040"
}

.icon.EditHistory:after {
    content: "\0041"
}

.icon.Undo:after {
    content: "\0042"
}

.icon.Redo:after {
    content: "\0043"
}

.icon.Help:after {
    content: "\0044"
}

.icon.Cancel:after {
    content: "\0045"
}

.icon.Search:after {
    content: "\0046"
}

.icon.DateAndTime:after {
    content: "\0047"
}

.icon.Datastore:after {
    content: "\0048"
}

.icon.Share:after {
    content: "\0049"
}

.icon.TextBold:after {
    content: "\004A"
}

.icon.TextItalic:after {
    content: "\004B"
}

.icon.TextUnderlined:after {
    content: "\004C"
}

.icon.TextAlignedLeft:after {
    content: "\004D"
}

.icon.AlignedRight:after {
    content: "\004E"
}

.icon.AlignedCentre:after {
    content: "\004F"
}

.icon.Add:after {
    content: "\0050"
}

.icon.Remove:after {
    content: "\0051"
}

.icon.ArrowUp:after {
    content: "\0052"
}

.icon.ArrowDown:after {
    content: "\0053"
}

.icon.ArrowLeft:after {
    content: "\0054"
}

.icon.ArrowRight:after {
    content: "\0055"
}

.icon.Settings:after {
    content: "\0056"
}

.icon.Comments:after {
    content: "\0057"
}

.icon.People:after {
    content: "\0058"
}

.icon.ZoomIn:after {
    content: "\0059"
}

.icon.ZoomOut:after {
    content: "\005A"
}

.icon.Locked:after {
    content: "\005B"
}

.icon.Unlocked:after {
    content: "\005C"
}

.icon.Info:after {
    content: "\005D"
}

.icon.ResolutionCoarse:after {
    content: "\005E"
}

.icon.ResolutionFine:after {
    content: "\005F"
}

.icon.Save1:after {
    content: "\0061"
}

.icon.Reload:after {
    content: "\0062"
}

.icon.Clipboard:after {
    content: "\0063"
}

.icon.ArrowsLeftRight:after {
    content: "\0064"
}

.icon.ArrowsUpDown:after {
    content: "\0065"
}

.icon.Security:after {
    content: "\0066"
}

.icon.Extension:after {
    content: "\0067"
}

.icon.OpenRightPanel:after {
    content: "\0068"
}

.icon.OpenLeftPanel:after {
    content: "\0069"
}

.icon.OpenBottomPanel:after {
    content: "\006A"
}

.icon.OpenTopPanel:after {
    content: "\006B"
}

.icon.RunScript:after {
    content: "\006C"
}

.icon.Tick:after {
    content: "\006D"
}

.icon.ArrowsMove:after {
    content: "\006E"
}

.icon.DragBars:after {
    content: "\006F"
}

.icon.File:after {
    content: "\0070"
}

.icon.SenseIcon:after {
    content: "\0071"
}

.icon.Print:after {
    content: "\0072"
}

.icon.FullStage:after {
    content: "\0073"
}

.icon.ExitFullStage:after {
    content: "\0074"
}

.icon.Debug:after {
    content: "\0075"
}

.icon.Machine:after {
    content: "\0076"
}

.icon.App:after {
    content: "\0077"
}

.icon.Tasks:after {
    content: "\0078"
}

.icon.User:after {
    content: "\0079"
}

.icon.Tags:after {
    content: "\007A"
}

.icon.Engine:after {
    content: "\007B"
}

.icon.DeselectAll:after {
    content: "\007C"
}

.icon.SelectAll:after {
    content: "\007D"
}

.icon.Templates:after {
    content: "\007E"
}

.icon.Rules:after {
    content: "\00C4"
}

.icon.Camera:after {
    content: "\00C5"
}

.icon.StoryMode:after {
    content: "\00C7"
}

.icon.Shapes:after {
    content: "\00C9"
}

.icon.Effects:after {
    content: "\00D1"
}

.icon.Trashcan:after {
    content: "\00D6"
}

.icon.Style:after {
    content: "\00DC"
}

.icon.Scheduler:after {
    content: "\00E1"
}

.icon.Paperclip:after {
    content: "\00E0"
}

.icon.UserDirectoryConnection:after {
    content: "\00E2"
}

.icon.License:after {
    content: "\00E4"
}

.icon.Stream:after {
    content: "\00E3"
}

.icon.Proxy:after {
    content: "\00E5"
}

.icon.TaskChains:after {
    content: "\00E7"
}

.icon.LinkedObject:after {
    content: "\00E9"
}

.icon.Warning:after {
    content: "\00E8"
}

.icon.Previous:after {
    content: "\00EA"
}

.icon.Next:after {
    content: "\00EB"
}

.icon.Library:after {
    content: "\00ED"
}

.icon.GridView:after {
    content: "\00EC"
}

.icon.ListView:after {
    content: "\00EE"
}

.icon.Favorite:after {
    content: "\00EF"
}

.icon.Folder:after {
    content: "\00F1"
}

.icon.Node:after {
    content: "\00F3"
}

.icon.DimensionSingel:after {
    content: "\00F2"
}

.icon.DimensionCyclic:after {
    content: "\00F4"
}

.icon.DimensionDrillDown:after {
    content: "\00F6"
}

.icon.Watch:after {
    content: "\00F5"
}

.icon.AddCross:after {
    content: "\00FA"
}

.icon.SyntaxErrorCheck:after {
    content: "\00F9"
}

.icon.DragBarsHorizontal:after {
    content: "\00FB"
}

.icon.Home:after {
    content: "\00FC"
}

.icon.View:after {
    content: "\2020"
}

.icon.Running:after {
    content: "\00B0"
}

.icon.Stopped:after {
    content: "\00A2"
}

.icon.Waiting:after {
    content: "\00A3"
}

.icon.Abort:after {
    content: "\00A7"
}

.icon.PivotedMode:after {
    content: "\2022"
}

.icon.Duplicate:after {
    content: "\00B6"
}

.icon.CheckSyntax:after {
    content: "\00DF"
}

.icon.PrimaryKey:after {
    content: "\00AE"
}

.icon.StartQMC:after {
    content: "\00A9"
}

.icon.Publish:after {
    content: "\2122"
}

.icon.Private:after {
    content: "\00B4"
}

.icon.Menu:after {
    content: "\00A8"
}

.icon.CornerTriangleForSheets:after {
    content: "\2260"
}

.icon.FolderQ:after {
    content: "\00C6"
}

.icon.InsertIntoScript:after {
    content: "\00D8"
}

.icon.Error:after {
    content: "\221E"
}

.icon.DataSelection:after {
    content: "\00B1"
}

.icon.LogOut:after {
    content: "\2264"
}

.icon.Archive:after {
    content: "\2265"
}

.icon.More:after {
    content: "\00A5"
}

.icon.Cut:after {
    content: "\00B5"
}

.icon.Paste:after {
    content: "\2202"
}

.icon.DropHere:after {
    content: "\2211"
}

.icon.PropertiesPie:after {
    content: "\220F"
}

.icon.PropertiesDonut:after {
    content: "\03C0"
}

.icon.PropertiesGrouped:after {
    content: "\222B"
}

.icon.PropertiesStacked:after {
    content: "\00AA"
}

.icon.PropertiesHorizontal:after {
    content: "\00BA"
}

.icon.PropertiesVertical:after {
    content: "\03A9"
}

.icon.PropertiesLine:after {
    content: "\00E6"
}

.icon.PropertiesArea:after {
    content: "\00F8"
}

.icon.DrillUp:after {
    content: "\00BF"
}

.icon.PropertiesThermometer:after {
    content: "\00A1"
}

.icon.PropertiesGauge:after {
    content: "\00AC"
}

.icon.ArrowsResizeHorizontal:after {
    content: "\221A"
}

.icon.ArrowsResizeVertical:after {
    content: "\0192"
}

.icon.SortingDescending:after {
    content: "\2248"
}

.icon.SortingAscending:after {
    content: "\2206"
}

.icon.Import:after {
    content: "\00AB"
}

.icon.TreeMap:after {
    content: "\00BB"
}

.icon.Comment:after {
    content: "\2026"
}

.icon.Indent:after {
    content: "\00C0"
}

.icon.Undent:after {
    content: "\00C3"
}

.icon.Disconnected:after {
    content: "\00D5"
}

.icon.StepIn:after {
    content: "\0152"
}

.icon.Play:after {
    content: "\0153"
}

.icon.Stop:after {
    content: "\2013"
}

.icon.Lasso:after {
    content: "\2014"
}

.icon.WireframedGlobeGeoDataField:after {
    content: "\201C"
}

.icon.Navigation:after {
    content: "\201D"
}

.icon.Plugin:after {
    content: "\2018"
}

.icon.DimensionCollection:after {
    content: "\2019"
}

.icon.Transfer:after {
    content: "\00F7"
}

.icon.Analyze:after {
    content: "\25CA"
}

.icon.DirectDiscoveryField:after {
    content: "\00FF"
}

.icon.SetupFile:after {
    content: "\0178"
}

.icon.Objects:after {
    content: "\2044"
}

.icon.Pause:after {
    content: "\20AC"
}

.icon.StepOver:after {
    content: "\2039"
}

.icon.CollapseDisclusure:after {
    content: "\203A"
}

.icon.ExpandDisclusure:after {
    content: "\FB01"
}

.icon.Default:after {
    content: "\FB02"
}

.icon.Cloud:after {
    content: "\2021"
}

.icon.Idle:after {
    content: "\00B7"
}

.icon.ComboChart:after {
    content: "\201A"
}

.icon.ConfigurationMap:after {
    content: "\201E"
}

.icon.Reject:after {
    content: "\2030"
}

.icon.Repair:after {
    content: "\00C2"
}

.icon.Uninstall:after {
    content: "\00CA"
}

.icon.ExtractFromSource:after {
    content: "\00C1"
}

.icon.WaitingField:after {
    content: "\00CB"
}

.icon.WaitingSheet:after {
    content: "\00C8"
}

.icon.Save2:after {
    content: "\00CD"
}

.icon.SenseDesktopIcon:after {
    content: "\00CE"
}

.icon.Editor:after {
    content: "\00CF"
}

.icon.KPIObject:after {
    content: "\00CC"
}

.icon.Login:after {
    content: "\00D3"
}

.icon.ThreeBars:after {
    content: "\00D4"
}

.icon.Disabled:after {
    content: "\F8FF"
}

.icon.Variables:after {
    content: "\00D2"
}

.icon.Controls:after {
    content: "\00DA"
}

.icon.Return:after {
    content: "\00DB"
}

.icon.DirectionalArrowRight:after {
    content: "\00D9"
}

.icon.DirectionalArrowLeft:after {
    content: "\0131"
}

.icon.HUB:after {
    content: "\02C6"
}

.icon.Up:after {
    content: "\02DC"
}

.icon.Down:after {
    content: "\00AF"
}

.icon.ShareSocial:after {
    content: "\02D8"
}

.icon.Move:after {
    content: "\02D9"
}

.icon.Embed:after {
    content: "\02DA"
}

.icon.DataManagement:after {
    content: "\00B8"
}

.icon.QlikDatamarket:after {
    content: "\02DD"
}

.icon.QlikChart:after {
    content: "\02DB"
}

.icon.ConnectToData:after {
    content: "\02C7"
}

.icon.Code:after {
    content: "\2191"
}

.icon.Enter:after {
    content: "\2016"
}

.icon.Upload:after {
    content: "\2139"
}

.icon.Split:after {
    content: "\2192"
}

.icon.Snapshot:after {
    content: "\2193"
}

.icon.MinusSign:after {
    content: "\21B0"
}

.icon.Draggable:after {
    content: "\21B3"
}

.icon.Book:after {
    content: "\2295"
}

.icon.Measure:after {
    content: "\2296"
}

.icon.Download:after {
    content: "\229E"
}

.icon.MoreRounded:after {
    content: "\229F"
}

.icon.AlignLeft:after {
    content: "\2302"
}

.icon.AlignMiddle:after {
    content: "\2328"
}

.icon.AlignRight:after {
    content: "\232B"
}

.icon.Operators:after {
    content: "\23E9"
}

.icon.GeneralDataClass:after {
    content: "\23EA"
}

.icon.Building:after {
    content: "\23ED"
}

.icon.Unlink:after {
    content: "\23F3"
}

.icon.Lightbulb:after {
    content: "\23F4"
}

.icon.Associate:after {
    content: "\23F5"
}

.icon.BreakAssociation:after {
    content: "\23F6"
}

.icon.MashupArtifact:after {
    content: "\23F7"
}

.icon.WidgetArtifact:after {
    content: "\25A0"
}

.icon.Bubbles:after {
    content: "\25B6"
}

.icon.TextType:after {
    content: "\25B8"
}

.icon.FixedRatioTransform:after {
    content: "\25BE"
}

.icon.FreeTransform:after {
    content: "\25C2"
}

.icon.ArrowUp2:after {
    content: "\25CF"
}

.icon.ArrowDown2:after {
    content: "\25D1"
}

.icon.ExternalLink:after {
    content: "\25F4"
}

.icon.Navigation2:after {
    content: "\2601"
}

.icon.BoxPlotObject:after {
    content: "\2605"
}

.icon.Collapse2:after {
    content: "\2606"
}

.icon.MoreVertical:after {
    content: "\2615"
}

.icon.DownloadFromCloud:after {
    content: "\2630"
}

.icon.Filter:after {
    content: "\263D"
}

.icon.DistributionChart:after {
    content: "\2661"
}

.icon.MergeJoinConcat:after {
    content: "\2665"
}

.icon.NetworkFolder:after {
    content: "\266A"
}

.icon.Swap:after {
    content: "\266B"
}

.icon.Mail:after {
    content: "\268F"
}

.icon.Histogram:after {
    content: "\2691"
}

.icon.Waterfall:after {
    content: "\2692"
}

.icon.ClearFilter:after {
    content: "\2699"
}

.icon.RadialSelectionTool:after {
    content: "\26A0"
}

.icon.SelectionSearch:after {
    content: "\26A1"
}

.icon.Approve:after {
    content: "\26C8"
}

.icon.Unapprove:after {
    content: "\2707"
}

.icon.Touch:after {
    content: "\2709"
}

.icon.PublishedInStreams:after {
    content: "\270E"
}

.icon.FunnelChart:after {
    content: "\2712"
}

.icon.SankeyChart:after {
    content: "\2713"
}

.box.featured.icon:after {
    background-image: none
}

.box.featured.icon.big:after {
    width: 35px;
    height: 40px;
    font-size: 21px
}

figure.MCPopupFullImage {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    border: 1px solid #000;
    border-radius: 10px;
    overflow: hidden;
    padding: 10px;
    background-color: #fff;
    cursor: pointer
}

.MCTextPopupBody {
    font-weight: 400;
    color: #000;
    width: 150px;
    font-size: .9em;
    top: 20px;
    left: -70px;
    z-index: 1;
    position: absolute;
    background-color: #dcdcdc;
    padding: 15px;
    border: 0;
    box-shadow: 0 2px 8px 0 #999
}

.MCDropDownBody,
label {
    background-color: #fff
}

.MCTextPopupBody:after,
.MCTextPopupBody:before {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.MCTextPopupBody:after {
    border-color: rgba(136, 183, 213, 0);
    border-bottom-color: #dcdcdc;
    border-width: 5px;
    margin-left: -5px
}

.MCTextPopup {
    position: relative;
    z-index: 3
}

.MCTextPopup.open.left .MCTextPopupBody {
    left: -5px
}

.MCTextPopup.open.left .MCTextPopupBody:after,
.MCTextPopup.open.left .MCTextPopupBody:before {
    left: 5%
}

.MCTextPopup.open.right .MCTextPopupBody {
    right: -10px;
    left: inherit
}

.MCTextPopup.open.right .MCTextPopupBody:after,
.MCTextPopup.open.right .MCTextPopupBody:before {
    left: inherit;
    right: 8px
}

.popupHead:link {
    color: #007fca;
    border: 0
}

.news-item .news-item-label+div,
.news-item .news-item-label+h2,
div.MCDropDown {
    margin-top: 10px
}

.MCDropDownBody {
    margin-left: 17px
}

.MCDropDown_Open {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAMAAABFNRROAAAAVFBMVEXh4eHh4eHi4uL+/v7+/v7h4eHi4uLu7u7h4eHu7u729vb7+/vs7Ozk5OTm5uZsbGzv7+/x8fHj4+P9/f2jo6P4+Pj6+vrt7e309PT+/v7y8vKRkZF0WFwzAAAACHRSTlMGhIqKjeT19VxoD7sAAABSSURBVHheRcdXEoMwDAXAZxKDiuk9uf89EaPxaP8WSJlcTkDDejvlBq2ulbYgDQQ6gm0PNpH/+NpEbFew/YJtDoSFp4oXdEM5XRk6fLgn1/P3AYiTCkZBPgdUAAAAAElFTkSuQmCC") 0 2px no-repeat
}

.MCDropDown_Closed {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAMAAABFNRROAAAAdVBMVEXh4eHh4eHi4uL+/v7+/v7h4eHi4uLu7u5sbGzh4eHu7u77+/v29vbm5ubs7OzOzs7j4+Pk5OTv7+/i4uKRkZHQ0NDl5eXT09Pn5+fo6OjU1NTt7e3V1dXf39/x8fHy8vL09PTg4OD4+Pj6+vqjo6P9/f3+/v69OSrlAAAACHRSTlMGhIqKjeT19VxoD7sAAABoSURBVHheNcdXEoMwEATRARvYIBEccw73P6JnS8X76WqgarRoKqA2/xVuNVr/zryFOl3kGFHom05yiPBetJddhJfSRsInJd6DtrKO8O40yDPCu9Eg14hitNXMRnS5Pxd97rCwSYvJln+uiw0EiivsvgAAAABJRU5ErkJggg==") 0 2px no-repeat
}

.MCDropDownHotSpot {
    padding-left: 2px;
    border: 0
}

.disclosure,
.expandable {
    border: 1px solid #8d8d8d;
    background: #fafafa;
    margin-top: 16px;
    border-left: 0;
    border-right: 0
}

.disclosure h2,
.expandable-button,
a.workflow-link:after {
    background-repeat: no-repeat
}

.disclosure [role=region],
.expandable [role=region] {
    padding: 10px 40px
}

.disclosure {
    padding: 0 20px
}

.disclosure h2 {
    margin: 10px 0;
    padding: 0 27px 0 0;
    font-size: 1.5em;
    color: #54565a;
    background-image: url(../img/onboarding/open-icon.svg);
    background-position: center right;
    background-size: 25px;
    cursor: pointer
}

details>summary {
    margin-left: -10px;
    margin-right: -10px;
    padding-right: 10px;
    padding-left: 10px
}

details>summary:focus {
    outline: #4b4b4b dotted 2px;
    outline-offset: 8px
}

details[open]>summary h2 {
    background-image: url(../img/onboarding/close-icon-green.svg) !important
}

.expandable-button {
    background-color: transparent;
    background-position: 12px center;
    background-size: .92em;
    text-align: left;
    display: block;
    border: 0;
    width: 100%;
    padding: 12px 40px;
    color: #54565a;
    font-weight: 600
}

.expandable-button[aria-expanded=true] {
    background-image: url(../img/onboarding/close-icon-green.svg)
}

.expandable-button[aria-expanded=false] {
    background-image: url(../img/onboarding/open-icon.svg)
}

ol.workflow h2,
ol.workflow li,
ul.workflow h2,
ul.workflow li {
    font-weight: 400;
    font-size: 1.2em;
    border-bottom: 0;
    position: relative;
    margin-top: 16px
}

ol.workflow li div,
ol.workflow li figure,
ol.workflow li p,
ul.workflow li div,
ul.workflow li figure,
ul.workflow li p {
    font-size: 1rem;
    margin-bottom: 4px;
    margin-top: 8px
}

ol.workflow li:after,
ul.workflow li:after {
    display: block;
    content: "";
    height: 1px;
    margin-left: -32px;
    margin-top: 24px;
    background-color: #e1e1e1
}

ol.workflow+.next-step,
ul.workflow+.next-step {
    position: relative;
    list-style: none;
    padding: 20px 48px 16px;
    color: #0f0f0f;
    font-size: 1.2em
}

ol.workflow+.next-step:before,
ul.workflow+.next-step:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8' standalone='no'?%3E%3Csvg xmlns:dc='http://purl.org/dc/elements/1.1/' xmlns:cc='http://creativecommons.org/ns%23' xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns%23' xmlns:svg='http://www.w3.org/2000/svg' xmlns='http://www.w3.org/2000/svg' xmlns:sodipodi='http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd' xmlns:inkscape='http://www.inkscape.org/namespaces/inkscape' id='svg4509' version='1.1' height='40' width='40' sodipodi:docname='arrow-circle.svg' inkscape:version='0.92.0 r15299'%3E%3Csodipodi:namedview pagecolor='%23ffffff' bordercolor='%23666666' borderopacity='1' objecttolerance='10' gridtolerance='10' guidetolerance='10' inkscape:pageopacity='0' inkscape:pageshadow='2' inkscape:window-width='1558' inkscape:window-height='897' id='namedview4518' showgrid='false' inkscape:zoom='5.9' inkscape:cx='20' inkscape:cy='20' inkscape:window-x='0' inkscape:window-y='0' inkscape:window-maximized='0' inkscape:current-layer='svg4509' /%3E%3Cmetadata id='metadata4515'%3E%3Crdf:RDF%3E%3Ccc:Work rdf:about=''%3E%3Cdc:format%3Eimage/svg+xml%3C/dc:format%3E%3Cdc:type rdf:resource='http://purl.org/dc/dcmitype/StillImage' /%3E%3Cdc:title%3E%3C/dc:title%3E%3C/cc:Work%3E%3C/rdf:RDF%3E%3C/metadata%3E%3Cdefs id='defs4513' /%3E%3Cpath style='opacity:1;fill:%23616161;fill-opacity:1;stroke:none;stroke-width:0.37273803;stroke-miterlimit:4;stroke-dasharray:none' d='M 19.830512,0.42529375 A 19.405065,19.405065 0 0 0 0.42529403,19.830502 19.405065,19.405065 0 0 0 19.830512,39.235723 19.405065,19.405065 0 0 0 39.235723,19.830502 19.405065,19.405065 0 0 0 19.830512,0.42529375 Z m 0,5.17503265 A 14.230381,14.230381 0 0 1 34.06069,19.830502 14.230381,14.230381 0 0 1 19.830512,34.060689 14.230381,14.230381 0 0 1 5.5996616,19.830502 14.230381,14.230381 0 0 1 19.830512,5.6003264 Z' id='path4496' inkscape:connector-curvature='0' /%3E%3Cpath style='fill:%23616161;fill-opacity:1;stroke:none;stroke-width:0.57922149px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1' d='M 9.0218256,17.027492 H 20.399394 v -6.909278 l 10.446665,9.288223 -10.13637,10.136377 V 22.819722 H 8.814958 Z' id='path4502' inkscape:connector-curvature='0' sodipodi:nodetypes='cccccccc' /%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
    left: 15px;
    top: 24px;
    position: absolute;
    display: block;
    content: ""
}

ol.workflow+.next-step h2,
ul.workflow+.next-step h2 {
    font-size: 16px;
    text-transform: uppercase;
    color: #0f0f0f;
    border-bottom: 0;
    margin-top: 0
}

ol.workflow+ol.workflow,
ul.workflow+ul.workflow {
    margin-top: -20px
}

ul.workflow li {
    list-style: none
}

ul.workflow li:before {
    content: "•";
    color: #54565a;
    display: inline-block;
    margin-left: -20px;
    width: 20px;
    font-size: 20px;
    line-height: 1em
}

a.workflow-link {
    display: inline-block;
    padding-right: 40px;
    text-decoration: none;
    border-radius: 30px;
    color: #fff !important;
    background: #008936;
    border: none
}

.code-withcopy pre,
div.Code,
div.code {
    padding: 1em;
    margin: 1em 0
}

a.workflow-link:after {
    background-image: url(../img/nav/thin-arrow-right-white.svg);
    background-size: 18px;
    display: inline-block;
    position: absolute;
    height: 23px;
    width: 23px;
    right: 10px;
    content: ""
}

.syntax {
    background-color: #f2f2f2;
    font-size: 14px;
    padding: 0 4px
}

.API_syntax,
.script_token {
    font-weight: 700;
    font-size: 14px
}

blockquote {
    margin-top: 0;
    margin-bottom: 0
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0
}

td .Code,
td .code {
    -ms-word-break: break-word;
    word-break: break-word
}

.API_syntax_input,
.Code,
.bnf_token,
.code {
    font-size: 14px;
    margin: 12px 0 0;
    max-width: 100%;
    vertical-align: middle;
    overflow: auto
}

table .API_syntax_input,
table .Code,
table .bnf_token,
table .code {
    vertical-align: top
}

div.code,
div.code-aspnet,
div.code-bnf,
div.code-csharp,
div.code-css,
div.code-javascript,
div.code-markup,
div.code-withcopy {
    white-space: pre;
    font-family: "Source Code Pro", Monaco, Menlo, Consolas, "Courier New", monospace;
    font-size: 14px;
    -ms-word-wrap: normal !important;
    word-wrap: normal !important;
    background: #f2f2f2
}

div.Code,
div.code {
    -ms-word-wrap: break-word !important;
    word-wrap: break-word !important;
    font-size: 14px;
    background: #f2f2f2
}

.code-withcopy button.copy-code {
    font-size: 1.1em
}

code::-webkit-scrollbar-button {
    width: 0;
    height: 0;
    display: none
}

code::-webkit-scrollbar-corner {
    background-color: transparent
}

code::-webkit-scrollbar {
    width: 8px;
    height: 8px
}

code::-webkit-scrollbar-thumb {
    background-color: #d5d5d5;
    -webkit-box-shadow: inset 1px 1px 0 #d5d5d5, inset 0 -1px 0 #d5d5d5
}

.see-also-list {
    color: #006937;
    padding-left: 20px
}

.see_training li,
.see_training ul {
    list-style: none;
    padding: 0;
    margin: 10px 0
}

.see-also-link-external a,
.see-also-link-training a,
.see-also-link-workflow a,
a.see-also-link-external,
a.see-also-link-training,
a.see-also-link-workflow {
    position: relative;
    list-style-type: none
}

.see-also-link-external a:after,
.see-also-link-training a:after,
.see-also-link-workflow a:after,
a.see-also-link-external:after,
a.see-also-link-training:after,
a.see-also-link-workflow:after {
    background-image: url("../img/nav/external-link-emerald.svg");
    background-repeat: no-repeat;
    background-size: 12px;
    background-position: bottom right;
    content: "";
    width: 18px;
    height: 1em;
    display: inline-block
}

.see-also-link-external a.green:after,
.see-also-link-training a.green:after,
.see-also-link-workflow a.green:after,
a.see-also-link-external.green:after,
a.see-also-link-training.green:after,
a.see-also-link-workflow.green:after {
    background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8' standalone='no'?%3E%3Csvg xmlns:svg='http://www.w3.org/2000/svg' xmlns='http://www.w3.org/2000/svg' width='39.7' height='39.7' version='1.1'%3E%3Cpath style='stroke-width:0.96254718;fill:%23006937;fill-opacity:1' d='m 38.461355,0.44905591 q 0.319596,0 0.545193,0.24439675 0.244397,0.225597 0.244397,0.54519274 V 16.541642 q 0,0.319596 -0.225597,0.545193 -0.206797,0.206797 -0.526393,0.206797 h -3.308756 q -0.319596,0 -0.545193,-0.206797 -0.206797,-0.225597 -0.206797,-0.545193 V 8.6645467 L 21.654379,21.448377 q -0.263197,0.263196 -0.657991,0.263196 -0.394795,0 -0.657992,-0.263196 l -2.086772,-2.086772 q -0.263196,-0.263197 -0.263196,-0.657992 0,-0.394794 0.263196,-0.657991 L 31.035454,5.2617919 h -7.877095 q -0.319596,0 -0.545193,-0.2067972 -0.206797,-0.225597 -0.206797,-0.5451928 v -3.308756 q 0,-0.31959574 0.206797,-0.52639299 0.225597,-0.225597 0.545193,-0.225597 z M 29.625473,22.106368 h 4.812736 v 14.757804 q 0,0.845989 -0.620392,1.46638 -0.620392,0.620392 -1.46638,0.620392 H 2.8358289 q -0.8459888,0 -1.4663805,-0.620392 -0.62039176,-0.620391 -0.62039176,-1.46638 V 7.3485642 q 0,-0.8459887 0.62039176,-1.4663805 Q 1.9898401,5.2617919 2.8358289,5.2617919 H 17.593633 V 10.074528 H 6.3137827 q -0.3195958,0 -0.5451928,0.225597 -0.2067972,0.206797 -0.2067972,0.526393 v 22.5597 q 0,0.319596 0.2067972,0.526393 0.225597,0.225597 0.5451928,0.225597 H 28.873483 q 0.319596,0 0.526393,-0.225597 0.225597,-0.206797 0.225597,-0.526393 z' /%3E%3C/svg%3E") !important
}

.see-also-link-workflow a:after,
a.see-also-link-workflow:after {
    background-image: url("../img/nav/workflow-toggle-active.svg");
    background-position: center center;
    background-size: 20px;
    width: 24px
}

.generic-file:after,
.inline-nav .pdf a:after,
.inline-nav a.pdf:after,
.media-video a:after,
.pdf a:after,
.qliksense-file a:after,
.qlikview-file a:after,
.small-file:after,
.zip a:after,
a.media-video:after,
a.pdf:after,
a.qliksense-file:after,
a.qlikview-file:after,
a.zip:after {
    display: inline-block;
    position: relative;
    margin-left: 3px;
    height: 1em;
    width: 20px;
    top: 2px;
    content: ""
}

.see-also-link-training a:after,
a.see-also-link-training:after {
    background-image: url("../img/nav/training.svg")
}

#bottom-mini-toc {
    display: none;
    visibility: hidden;
    margin-top: 25px;
    clear: left
}

#bottom-mini-toc div.MCMiniTocBox_0::before {
    font-weight: 700;
    display: block;
    padding-bottom: 5px
}

figure {
    background-color: #f4f4f4;
    padding: 10px;
    margin: 1em 0
}

figure img {
    display: block;
    cursor: zoom-in
}

#topicContent figure {
    border: 1px solid #ddd;
    padding: 10px;
    margin: 16px 0 32px;
    color: rgba(15, 15, 15, .85);
    font-size: .875em
}

#topicContent figure figcaption {
    font-style: normal;
    margin: 4px 0
}

#topicContent figure figcaption p {
    margin: 4px 0;
    font-size: .875em
}

.replay {
    margin-top: 15px;
    text-align: center;
    display: block
}

.replay button {
    background-image: url(../img/icons/reload-white.svg);
    background-position: 15px center;
    background-repeat: no-repeat;
    background-size: 18px;
    padding-left: 45px;
    background-color: #006580
}

.videowrapper {
    float: none;
    clear: both;
    width: 100%;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0
}

.videowrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0
}

#topicContent p>img.border {
    border: 1px solid #d5d5d5;
    padding: 10px
}

ul.reset,
ul.reset li {
    list-style: none;
    padding: 0 0 5px;
    margin: 0
}

.generic-file:after,
.small-file:after {
    background: url("../img/file-icons/QlikFile-blue.svg") center bottom/12px no-repeat
}

.card .generic-file,
.card .generic-file+span.english-only,
.card .inline-nav .pdf a,
.card .inline-nav .pdf a+span.english-only,
.card .inline-nav a.pdf,
.card .inline-nav a.pdf+span.english-only,
.card .media-video a,
.card .media-video a+span.english-only,
.card .pdf a,
.card .pdf a+span.english-only,
.card .qliksense-file a,
.card .qliksense-file a+span.english-only,
.card .qlikview-file a,
.card .qlikview-file a+span.english-only,
.card .small-file,
.card .small-file+span.english-only,
.card .zip a,
.card .zip a+span.english-only,
.card a.media-video,
.card a.media-video+span.english-only,
.card a.pdf,
.card a.pdf+span.english-only,
.card a.qliksense-file,
.card a.qliksense-file+span.english-only,
.card a.qlikview-file,
.card a.qlikview-file+span.english-only,
.card a.zip,
.card a.zip+span.english-only,
.onthispage ul.show-more {
    margin-bottom: 5px
}

.small-file {
    background-size: 12px;
    background-position: 3px
}

.inline-nav .pdf a:after,
.inline-nav a.pdf:after,
.pdf a:after,
a.pdf:after {
    background: url("../img/file-icons/Pdf-green.svg") center bottom/12px no-repeat
}

.zip a:after,
a.zip:after {
    background: url("../img/file-icons/Zip-green.svg") center bottom/12px no-repeat
}

.qlikview-file a:after,
a.qlikview-file:after {
    background: url("../img/file-icons/QlikView-file-blue.svg") center bottom/12px no-repeat
}

.qliksense-file a:after,
a.qliksense-file:after {
    background: url("../img/file-icons/QlikSense-file-blue.svg") center bottom/12px no-repeat
}

.media-video a:after,
a.media-video:after {
    background: url("../img/icons/play.svg") center bottom/14px no-repeat
}

.letter-index {
    margin-top: 25px;
    font-size: 24px;
    text-align: center;
    letter-spacing: 3px
}

.letter-index li,
.letter-index ol,
.letter-index ul {
    list-style: none;
    display: inline;
    padding: 0;
    margin: 0
}

.letter-index .xref[href^="#"],
.letter-index a[href^="#"] {
    color: #006580
}

.vidyard-player-container {
    margin: 20px 0 !important;
    border: 1px solid #ddd !important
}

div.versionHistoryDescription {
    width: 55%;
    vertical-align: top;
    display: inline-block
}

dl.versionHistory {
    display: inline-block;
    width: 40%;
    min-width: 250px;
    max-width: 400px;
    padding: 10px;
    background: #fafafa
}

dl.versionHistory:before {
    font-weight: 400;
    display: block;
    font-size: 1.4em;
    margin: 0;
    border-bottom: 1px solid #ddd
}

.button,
.button.download,
.button.filter {
    outline-offset: 2px;
    padding: 10px 15px;
    font-size: 16px;
    border-width: 2;
    border-style: solid;
    position: relative;
    font-weight: 600;
    text-decoration: none;
    display: inline-block
}

dl.versionHistory dd,
dl.versionHistory dt,
dl.versionHistory li,
dl.versionHistory ul {
    display: inline-block;
    padding: 0;
    margin: 0
}

dl.versionHistory dd,
dl.versionHistory dt {
    vertical-align: top;
    padding-top: 5px;
    width: 59%
}

.news-item .news-item-date:before,
.tablist button,
.tablist button img,
.tablist button span,
label {
    vertical-align: middle
}

dl.versionHistory dt {
    font-weight: 600;
    width: 39%
}

dl.versionHistory dd.tag-since {
    width: 98%
}

dl.versionHistory dd.tag-since:before {
    display: inline-block;
    width: 39%;
    font-weight: 600
}

.button {
    background: #009845;
    -webkit-transition: background-color .1s ease-out;
    -moz-transition: background-color .1s ease-out;
    -o-transition: background-color .1s ease-out;
    -ms-transition: background-color .1s ease-out;
    transition: background-color .1s ease-out;
    border-color: #009845;
    color: #fff
}

.button.active,
.button:active,
.button:hover {
    background-color: #006937;
    color: #fff
}

.button.filled,
.button.filled.blue {
    color: #fff;
    background: #06c
}

.button.filled.active,
.button.filled.blue.active,
.button.filled.blue:active,
.button.filled.blue:hover,
.button.filled:active,
.button.filled:hover {
    background-color: #003d9a;
    color: #fff
}

.button.filled.green {
    color: #0f0f0f;
    background: #009845
}

.button.filled.green.active,
.button.filled.green:active,
.button.filled.green:hover {
    background-color: #0aaf54;
    color: #0f0f0f
}

.button.inverted {
    color: #00893e;
    background: #fff;
    border-color: #00893e
}

.button.inverted.active,
.button.inverted:active,
.button.inverted:hover {
    background-color: #00893e;
    color: #fff
}

.button.grey {
    color: #0f0f0f;
    background: #f3f5f8
}

.button.grey.active,
.button.grey:active,
.button.grey:hover {
    background-color: #f3f5f8;
    color: #0f0f0f
}

.button.download,
.button.filter {
    background: #f4f4f4;
    color: #0f0f0f;
    -webkit-transition: background-color .1s ease-out;
    -moz-transition: background-color .1s ease-out;
    -o-transition: background-color .1s ease-out;
    -ms-transition: background-color .1s ease-out;
    transition: background-color .1s ease-out;
    border-color: #009845
}

.button.download:before {
    font-family: LUIicons, "Open Sans", Arial, sans-serif;
    position: relative;
    right: 0;
    top: 0;
    content: "\229E";
    margin-right: 10px
}

.button.filter:before {
    font-family: LUIicons, "Open Sans", Arial, sans-serif;
    position: relative;
    right: 0;
    top: 0;
    content: "\263D";
    margin-right: 10px
}

.button.light {
    background-color: transparent;
    color: #009845
}

.button.light:hover {
    background: #009845;
    text-decoration: underline;
    color: #fff
}

.button.light.search-feedback-button {
    color: #fff;
    background: #008936;
    border: none;
    border-radius: 30px
}

.button.light.search-feedback-button:hover {
    background: #156037;
    text-decoration: none;
    color: #fff
}

.goto-link {
    color: #009845;
    padding: 4px 10px;
    display: block;
    border-radius: 3px;
    font-weight: 600;
    border: none;
    transition: background .1s ease-in-out;
    text-decoration: none;
    float: right;
    margin-top: 2px;
    margin-right: 5px
}

#reset-filters a,
.clear-all {
    color: #006937;
    text-decoration: underline
}

.goto-link::hover {
    text-decoration: underline
}

.mobile-close-button {
    position: absolute;
    z-index: 2;
    top: 15px;
    right: 30px;
    display: none;
    border: 0
}

.mobile-close-button button {
    background: url("../img/nav/close3-brand-grey.svg") center/24px no-repeat;
    display: inline-block;
    width: 24px;
    height: 24px;
    border-radius: 8px;
    border: 0
}

label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    z-index: 1;
    line-height: 25px
}

.local-search {
    margin-bottom: 30px;
    position: relative
}

.local-search input {
    outline: 0;
    padding: 9px;
    border: 1px solid #8c8c8c;
    width: 100%;
    border-radius: 2px
}

.help-sticky a:focus,
.local-search button:focus,
.local-search input:focus,
.onboardingpage .button:focus,
.onboardingpage a:focus {
    outline: #002e5c dotted 2px
}

.local-search input::placeholder {
    color: #333
}

.local-search button {
    width: 40px;
    height: 40px;
    background-color: unset;
    border: none;
    background-image: url(../img/nav/icon-search-03.svg);
    background-repeat: no-repeat;
    position: absolute;
    right: 5px;
    background-position: center 10px;
    background-size: 20px
}

#toptop,
.tile>img {
    height: 50px
}

#reset-filters a {
    font-size: .92em;
    border-bottom: 0
}

@media only screen and (max-width:920px) and (max-width:920px) {
    #mega .pushdown-list>div {
        margin-left: 15px
    }

    .container.search-page #show-filters {
        border: 1px solid #c4cfda;
        background-color: #f3f5f8;
        color: inherit;
        font-size: 1em;
        height: 50px
    }
}

.reset-filters-mobile {
    text-align: right;
    padding: 5px;
    display: none
}

.clear-all {
    background: 0 0;
    border: 0
}

.clear-all:hover {
    background: 0 0;
    text-decoration: none
}

#toptop,
.news-item .news-item-date:before,
.tabdropdown:after,
.tooltip button,
body.csh-tool .tri-back,
body.csh-tool .tri-back .bigbox {
    background-repeat: no-repeat
}

.filters-info-group {
    padding: 5px 10px;
    background: #ededed;
    margin-top: 20px
}

.filters-info-group .filters-info {
    text-align: center;
    float: left
}

.filters-info-group .sorting button {
    color: #0f0f0f;
    font-weight: 700
}

.filters-info-group .sorting button .direction {
    font-weight: 400;
    padding-left: 5px
}

.filters-info-group .sorting ul {
    display: none;
    position: absolute;
    top: 25px;
    right: -10px;
    z-index: 1000;
    min-width: 160px;
    padding: 0 !important;
    margin: 2px 0 0 !important;
    list-style: none !important;
    background-color: #fff;
    border: 1px solid #ccc;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .176);
    background-clip: padding-box
}

.filters-info-group .sorting ul li {
    margin-left: 0 !important;
    margin-bottom: 0 !important;
    display: block !important
}

.filters-info-group .sorting ul li.separator {
    background-color: #d5d5d5;
    display: inline-block;
    width: 100%;
    height: 1px
}

.filters-info-group .sorting ul li a {
    color: #54565a;
    display: block;
    padding: 7px 15px;
    white-space: nowrap;
    border-bottom: 1px solid #f4f4f4;
    font-weight: initial
}

.filters-info-group .sorting ul li a:hover {
    background: #fafafa;
    text-decoration: none
}

.filters-info-group .sorting ul li a:focus {
    outline-offset: 0
}

.filters-info-group .sorting ul li ul {
    border-top: 2px solid #ddd
}

.filters-info-group .sorting ul li:first-child ul {
    border-top: none
}

.filters-info-group .sorting a {
    text-decoration: none;
    margin: 0
}

#welcome-sense .mini-login-box .text a,
#welcome-sense .sense-welcome-text a,
.course-box a:hover,
.onboarding-content p a:hover,
.onthispage a:hover,
.onthispage button:hover,
.tile a:hover,
.tile h3 a:hover,
.tile h4 a:hover,
.welcome-box .text a {
    text-decoration: underline
}

.filters-info-group .clear-all {
    width: auto;
    padding: 1px 6px
}

.news-item {
    transition: box-shadow .3s linear;
    border-top: 1px solid #ccc;
    margin: 0 0 32px
}

.news-item p {
    margin: 12px 0 0
}

.news-item .news-item-header {
    margin-top: 8px
}

.news-item .news-item-label {
    display: inline-block;
    background-color: #d3d1ef;
    color: #0f0f0f;
    border-radius: 24px;
    padding: 2px 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    font-size: .875em
}

.news-item .news-item-label+p {
    margin: 30px 0 15px
}

.news-item ul {
    list-style-type: disc
}

.news-item .news-item-date {
    font-size: .875em;
    margin-right: 12px
}

.news-item .news-item-date:before {
    content: "";
    display: inline-block;
    background-image: url(../img/nav/calendar.svg);
    background-size: auto 32px;
    background-position: -7px -8px;
    margin: 10px 0;
    width: 24px;
    height: 19px
}

.nrResults {
    margin-right: 5px;
    padding-right: 5px;
    padding-left: 4px;
    border-right: 1px solid #ccc
}

.filters-info .nrResults {
    padding-right: 10px
}

div.api-deprecated,
div.api-experimental,
div.api-locked,
div.api-stable {
    text-transform: uppercase;
    text-align: center;
    font-size: 18px;
    color: #0f0f0f;
    padding: 5px;
    margin-bottom: 20px
}

div.api-experimental {
    background-color: #ffc72c
}

div.api-stable {
    background-color: #c4d600
}

div.api-locked {
    background-color: #7ebeff
}

div.api-deprecated {
    background-color: #ff4c4c
}

p.syntax {
    font-size: 16px;
    display: inline-block
}

.tablist {
    list-style: none;
    border-bottom: 1px solid #ccc;
    display: block;
    padding: 0;
    margin: 0 auto
}

.tablist:after {
    display: table;
    clear: both;
    content: ""
}

.tablist li,
.tablist>span {
    display: inline-block;
    margin-bottom: -5px
}

.tablist li button img {
    float: left;
    margin-right: 15px
}

.tablist button {
    display: inline-block;
    background-color: #fff;
    font-size: 1.2em;
    position: relative;
    margin-right: 5px;
    margin-bottom: 5px;
    padding: 13px 35px;
    text-align: center;
    color: #0f0f0f;
    border: 0
}

.tablist button span {
    display: inline-block
}

.tablist button:focus {
    outline: #4b4b4b solid 2px
}

.tablist button:last-child {
    border-right-width: 1px
}

.tablist button:first-child {
    border-left-width: 1px
}

.tablist button:after {
    transition: .2s;
    display: block;
    position: absolute;
    content: "";
    border-bottom: 4px solid #006937;
    bottom: 0;
    width: 100%;
    left: 0;
    opacity: 0
}

.tablist button:hover,
.tablist button[aria-selected=true] {
    background-color: #f6f8f9;
    color: #156037
}

.tablist.onboarding li {
    display: block;
    margin-bottom: 20px;
    background-color: #fff
}

.tablist.onboarding button {
    display: block;
    padding-left: 15px;
    width: 100%;
    text-align: left;
    background-color: transparent;
    color: #54565a
}

.tablist.onboarding button:hover,
.tablist.onboarding button[aria-selected=true] {
    background-color: #fff;
    color: #222;
    text-shadow: none
}

.tabpanel {
    display: none;
    z-index: 0
}

.tabpanel.active {
    display: block;
    order: 5
}

.tabdropdown {
    display: none;
    border: 1px solid #c4cfda;
    background: #f3f5f8;
    padding: 10px 0 10px 15px;
    width: 100%;
    border-radius: 2px;
    text-align: left
}

.tabdropdown:after {
    display: inline-block;
    background-image: url(../img/nav/light-arrow-down.svg);
    background-size: 12px;
    background-position: center;
    width: 28px;
    height: 28px;
    margin-right: 20px;
    position: static;
    float: right;
    content: ""
}

#cookie-box {
    position: fixed;
    z-index: 10;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px 20px 10px;
    color: #fff
}

#cookie-box a {
    color: #fff;
    border-bottom: 1px solid #fff
}

#cookie-box a:hover {
    border-bottom-style: dashed
}

#cookie-box main,
#cookie-box p {
    font-size: 1.1em;
    margin-right: 5px;
    display: inline
}

#cookie-box button {
    font-size: 15px
}

#cookie-box button:focus {
    top: 4px;
    left: 4px
}

#cookie-box .close-button-box {
    float: right;
    display: block;
    margin: 10px 0 0
}

.toast {
    position: absolute;
    border: 1px solid #c4cfda;
    color: #4b4b4b;
    background-color: #fff;
    box-shadow: 2px 2px 3px 0 #4b4b4b;
    z-index: 100;
    padding: 3px 15px;
    -webkit-transition: opacity 3s ease-in-out;
    -moz-transition: opacity 3s ease-in-out;
    -ms-transition: opacity 3s ease-in-out;
    -o-transition: opacity 3s ease-in-out
}

.tile,
.tooltip .tooltip-info {
    padding: 20px;
    background: #fff
}

.toast.hide {
    opacity: 0
}

.toast.toast-failure:before,
.toast.toast-success:before,
.toast.toast-warning:before {
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    height: 18px;
    width: 16px;
    content: ""
}

.toast.toast-success:before {
    background-image: url(../img/toast/success.svg)
}

.toast.toast-failure:before {
    background-image: url(../img/toast/failure.svg)
}

.toast.toast-warning:before {
    background-image: url(../img/toast/warning.svg)
}

.tooltip button {
    background-color: transparent;
    background-image: url("../img/icons/icon-info-tanz.svg");
    color: #0f0f0f;
    background-position: left center;
    background-size: 1.2em;
    padding-left: 22px;
    font-weight: 400;
    border: none;
    text-align: left
}

.tanzanite .tooltip button {
    background-image: url("../img/icons/icon-info-grey.svg")
}

.tooltip button:hover {
    background-color: unset
}

.tooltip button:has(img.icon) {
    background-image: none;
    padding-left: 3px
}

.tooltip h3 {
    padding: 0;
    margin: 0;
    font-size: 1.2em
}

.tooltip .tooltip-info {
    color: #0f0f0f;
    border: 1px solid #1c355a;
    margin-top: 12px;
    margin-left: -20px;
    position: absolute;
    z-index: 10;
    display: none;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .45)
}

#video-filter-container .tooltip .tooltip-info li,
#video-filter-container .tooltip .tooltip-info ul {
    list-style: disc;
    padding: 0;
    margin: 0
}

#video-filter-container .tooltip .tooltip-info ul {
    margin: 2px 20px
}

.tooltip .tooltip-info:after,
.tooltip .tooltip-info:before {
    bottom: 100%;
    left: 27px;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.tile {
    border: 1px solid #ddd;
    border-radius: 10px
}

.tile h2,
.tile h3,
.tile h4 {
    margin-top: 0;
    font-weight: 600 !important;
    font-size: 1.4em !important;
    color: #54565a !important;
    margin-bottom: 0
}

.tile p {
    font-weight: 300
}

.tile a {
    margin-right: 10px;
    text-decoration: none
}

.tile h4 a {
    font-weight: 500;
    text-decoration: none;
    color: #009845;
    font-size: 1.5rem
}

.tile h4 a:hover {
    color: #156037
}

.tile p a {
    margin-right: 0
}

.tile h3 a {
    font-size: 1.5rem;
    font-weight: 600;
    text-decoration: none
}

#toptop {
    display: none;
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: 50px;
    z-index: 4;
    border: 3px solid #fff;
    outline: 0;
    background-image: url(../img/nav/backtop.svg);
    background-position: center;
    cursor: pointer;
    border-radius: 50%;
    transition: opacity .25s ease-in-out
}

#toptop:focus:after {
    content: "";
    width: 50px;
    height: 50px;
    display: block;
    position: absolute;
    top: -3px;
    left: -3px;
    border: 3px dotted #4b4b4b;
    border-radius: 50%
}

#toptop:hover {
    background-color: #009845;
    transition: background-color .25s ease-in-out
}

@media only screen and (max-width:750px) {
    #toptop {
        display: none
    }
}

body.csh-tool {
    min-height: 100%
}

body.csh-tool .tri-back {
    background-image: url(../img/triangle-back.png);
    background-position-x: center;
    background-position-y: -50px;
    margin-top: unset !important
}

body.csh-tool .tri-back .bigbox {
    width: 64%;
    height: 60px;
    padding: 10px;
    font-size: 24px;
    font-weight: 100;
    color: #006580;
    border: 0;
    background-color: #d9e8ec;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNzEuMzkyIiBoZWlnaHQ9IjE3MC44OTIiIHZpZXdCb3g9IjAgMCAxNzEuMzkyIDE3MC44OTIiPiAgPGcgaWQ9InNlYXJjaCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEwNC42MDggLTQ4OCkiPiAgICA8ZyBpZD0iUGF0aF8zIiBkYXRhLW5hbWU9IlBhdGggMyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTUwIDQ4OCkiIGZpbGw9Im5vbmUiPiAgICAgIDxwYXRoIGQ9Ik02MywwQTYzLDYzLDAsMSwxLDAsNjMsNjMsNjMsMCwwLDEsNjMsMFoiIHN0cm9rZT0ibm9uZSIvPiAgICAgIDxwYXRoIGQ9Ik0gNjMgMjAgQyAzOS4yODk3MTA5OTg1MzUxNiAyMCAyMCAzOS4yODk3MTA5OTg1MzUxNiAyMCA2MyBDIDIwIDg2LjcxMDI4MTM3MjA3MDMxIDM5LjI4OTcxMDk5ODUzNTE2IDEwNiA2MyAxMDYgQyA4Ni43MTAyODEzNzIwNzAzMSAxMDYgMTA2IDg2LjcxMDI4MTM3MjA3MDMxIDEwNiA2MyBDIDEwNiAzOS4yODk3MTA5OTg1MzUxNiA4Ni43MTAyODEzNzIwNzAzMSAyMCA2MyAyMCBNIDYzIDAgQyA5Ny43OTM5MzAwNTM3MTA5NCAwIDEyNiAyOC4yMDYwNjk5NDYyODkwNiAxMjYgNjMgQyAxMjYgOTcuNzkzOTMwMDUzNzEwOTQgOTcuNzkzOTMwMDUzNzEwOTQgMTI2IDYzIDEyNiBDIDI4LjIwNjA2OTk0NjI4OTA2IDEyNiAwIDk3Ljc5MzkzMDA1MzcxMDk0IDAgNjMgQyAwIDI4LjIwNjA2OTk0NjI4OTA2IDI4LjIwNjA2OTk0NjI4OTA2IDAgNjMgMCBaIiBzdHJva2U9Im5vbmUiIGZpbGw9IiMwMDY1ODAiLz4gICAgPC9nPiAgICA8cGF0aCBpZD0iUGF0aF8yIiBkYXRhLW5hbWU9IlBhdGggMiIgZD0iTTE5NCw2MjV2NzMuOSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNDc1Ljc2NSAxMy4zNzgpIHJvdGF0ZSg0NSkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwNjU4MCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2Utd2lkdGg9IjIwIi8+ICA8L2c+PC9zdmc+);
    background-position: center right 20px;
    background-size: 25px;
    display: inline-block
}

body.csh-tool .tri-back .bigbox::placeholder {
    color: #006580
}

body.csh-tool .tri-back .top-mini {
    border-bottom: 1px solid #ccc;
    height: 35px;
    text-align: right;
    padding: 5px
}

body.csh-tool .tri-back .top-mini ul li {
    display: inline-block;
    margin-left: 10px
}

body.csh-tool .tri-back .top-mini ul li a {
    color: #4b4b4b;
    font-size: 14px
}

body.csh-tool .tri-back .csh-head {
    height: 105px
}

body.csh-tool .tri-back .csh-head h1 {
    font-weight: 100;
    display: inline-block;
    font-size: 32px
}

body.csh-tool .tri-back .csh-head h1 strong {
    font-weight: 400;
    font-size: 24px
}

body.csh-tool .tri-back .csh-head .csh-logo {
    width: 170px;
    padding: 10px;
    top: 20px;
    position: relative
}

body.csh-tool .tri-back .missing-csh {
    display: inline-block;
    padding: 10px;
    position: absolute;
    right: 10px
}

body.csh-tool .tri-back .missing-csh p {
    font-weight: 100;
    text-align: right
}

body.csh-tool .tri-back .missing-csh a {
    color: #fff;
    padding: 10px 30px
}

body.csh-tool .tri-back .missing-csh-link {
    padding: 10px;
    background: #009844;
    display: block;
    border-radius: 4px
}

body.csh-tool .tri-back #csh-submit input,
body.csh-tool .tri-back #csh-submit textarea {
    border: 1px solid #ccc;
    padding: 7px;
    min-width: 300px;
    margin-bottom: 20px
}

body.csh-tool .tri-back .missing-csh-link:hover {
    background: #333
}

body.csh-tool .tri-back .select-site h1 {
    font-weight: 100;
    color: #fff;
    display: inline-block;
    font-size: 32px;
    margin-right: 15px
}

body.csh-tool .tri-back .web-select {
    font-size: 24px;
    width: 35%;
    font-weight: 100;
    border: 0;
    height: 60px;
    display: inline-block;
    background-color: #fff;
    padding: 10px;
    -moz-appearance: none;
    -webkit-appearance: none;
    background-image: url(../img/nav/light-arrow-down.svg);
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 15px
}

.onboardbox a.link:after,
.onboardingpage .button.aright {
    background-image: url(../img/nav/thin-arrow-right-green.svg)
}

body.csh-tool .tri-back .web-select::-ms-expand {
    display: none
}

body.csh-tool .tri-back .web-select option {
    font-size: 18px
}

body.csh-tool .tri-back #cshTable {
    table-layout: fixed;
    width: 100%
}

body.csh-tool .tri-back #cshTable td {
    overflow-wrap: break-word
}

body.csh-tool .tri-back .lastcell {
    text-align: right;
    width: 70px
}

body.csh-tool .tri-back .firstcell {
    width: 250px
}

@media only screen and (max-width:501px) and (orientation:portrait) {
    .search-extras.regular {
        background-image: none
    }

    .search-extras.regular p {
        width: 100%
    }

    .glossaryBlock {
        width: 250px
    }

    #results-videos .search-results,
    .grid .search-results {
        grid-template-columns: repeat(auto-fill, 94%);
        justify-content: center
    }

    .center-list li {
        width: 100% !important
    }

    body.csh-tool .tri-back .bigbox {
        display: block;
        width: 100%;
        margin-top: 20px
    }

    body.csh-tool .tri-back .csh-head h1 strong {
        font-size: 14px
    }

    body.csh-tool .tri-back .csh-head h1 {
        font-size: 16px;
        font-weight: 400;
        display: block;
        line-height: 20px;
        width: 180px
    }

    body.csh-tool .tri-back .csh-head .csh-logo {
        width: 120px;
        top: 10px
    }

    body.csh-tool .tri-back .missing-csh {
        float: right;
        top: -5px
    }

    body.csh-tool .tri-back .web-select {
        width: 100%;
        display: block;
        text-overflow: ellipsis;
        padding-right: 20px
    }

    body.csh-tool .tri-back .firstcell {
        width: 100px
    }
}

body.csh-tool .tri-back .grande {
    min-height: 500px
}

body.csh-tool .tri-back .show {
    display: block !important
}

body.csh-tool .tri-back #csh-submit input {
    height: 40px
}

body.csh-tool .tri-back #csh-submit label {
    float: left;
    text-align: right;
    margin-right: 15px;
    width: 150px;
    line-height: 40px
}

body.csh-tool .tri-back #csh-submit .form-control {
    float: right;
    margin-bottom: 15px
}

body.csh-tool .tri-back #csh-submit .csh-thanks {
    display: none;
    text-align: center;
    font-size: 25px;
    font-weight: 600
}

body.csh-tool .tri-back .csh-globe {
    width: 16px;
    position: relative;
    top: 2px;
    margin-left: 3px
}

body.csh-tool .tri-back .tanzanine {
    background-color: #1c355e;
    padding: 25px
}

body.csh-tool .tri-back .blue {
    background-color: #006580;
    padding: 25px
}

body.csh-tool .tri-back .footer {
    clear: both;
    background-color: #4b4b4b;
    color: #fff;
    position: relative;
    text-align: center;
    height: 150px
}

body.csh-tool .tri-back .footer .footer-logo {
    width: 150px;
    margin-top: 50px
}

body.csh-tool .tri-back .b-overlay {
    -moz-opacity: 0.3;
    opacity: .3;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

body.csh-tool .overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, .7);
    transition: opacity .5s;
    visibility: hidden;
    opacity: 0;
    z-index: 3
}

body.csh-tool .popup {
    margin: 70px auto;
    padding: 40px;
    background: #fff;
    border-radius: 5px;
    width: 50%;
    position: relative;
    transition: 5s ease-in-out
}

body.csh-tool .popup h2 {
    margin-top: 0;
    color: #333
}

body.csh-tool .popup .close {
    position: absolute;
    top: 20px;
    right: 30px;
    transition: .2s;
    font-size: 30px;
    font-weight: 700;
    text-decoration: none;
    color: #333
}

body.csh-tool .popup .content {
    display: block;
    max-height: 30%;
    overflow: auto
}

@media screen and (max-width:700px) {

    body.csh-tool .box,
    body.csh-tool .popup {
        width: 70%
    }
}

.onboardingpage p.larger {
    font-size: 1.4em;
    line-height: normal
}

#provider-list.panel-content p,
.onboarding-content .text-space.smaller p,
.onboardingpage p.regular {
    font-size: 1em
}

.onboardingpage :target::before {
    content: "";
    display: block;
    height: 4em;
    margin-top: -4em
}

.onboardingpage ol.bullets {
    list-style: disc
}

.onboardbox {
    background: #f3f5f8;
    margin-bottom: 20px
}

.onboardbox a.link:after {
    content: "";
    margin-left: 5px;
    color: #006937;
    background-repeat: no-repeat;
    background-size: 11px;
    display: inline-block;
    height: 15px;
    width: 15px;
    background-position: bottom
}

.onboardbox h2 {
    margin: 0;
    padding: 0
}

.onboardbox .steps {
    text-transform: uppercase
}

.onboardbox .card-content {
    font-size: .9em
}

.onboardbox .container.onboardingstep,
.onboardbox .container.onboardingstep .col-3,
.onboardbox .container.onboardingstep .col-9 {
    padding-left: 0;
    padding-right: 0
}

.onboardbox .container.onboardingstep .tabdropdown {
    background: #fff;
    color: #333
}

.onboardbox .container.onboardingstep :focus {
    outline: #4b4b4b dotted 2px;
    border-radius: 0
}

#topicContent .onthispage li .xref[href^="#"]:after,
#topicContent .onthispage li a[href^="#"]:after,
#topicContent .third-col-banner,
#topicContent .third-col-section,
.embedded-search .onthispage#onthispage-mobile li .xref[href^="#"]:after,
.embedded-search .onthispage#onthispage-mobile li a[href^="#"]:after,
.hidden-toc .whats-filters,
.onboardbox button.tabdropdown,
.onthispage li[aria-hidden=true],
.vertical-filters .fitler-list[aria-hidden=true],
.vertical-filters ul button+ul,
.vertical-filters ul input[type=checkbox]+label:before,
.vertical-filters ul input[type=radio]+label+ul,
.vertical-filters ul input[type=radio]+label:before,
.whats-filters .time-period-date,
.whats-filters fieldset[aria-hidden=true],
.whats-new-page .filters-close,
.whats-new-page .fix-loc .filter-header,
.whats-new-page .hidden-filters-close,
.whats-new-page aside.navigation {
    display: none
}

.guide-text {
    margin-bottom: 25px
}

.onboardingpage .button {
    border: 1px solid #fff;
    font-size: 1rem;
    background-color: #006580;
    font-weight: 700;
    transition: background-color .1s ease-out
}

.onboardingpage .button.inv {
    background-color: unset;
    color: #00893e
}

.onboardingpage .button.mfz {
    background-color: transparent !important;
    border: unset !important;
    color: #00893e !important
}

.onboardingpage .button.aright {
    background-repeat: no-repeat;
    background-size: 13px 13px;
    background-position: center right
}

.onboardingpage .button.aright:hover {
    background-image: url(../img/nav/thin-arrow-right-green.svg) !important
}

.onboardingpage .button.aleft {
    background-image: url(../img/nav/thin-arrow-left-green.svg);
    background-repeat: no-repeat;
    background-size: 13px 13px;
    background-position: center left
}

.signbox {
    display: flex;
    margin: 40px 0
}

.signbox .pic img {
    border-radius: 50%
}

.signbox .signature {
    display: inline-block;
    margin: 20px
}

.onboarding-header {
    background-size: 55px 55px;
    background-repeat: no-repeat;
    background-position: left center;
    background-position-x: 20px;
    border: 2px solid transparent;
    padding: 18px;
    display: block;
    width: 100%
}

.onboarding-header#account {
    background-image: url(../img/onboarding/ID-Badge.svg)
}

.onboarding-header#introducing {
    background-image: url(../img/onboarding/2024/Analytics-Dashboard2.svg)
}

.onboarding-header#difference {
    background-image: url(../img/onboarding/Target.svg)
}

.onboarding-header#openbox {
    background-image: url(../img/onboarding/BoxOpen.svg)
}

.onboarding-header#admin-tasks {
    background-image: url(../img/onboarding/2024/MagnifyGlass-Checkmark.svg)
}

.onboarding-header#product-overview {
    background-image: url(../img/onboarding/2024/Analytics-Dashboard.svg)
}

.onboarding-header#basic-apps {
    background-image: url(../img/onboarding/2024/Analytics-Mobile.svg)
}

.onboarding-header#setup {
    background-image: url(../img/onboarding/2024/Gear-Tool.svg)
}

.onboarding-header#sense-beyond-basics,
.onboarding-header.sbs {
    background-image: url(../img/onboarding/2024/Rocket.svg)
}

.onboarding-header.active {
    background-color: #009845;
    color: #fff
}

.onboarding-header.active#account {
    background-image: url(../img/onboarding/ID-Badge-White.svg)
}

.onboarding-header.active#introducing {
    background-image: url(../img/onboarding/2024/Analytics-Dashboard2-inv.svg)
}

.onboarding-header.active#difference {
    background-image: url(../img/onboarding/Target-White.svg)
}

.onboarding-header.active#openbox {
    background-image: url(../img/onboarding/BoxOpen-White.svg)
}

.onboarding-header.active#admin-tasks {
    background-image: url(../img/onboarding/2024/MagnifyGlass-Checkmark-inv.svg)
}

.onboarding-header.active#product-overview {
    background-image: url(../img/onboarding/2024/Analytics-Dashboard-inv.svg)
}

.onboarding-header.active#basic-apps {
    background-image: url(../img/onboarding/2024/Analytics-Mobile-inv.svg)
}

.onboarding-header.active#setup {
    background-image: url(../img/onboarding/2024/Gear-Tool-inv.svg)
}

.onboarding-header.active#sense-beyond-basics,
.onboarding-header.active.sbs {
    background-image: url(../img/onboarding/2024/Rocket-inv.svg)
}

#common-questions ul li a:after,
#get-started ul li a:after,
.banner-text .button.inv,
.controls .button.inv,
.onboarding-content .text-space ul li a:after {
    background-image: url(../img/nav/thin-arrow-right-green.svg)
}

.onboarding-header .steps {
    margin: 0;
    padding: 0;
    font-weight: 400;
    font-size: .6em
}

.onboarding-header h3 {
    margin: 0;
    font-weight: 600
}

.onboarding-header a {
    color: #009845;
    background: url(../img/onboarding/open-icon.svg) 0 0/25px no-repeat;
    font-size: 26px;
    background-position-x: right;
    background-position-y: center;
    display: inline-block;
    width: 100%;
    box-shadow: none
}

.onboarding-header a.opened {
    background: url(../img/onboarding/close-icon.svg) 0 0/25px no-repeat;
    background-position-x: right;
    background-position-y: center
}

.onboarding-header a.opened:hover {
    color: #c5e4d4
}

@-moz-document url-prefix() {
    .onboarding-header:focus-within {
        outline: 0 !important;
        border: 2px dotted #002e5c
    }
}

.onboarding-header:focus-within {
    background-position-x: 18px;
    border: 2px dotted #002e5c;
    padding: 18px
}

.onboarding-content {
    display: none;
    opacity: 0;
    transition: opacity .5s;
    padding: 30px 60px 20px
}

.onboarding-content.visible {
    display: block;
    opacity: 1;
    transition: opacity .5s
}

.onboarding-content.front#box1 {
    background: url(../img/onboarding/sense-back-grande.png) center right -130px/50% no-repeat
}

.onboarding-content h3 {
    margin: 0;
    padding: 0;
    font-size: 2.5em;
    font-weight: 600;
    color: #54565a
}

.onboarding-content h3 span {
    display: block;
    font-size: .45em;
    text-transform: uppercase;
    font-weight: 400
}

.onboarding-content h4 {
    padding: 0;
    font-size: 1.4em;
    font-weight: 600;
    margin-bottom: 10px;
    line-height: normal
}

.onboarding-content h4.art {
    margin-top: 3rem
}

.onboarding-content h4 span {
    display: block;
    font-size: .7em;
    font-weight: 400
}

.onboarding-content h5 {
    font-size: 1.5em;
    font-weight: 400;
    margin-top: 30px;
    margin-bottom: 10px
}

.onboarding-content h5.step1 {
    margin-top: 30px !important
}

.onboarding-content h5 span {
    display: block;
    font-size: .6em;
    text-transform: uppercase;
    font-weight: 400
}

.onboarding-content h6 {
    font-size: 1.2em
}

.onboarding-content .more-free-courses {
    padding: 20px 0;
    z-index: 2
}

.onboarding-content .more-free-courses h4 {
    float: left;
    font-size: 1.3em;
    width: 60%
}

.onboarding-content .more-free-courses h4 span {
    text-transform: uppercase;
    display: block;
    font-size: .65em
}

.onboarding-content .more-free-courses .controls {
    margin-top: unset
}

.onboarding-content .more-free-courses .button {
    float: right;
    top: 45px
}

.onboarding-content .to-the-left {
    text-align: left;
    padding-left: 0
}

.onboarding-content .text-space {
    padding: 0;
    z-index: 2;
    margin-bottom: 30px;
    min-height: 470px
}

.onboarding-content .text-space ul li {
    width: 100%;
    line-height: 24px;
    padding: 10px 0
}

.onboarding-content .text-space ul li a:after {
    content: "";
    margin-left: 10px;
    color: #009845;
    background-repeat: no-repeat;
    background-size: 11px;
    width: 15px;
    height: 11px;
    display: inline-block
}

.onboarding-content .text-space p {
    width: 75%
}

.onboarding-content .text-space iframe {
    width: 450px;
    height: 250px
}

.onboarding-content .text-space.col-6.split iframe {
    width: 100%;
    height: 100%;
    min-height: 330px
}

.onboarding-content .vidyard-player-container {
    border: none !important
}

.back-to {
    display: block;
    position: absolute;
    top: 35px;
    z-index: 2
}

.back-to:before {
    content: "";
    margin-right: 10px;
    background-image: url(../img/nav/thin-arrow-left-green.svg);
    background-repeat: no-repeat;
    background-size: 11px;
    width: 15px;
    height: 11px;
    display: inline-block
}

.course-box span {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 800;
    color: #54565a
}

.onboarding-content .qcc {
    width: 400px
}

.onboarding-content #benefits ul li {
    border-bottom: 1px solid #ddd;
    width: 100%;
    font-size: 18px;
    line-height: 24px;
    padding: 10px 0 10px 40px;
    background: url(../img/nav/arrow-item.svg) left 13px/20px no-repeat
}

#common-questions ul li,
#get-started ul li,
.onboarding-content #resources ul li {
    border-bottom: 1px solid #ddd;
    width: 100%;
    line-height: 24px;
    padding: 10px 0
}

.course-box a.start:after,
.onboarding-content #resources ul li a:after {
    content: " > ";
    margin-left: 6px
}

.onboarding-content ul li a {
    color: #00893e;
    text-decoration: underline
}

.onboarding-content p a {
    color: #009845;
    text-decoration: none
}

.onboarding-content p a.button {
    color: #fff;
    text-decoration: none
}

.onboarding-content .header-space {
    padding-bottom: 30px
}

#welcome-sense.administer,
.onboarding-content .header-space.extraspace {
    padding-top: 30px
}

.onboarding-content .header-space h3 {
    font-size: 2em
}

a.video-link {
    font-size: 18px;
    font-weight: 600;
    padding-left: 50px;
    background: url(../img/onboarding/media-and-entertainment.svg) left center/50px no-repeat
}

#get-answers .answer-box .button,
.controls .button.inv,
.controls a {
    background-size: 13px;
    background-position: center right 7px;
    padding-right: 26px
}

.controls {
    text-align: center;
    margin-top: 25px;
    z-index: 2;
    padding-left: 0;
    padding-right: 0
}

.controls .button.inv {
    background-repeat: no-repeat;
    border: 2px solid #00893e;
    color: #00893e;
    background-color: #fff;
    margin-right: 5px
}

.banner-text .button:hover,
.controls .button.inv:hover,
.controls .button:hover {
    background-color: #006937;
    border: 2px solid #006937
}

.controls .button.inv:hover {
    color: #fff;
    background-image: url(../img/nav/thin-arrow-right-white.svg)
}

.controls .button.inv.noarrow {
    background-image: unset
}

.controls .button.inv.noarrow:hover {
    background-image: unset !important
}

.controls .button {
    background-color: #00893e;
    border: 2px solid #00893e
}

.controls .continue,
.controls .continue:hover {
    background-color: transparent !important;
    border: none
}

.controls .continue {
    float: right
}

.controls .continue:hover {
    color: #00893e
}

.controls .back {
    float: left;
    background-image: url(../img/nav/thin-arrow-left-green.svg) !important;
    background-position: center left !important;
    padding-left: 20px !important;
    padding-right: 20px !important
}

#get-answers .answer-box .button,
.controls a {
    font-weight: 600;
    background-image: url(../img/nav/thin-arrow-right-white.svg);
    background-repeat: no-repeat
}

.onb-intro .back {
    background-image: url(../img/onboarding/back-top.png);
    background-repeat: no-repeat;
    background-position: center top;
    width: 495px;
    height: 163px;
    position: absolute;
    right: 0
}

.onb-intro {
    height: 700px;
    width: 100%;
    background: url(../img/onboarding/back-left.png) left 160px no-repeat #fbfbfb;
    overflow: hidden
}

.onb-lang {
    text-align: center;
    background: #888;
    margin: 0;
    padding: 10px;
    color: #fff
}

.onb-intro .computers {
    background: url(../img/onboarding/computers.png) no-repeat;
    width: 658px;
    height: 740px;
    display: block;
    position: absolute;
    right: 0;
    top: 180px
}

.banner-text .button,
.course-box .button {
    background-color: #00893e;
    border: 2px solid #00893e
}

@media only screen and (max-width:1366px) {
    .onboarding-content .more-free-courses h4 {
        width: unset
    }

    .onboarding-content .more-free-courses .button {
        float: unset;
        top: 20px
    }

    .onboarding-content .text-space iframe {
        width: 370px;
        height: 210px
    }

    .onboarding-content .text-space.col-6.split iframe {
        min-height: 260px
    }

    .onb-intro .computers {
        background-size: 60%;
        background-position: right;
        right: 50px
    }
}

@media only screen and (max-width:690px) {
    .onb-intro .computers {
        background-size: 40%
    }
}

.onb-intro .back2 {
    background-image: url(../img/onboarding/base-circ.png);
    background-repeat: no-repeat;
    position: absolute;
    width: 830px;
    height: 519px;
    top: 220px;
    right: -150px
}

.banner-text .button,
.course-box .button,
.survey-box .button {
    background-image: url(../img/nav/thin-arrow-right-white.svg);
    padding-right: 26px
}

.banner-text .button,
.banner-text .button.inv,
.course-box .button,
.survey-box .button,
.welcome-box .button.inv {
    background-size: 13px;
    background-position: center right 7px
}

@media only screen and (max-width:655px) and (orientation:portrait),
(max-height:655px) and (orientation:landscape) {
    .mixer {
        display: table;
        margin-top: 10px
    }
}

.onb-intro .qlikworldb {
    width: 455px;
    height: 455px;
    display: block;
    position: absolute;
    right: 0;
    top: 109px;
    color: #fff;
    text-align: center
}

.onb-intro .qlikworldb .locdate {
    position: inherit;
    margin-left: 20px;
    font-weight: 600;
    font-size: 1rem
}

.onb-intro .qlikworldb .locdate span {
    font-weight: 400;
    margin-left: 20px
}

.onb-intro .qlikworldb .text {
    display: block;
    position: relative;
    bottom: 60%;
    width: 100%
}

.onb-intro .qlikworldb .text .title {
    font-size: 2em;
    font-weight: 100;
    display: block;
    margin-bottom: 9px !important
}

.onb-intro .qlikworldb .text .title span {
    font-weight: 400;
    font-size: .7em
}

.onb-intro .qlikworldb .text .subtitle {
    font-size: 17px;
    display: block;
    margin-bottom: 10px !important;
    margin-left: 10%;
    margin-right: 10%
}

.onb-intro .qlikworldb .text .cta {
    margin-left: 25%;
    margin-right: 25%
}

.onb-intro .qlikworldb .text .cta a {
    font-weight: 600;
    color: #fff;
    font-size: 17px;
    text-decoration: underline
}

.onb-intro .qlikworldb .text .cta a:focus {
    outline: #fff dotted 2px;
    text-decoration: none
}

@media only screen and (max-width:1080px) {
    .amp .amp-banner .cta {
        left: 0
    }

    .amp .amp-info {
        display: inherit
    }

    .search-box {
        width: 120px
    }

    .search-box .search-text:focus {
        width: 300px
    }

    .onb-intro .qlikworldb .text .title {
        font-size: 22px
    }

    .onb-intro .qlikworldb .text .subtitle {
        font-size: 15px;
        display: none
    }

    .onb-intro .qlikworldb .text .cta a {
        font-size: 15px
    }

    .onb-intro .qlikworldb .text {
        bottom: 46%
    }

    .onb-intro .qlikworldb {
        top: 190px
    }

    .onb-intro .qlikworldb .locdate {
        bottom: 56%
    }

    .onb-intro .qlikworldb img {
        width: 80%
    }
}

@media only screen and (max-width:585px) and (orientation:portrait),
(max-height:585px) and (orientation:landscape) {
    .onb-intro .qlikworldb {
        display: none
    }
}

.banner-text {
    width: 50%;
    margin-top: 150px
}

@media only screen and (max-width:920px) {
    body.api #mega .version {
        float: right;
        padding-bottom: 5px
    }

    .container.search-page .search-filters .q-select .action-buttons,
    body.api .navigation .tree-header {
        padding: 10px
    }

    .container.search-page .search-filters .q-select [aria-expanded=true]+ul,
    .container.search-page .search-filters .q-select ul li,
    .container.search-page.videos .filter-view,
    .flexbox,
    .flexbox [class*=col-] .card>h3 p,
    .flexbox [class*=col-] .card>h3::after,
    .image-container,
    .mobile-dropdown-open [aria-expanded=true]+.level3,
    .mobile-filters-open .container.search-page .action-buttons,
    .mobile-filters-open .container.search-page .nav,
    .mobile-filters-open .container.search-page .search-filters .q-select,
    .mobile-filters-open .filter-types>.selectors,
    .onboardbox button.tabdropdown,
    .reset-filters-mobile,
    .tabdropdown,
    .tabdropdown[aria-expanded=true]+[role=tablist],
    .tablist li,
    .wrap,
    body.api .navigation .content-button {
        display: block
    }

    body.api .navigation ul[role=tree] {
        border-top: 0
    }

    .gray,
    .snow {
        padding: 10px 0 !important
    }

    .container.search-page .local-search input,
    .gray .col-12 p,
    .onboarding-content .text-space p,
    .snow .col-12 p {
        width: 100%
    }

    .archived-note,
    .container.search-page .level3,
    .container.search-page .search-filters #reset-filters,
    .container.search-page .search-filters .filter-view,
    .container.search-page .search-filters .q-select .button.disabled,
    .container.search-page .search-filters .q-select ul li .button:focus:after,
    .container.search-page.videos .filter-type,
    .filter-types>.selectors,
    .gray .col-12 img,
    .mobile-dropdown-open .container.search-page .search-filters .q-select [aria-expanded],
    .onb-intro .back2,
    .onb-intro .qlikworldb,
    .showSearchBox .content .navigation-pane,
    .snow .col-12 img,
    .tablist button img,
    [role=tablist] {
        display: none
    }

    .gray {
        padding: 10px 0
    }

    .center-list h2 {
        font-size: 28px;
        margin: 20px 0
    }

    .center-list li {
        width: 50%
    }

    .row .wrap>.link-list-header+.col-6,
    .tablist.onboarding li {
        margin-bottom: 0
    }

    .onboarding-content .text-space.col-6.split iframe,
    .row .wrap>.link-list-header+.col-6+.col-6 {
        margin-top: 0
    }

    .row.gray .container .col-12,
    .row.gray .container .col-4,
    .row.gray .container .col-6,
    .row.gray .container .row .col-12,
    .row.gray .container .row .col-4,
    .row.gray .container .row .col-6,
    .row.snow .container .col-12,
    .row.snow .container .col-4,
    .row.snow .container .col-6,
    .row.snow .container .row .col-12,
    .row.snow .container .row .col-4,
    .row.snow .container .row .col-6 {
        margin: 20px 0 30px;
        padding-left: 15px;
        padding-right: 15px
    }

    .sense-top-back {
        height: 400px;
        background-size: 42%
    }

    .pageheader {
        background-image: url(../img/portal/abstract-lines-01.png);
        font-size: 12px
    }

    .pageheader h1 {
        margin: 25px 0
    }

    .container.search-page .search-filters .q-select ul li .button,
    .container.search-page .search-filters .q-select ul li .button:hover,
    .row.amethyst.no-toc,
    .row.tanzanite.landing,
    .row.turquoise.landing {
        background-image: none
    }

    .image {
        background-image: none !important
    }

    .intro {
        padding: 40px 20px
    }

    .hero-nav ul li {
        padding: 5px 0
    }

    #Administration {
        padding-left: 15px;
        padding-right: 15px
    }

    .card .card-video {
        padding: 25px 25%
    }

    .card.cta.gray,
    .card.cta.snow,
    .card.gray,
    .card.snow {
        padding: 0 !important
    }

    .card.card--horizontal .card-video {
        padding: 25px 0
    }

    .card.linked>a:focus {
        height: inherit;
        width: auto
    }

    .flexbox.row {
        margin-left: -15px;
        margin-right: -15px
    }

    .flexbox [class*=col-] .card {
        margin-bottom: 15px
    }

    .amp .amp-banner {
        padding: 20px
    }

    .amp .amp-banner .close-amp-banner {
        right: 15px;
        top: 15px;
        position: absolute
    }

    .amp {
        position: sticky;
        bottom: 0
    }

    .archived-note.home {
        display: block;
        margin-left: -35px;
        margin-right: -35px
    }

    .archived-note.forts {
        display: block;
        margin-top: 55px
    }

    .latest-version a {
        border-bottom: 0
    }

    .search-box {
        display: none;
        padding-top: 75px
    }

    body.showSearchBox {
        overflow: hidden
    }

    body.showSearchBox .search-box {
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 8;
        width: 100%;
        height: 100%;
        text-align: center
    }

    .search-box .search-text:focus {
        margin-top: 0;
        position: static;
        background: inherit;
        width: calc(100% - 44px);
        height: 100%
    }

    .search-box form {
        height: 42px;
        background: #fff;
        border: 1px solid #7e97b6;
        margin: 40px 50px
    }

    .search-box .search-cancel {
        display: inline-block;
        position: absolute;
        z-index: 2;
        top: 30px;
        right: 57px
    }

    .search-box .search-cancel>button {
        background: url("../img/nav/close3-brand-grey.svg") center/24px no-repeat;
        display: inline-block;
        width: 24px;
        height: 24px;
        border-radius: 8px;
        border: 0
    }

    .search-box button[type=submit] {
        background-color: #fff;
        position: relative
    }

    .goto-link,
    main .article .search-box {
        margin-top: 10px
    }

    img {
        cursor: pointer
    }

    label {
        line-height: 40px;
        display: block
    }

    .local-search {
        margin-bottom: 10px
    }

    .container.search-page .nav {
        display: none;
        width: 100%;
        background-repeat: no-repeat;
        background-size: 16px
    }

    .container.search-page .nav.forward {
        background-image: url(../img/nav/dark-plus.svg);
        background-position: center right 27px
    }

    .container.search-page .nav.back {
        background-image: url(../img/nav/thin-arrow-left-white.svg);
        background-position: center left 10px
    }

    .container.search-page .nav:hover {
        background-color: #006937
    }

    .container.search-page #show-filters {
        display: block;
        text-align: left
    }

    .container.search-page .local-search button {
        right: 3px
    }

    .container.search-page .search-filters {
        position: fixed;
        margin: 0;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #fff;
        z-index: 10;
        padding: 10px;
        transition: transform 350ms ease-in-out;
        transform: translate3d(120%, 0, 0);
        opacity: 0;
        text-align: left
    }

    .container.search-page .search-filters h2 {
        font-size: 1.125em;
        margin: 0 0 30px;
        border-bottom: 1px solid #000
    }

    .container.search-page .search-filters .filter-types {
        position: fixed;
        top: 80px;
        left: 0;
        right: 0;
        bottom: 0;
        padding: 10px;
        transition: transform 250ms ease-in-out;
        transform: translate3d(0, 0, 0)
    }

    .mobile-dropdown-open .container.search-page .search-filters .filter-types {
        transform: translate3d(-120%, 0, 0)
    }

    .container.search-page .search-filters .back {
        background-image: url(../img/nav/light-arrow-left.svg);
        background-repeat: no-repeat;
        background-position: left 5px;
        padding-left: 15px;
        background-size: 12px;
        display: none;
        margin-top: 5px;
        margin-bottom: 10px;
        color: #000;
        border-bottom: 0
    }

    .container.search-page .search-filters .back:hover {
        text-decoration: underline
    }

    .container.search-page .search-filters .filter-button {
        display: block;
        padding: 2px 0
    }

    .mobile-filters-open .container.search-page .search-filters {
        transform: translate3d(0, 0, 0);
        opacity: 1;
        display: block
    }

    .container.search-page .search-filters .q-select .button {
        font-size: 1.125em;
        display: block;
        width: 100%
    }

    .container.search-page .search-filters .q-select .button:focus {
        outline-color: #002e5c;
        outline-offset: 1px
    }

    .container.search-page .search-filters .q-select .level3 {
        transition: transform 250ms ease-in-out;
        transform: translate3d(120%, 0, 0);
        position: fixed;
        background-color: #fff;
        z-index: 5;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        overflow: auto;
        text-align: center
    }

    .container.search-page .search-filters .q-select ul {
        position: static;
        margin-right: auto;
        margin-left: auto;
        background-color: #fff;
        width: 100%;
        box-shadow: none;
        border: 0
    }

    .container.search-page .search-filters .q-select ul li .button {
        border-radius: 0;
        background-color: #f3f5f8;
        border: 1px solid #ccc;
        color: #0f0f0f
    }

    .container.search-page .search-filters .q-select ul li .button.active,
    .container.search-page .search-filters .q-select ul li .button:hover {
        background-color: #f3f5f8;
        border: 1px solid #ccc;
        color: #0f0f0f;
        font-weight: 700
    }

    .container.search-page .search-filters .q-select [aria-expanded].active,
    .container.search-page .search-filters .q-select ul li .button.active,
    .tablist button[aria-selected=true] {
        background-color: #c4cfda
    }

    .container.search-page .search-filters .q-select ul li .button:focus {
        outline-width: 2px;
        outline-style: dotted;
        outline-offset: 0
    }

    .container.search-page .search-filters .q-select [aria-expanded] {
        background-size: 15px;
        background-position: center right 10px;
        padding-right: 33px;
        background-image: url(../img/nav/light-arrow-right.svg);
        background-repeat: no-repeat;
        border-radius: 2px;
        background-color: #f3f5f8;
        border: 1px solid #ccc;
        color: #0f0f0f
    }

    .container.search-page .search-filters .q-select [aria-expanded].active,
    .container.search-page .search-filters .q-select [aria-expanded]:hover {
        background-color: #f3f5f8;
        border: 1px solid #ccc;
        color: #0f0f0f
    }

    .container.search-page .search-filters .q-select [aria-expanded]:hover {
        background-image: url(../img/nav/light-arrow-right.svg);
        padding-bottom: 10px
    }

    .container.search-page .filters-count,
    .container.search-page .result-count {
        padding-left: 8px
    }

    .container.search-page .action-buttons {
        margin-top: 40px
    }

    .container.search-page .action-buttons button {
        margin-bottom: 5px
    }

    .container.search-page .action-buttons .filter-reset {
        margin-top: 20px;
        text-align: center
    }

    .container.search-page .action-buttons .filter-reset a {
        border: 0;
        text-decoration: underline
    }

    .container.search-page .action-buttons .filter-reset a:hover {
        border: 0;
        text-decoration: none
    }

    .mobile-filters-open {
        overflow: hidden;
        position: fixed
    }

    .mobile-filters-open .container.search-page .search-filters .back {
        display: inline-block
    }

    .mobile-filter-button {
        display: block;
        margin-top: -10px
    }

    .mobile-filter-button button {
        position: relative;
        width: 100%;
        padding: 10px 20px;
        margin: 15px 0
    }

    .mobile-filter-button button:after {
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 20px;
        background: url(../img/icons/filter-white.svg) center center/contain no-repeat;
        content: "";
        width: 18px
    }

    .filters-info-group .sorting ul li ul {
        border-top: none
    }

    .filters-info-group {
        text-align: center
    }

    .filters-info-group .filters-info,
    .filters-info-group .sorting {
        vertical-align: top;
        display: inline-block;
        float: none
    }

    .filters-info-group .sorting button:after {
        position: static;
        background-position: center bottom;
        width: 30px;
        height: 15px
    }

    .filters-info-group .clear-all {
        border-right: 1px solid #ccc;
        padding-right: 12px;
        margin-right: 10px
    }

    .tablist.onboarding button:hover,
    .tablist.onboarding button[aria-selected=true] {
        background-color: #006580;
        color: #fff
    }

    .tabdropdown {
        position: relative;
        z-index: 0
    }

    .tabdropdown[aria-expanded=true]:after {
        transform: rotate(180deg)
    }

    .tabdropdown:focus,
    .tablist button:focus {
        z-index: 2
    }

    .tablist {
        position: relative;
        border-top: 0;
        z-index: 1
    }

    .tablist li {
        border: 1px solid #c4cfda;
        border-width: 0 1px;
        margin: 0
    }

    .tablist button {
        text-align: left;
        font-size: inherit;
        margin: 0;
        width: 100%;
        z-index: 1;
        background-color: #f3f5f8
    }

    .tablist button:after {
        display: none;
        border: 0
    }

    .tablist button[aria-selected=true]:after {
        display: inline-block;
        background-size: 16px;
        background-position: center;
        background-repeat: no-repeat;
        width: 28px;
        height: 28px;
        position: static;
        float: right
    }

    .tablist button:hover {
        color: initial
    }

    #cookie-box button {
        margin-right: auto;
        margin-left: auto;
        display: block
    }

    #cookie-box button:focus {
        left: 0
    }

    #cookie-box .close-button-box {
        float: none;
        display: block
    }

    .onboardingpage :target::before {
        height: 3em;
        margin-top: -3em
    }

    .onboardbox .container.onboardingstep .col-9 {
        margin-top: 16px
    }

    .container.overwatch {
        padding: 0 40px
    }

    .onboarding-content.front#box1 {
        background: 0 0
    }

    .onboarding-content .text-space {
        min-height: unset
    }

    .back-to {
        margin-bottom: 25px;
        position: inherit
    }

    .onb-intro .back {
        right: -100px;
        top: -50px
    }

    .onb-intro {
        background-position: -80px 350px
    }

    .onb-intro .qlikworldb .text .title {
        font-size: 16px
    }

    .onb-intro .qlikworldb .text .subtitle {
        font-size: 12px
    }

    .onb-intro .qlikworldb .text .cta a {
        font-size: 14px
    }

    .onb-intro .qlikworldb .text {
        bottom: 55%;
        width: 60%
    }

    .banner-text {
        width: 100%;
        padding: 40px;
        margin-top: 50px
    }

    #common-questions,
    #get-started {
        padding: 0 40px 50px
    }
}

.banner-text .button {
    font-weight: 600;
    content: "";
    margin-left: 10px;
    background-repeat: no-repeat
}

.banner-text .button.inv {
    background-repeat: no-repeat;
    padding-right: 26px;
    color: #00893e;
    border: 2px solid #00893e;
    background-color: #fff
}

.banner-text .button.inv:hover {
    background-color: #006937;
    border: 2px solid #006937;
    color: #fff
}

.banner-text p {
    font-size: 24px;
    margin-bottom: 80px
}

.banner-text span {
    font-weight: 600;
    font-size: .75em;
    display: block;
    margin-bottom: 3rem
}

.banner-text h2 {
    font-weight: 400;
    font-size: 50px
}

.welcome-text {
    margin-top: 50px;
    margin-bottom: 60px
}

.welcome-text h2 {
    font-weight: 600;
    font-size: 48px
}

.welcome-text .video {
    margin-top: 15px;
    margin-bottom: 20px
}

.welcome-text .video .intro-video {
    min-height: 560px;
    width: 100%
}

.onboarding-header .header-content {
    margin-left: 80px
}

#common-questions h2,
#get-started h2 {
    font-weight: 400;
    font-size: 40px
}

#common-questions ul li a:after,
#get-started ul li a:after {
    content: "";
    margin-left: 10px;
    color: #006937;
    background-repeat: no-repeat;
    background-size: 11px;
    width: 15px;
    height: 11px;
    display: inline-block
}

#webinars {
    margin-top: 50px;
    margin-bottom: 40px
}

#webinars.minified {
    background: #fff !important;
    margin-top: 0;
    padding-bottom: 0
}

#get-answers .answer-box,
#welcome-sense .mini-login-box .pic,
.course-box,
.course-box .button,
.survey-box .button,
.welcome-box .button.inv {
    background-repeat: no-repeat
}

#webinars .col-4 {
    height: 540px
}

@media only screen and (max-width:1366px) {
    .onb-intro .back2 {
        background-size: 70%;
        right: -37%;
        top: 340px
    }

    #webinars .col-4 {
        min-height: 510px
    }
}

@media only screen and (max-width:1080px) {
    #webinars .col-4 {
        min-height: 520px
    }
}

#get-answers,
#webinars {
    padding: 35px 0 100px;
    background: #f9fafc
}

#art-possible h2,
#get-answers h2,
#webinars h2 {
    font-weight: 400;
    font-size: 40px;
    margin: 0;
    padding-bottom: 40px;
    padding-top: 35px
}

#get-answers h3,
#webinars h3 {
    margin: 0;
    padding: 0;
    font-weight: 600
}

#art-possible h3 span,
#get-answers h3 span,
#webinars h3 span {
    display: block;
    font-size: .75em;
    font-weight: 400
}

#get-answers .answer-box {
    margin-top: 20px;
    margin-bottom: 40px;
    background-position: top left;
    background-size: 65px;
    padding-top: 80px
}

#get-answers .answer-box#community {
    background-image: url(../img/onboarding/2024/Bubble-Chart-2.svg)
}

#get-answers .answer-box#training {
    background-image: url(../img/onboarding/2024/Learning-Continuous-Classroom.svg)
}

#get-answers .answer-box#support {
    background-image: url(../img/onboarding/2024/Hand-Support.svg)
}

#get-answers .answer-box p {
    min-height: 120px
}

.survey-box {
    margin-top: 20px;
    padding: 80px 0 25px
}

.survey-box h2 {
    font-size: 1em;
    text-transform: uppercase;
    font-weight: 400;
    margin: 0;
    padding: 0
}

.course-box h3,
.course-box h4,
.course-box h5 {
    margin: 0 !important
}

.course-box h3,
.course-box h4,
.course-box h5,
.video-box h3 {
    padding: 0 !important
}

.survey-box .header1 {
    font-weight: 400;
    font-size: 40px;
    margin: 0
}

.survey-box .header2 {
    font-size: 30px !important
}

.survey-box .button {
    margin-top: 30px;
    font-weight: 600
}

.course-box .button:hover,
.survey-box .button:hover {
    background-color: #006937
}

.survey-box .survart {
    position: relative;
    left: -75px;
    top: -60px
}

.course-box {
    margin-top: 20px;
    padding-bottom: 15px;
    margin-left: 15px;
    width: 30%;
    background-color: #fff;
    background-position: top left;
    background-size: 85px;
    z-index: 2
}

.course-box h3 span {
    font-weight: 100;
    text-transform: none;
    font-size: 22px
}

.course-box h4 {
    line-height: 1.2em;
    font-size: 1.5em
}

.course-box h4 a {
    font-size: 1em;
    text-decoration: underline
}

.course-box h5 {
    font-size: 1.8em;
    font-weight: 600
}

.course-box .button {
    margin: 40px 0;
    font-weight: 600
}

.course-box .button.inv {
    border: unset !important
}

.course-box .button.inv.back {
    background-image: url(../img/nav/thin-arrow-left-white.svg)
}

.video-box h3 {
    font-size: 1.5em;
    font-weight: 400
}

.video-box a:focus {
    outline: #002e5c dotted 2px;
    outline-offset: 5px
}

#cta-bottom {
    background: bottom right -240px no-repeat #006580;
    color: #fff;
    padding: 57px
}

#cta-bottom h2 {
    font-size: 2.3em
}

#cta-bottom .note-light::after {
    background-image: url(../img/nav/info-5.svg)
}

#cta-bottom .cta-button {
    float: right;
    font-size: 16px;
    font-weight: 600;
    background-color: #fff;
    padding: 10px 20px;
    border-radius: 30px;
    border: 2px solid #fff;
    margin-top: 5px;
    transition: background-color .1s ease-out
}

#cta-bottom .cta-button:hover {
    background-color: #009845;
    border: 2px solid #009845
}

#cta-bottom .cta-button a:focus {
    outline: #fff dotted 2px;
    border-radius: 6px;
    outline-offset: 25px
}

#cta-bottom .cta-text h2 {
    float: left;
    font-size: 30px;
    font-weight: 600;
    margin-top: 10px
}

@media only screen and (max-width:920px) {
    #webinars .col-4 {
        min-height: unset;
        height: unset
    }

    #get-answers,
    #webinars {
        padding: 0 40px 50px
    }

    #get-answers h2,
    #webinars h2 {
        padding-top: 40px;
        padding-bottom: 20px;
        padding-left: 0
    }

    #get-answers .answer-box p {
        min-height: 80px
    }

    .survey-box .survart {
        display: none
    }

    #cta-bottom {
        padding: 30px;
        background-image: none
    }

    #cta-bottom .cta-text h2 {
        width: 70%;
        margin-top: -10px
    }
}

#welcome-intro.welcome-heading {
    font-size: 3em;
    font-weight: 400;
    margin-top: 20px;
    margin-bottom: 40px;
    line-height: 1.25em
}

#welcome-intro::before {
    content: "";
    display: block;
    position: relative;
    margin-top: -1.5em;
    visibility: hidden;
    height: 1.5em
}

.help-sticky {
    position: fixed;
    top: 50%;
    right: 12px;
    z-index: 0;
    text-align: center;
    transform: rotate(90deg);
    transform-origin: top right
}

.help-sticky a {
    padding: 14px;
    background: #00893e;
    color: #fff;
    border: 1px solid #fff;
    font-weight: 600
}

.help-sticky a:hover {
    background: #006937;
    border: 1px solid #fff
}

.help-sticky.su {
    top: 360px;
    z-index: 200
}

#webinars .shorter {
    width: 80%;
    margin-top: 70px
}

#webinars .answer-box,
#welcome-sense .sense-welcome-text,
.onboarding-tabs,
.sense-welcome-text {
    margin-bottom: 30px
}

#webinars .answer-box ul {
    list-style: none;
    padding-left: 10px
}

#webinars .answer-box p img {
    width: 100%;
    margin-bottom: 20px
}

#topicContent h3[data-mc-conditions^=Features] a::before,
h2#fiveeasysteps:before {
    content: "";
    display: block;
    position: relative;
    margin-top: -3em;
    visibility: hidden;
    height: 3em
}

.welcome-video {
    width: 100%;
    height: 100%
}

.welcome-video iframe {
    width: 100%;
    min-height: 700px
}

@media only screen and (max-width:1366px) {
    .survey-box {
        margin-top: 0;
        padding: 60px 20px 20px
    }

    .survey-box .survart {
        top: 0;
        left: -55px
    }

    #webinars .shorter {
        width: 100%;
        margin-top: 35px;
        margin-bottom: 25px
    }

    .welcome-video iframe {
        min-height: 560px
    }
}

@media only screen and (max-width:1080px) {
    .welcome-video iframe {
        min-height: 490px
    }
}

@media only screen and (max-width:920px) {
    .help-sticky {
        right: 8px
    }

    .help-sticky a {
        padding: 8px;
        font-size: 15px
    }

    .help-sticky.su {
        top: 420px
    }

    #webinars .minfix {
        padding: 0
    }

    #webinars .gts {
        display: flex;
        flex-direction: column-reverse
    }

    .welcome-video iframe {
        min-height: 400px
    }

    #art-possible h2 {
        padding-top: 40px;
        padding-bottom: 20px;
        padding-left: 0
    }
}

#art-possible {
    margin-bottom: 50px
}

#art-possible h3 {
    margin: 0 0 30px;
    padding: 0;
    font-weight: 600
}

.welcome-box {
    background: url(../img/portal/contrail-01-2024.png) left 80px no-repeat #006580;
    height: 170px
}

.welcome-box .text {
    margin-left: 150px;
    top: 14px;
    display: block;
    position: relative;
    max-width: 65%
}

.welcome-box .text h3 {
    font-size: 1.6em;
    margin-bottom: 10px
}

.welcome-box .pic {
    display: block;
    position: absolute;
    top: 30px
}

.welcome-box .pic img {
    border-radius: 50%;
    border: 1px solid #fff;
    width: 115px
}

.welcome-box .button.inv {
    background-color: #fff;
    text-decoration: none;
    display: block;
    position: absolute;
    right: 0;
    top: 60px;
    font-weight: 600
}

.welcome-box .button.inv:hover {
    background-color: #009845;
    color: #fff;
    border: 1px solid #009845
}

.welcome-box .col-9 {
    left: 10%
}

@media only screen and (max-width:1366px) {
    .welcome-box .col-9 {
        left: unset;
        width: 100%
    }
}

#welcome-sense .sense-welcome-text h2 {
    font-weight: 600;
    font-size: 3.3em;
    margin-bottom: 20px;
    color: #19426c
}

#welcome-sense .sense-welcome-text h2 span {
    display: block;
    font-size: .45em;
    font-weight: 400;
    text-transform: uppercase
}

#welcome-sense .mini-login-box {
    padding: 30px;
    border: 1px solid #ddd;
    margin-bottom: 40px
}

#welcome-sense .mini-login-box .pic {
    display: inline-block;
    width: 180px;
    background-image: url(../img/onboarding/qlik-laptop-account.jpg);
    background-size: 170px;
    height: 110px
}

#welcome-sense .mini-login-box .text {
    display: inline-block;
    top: -15px;
    position: relative
}

#welcome-sense .mini-login-box .text h3 {
    margin: 0;
    padding: 0;
    font-size: 1.87em
}

@media only screen and (max-width:501px) and (orientation:portrait) {
    .welcome-video iframe {
        min-height: 320px
    }

    #welcome-sense .mini-login-box .text {
        width: unset
    }
}

#welcome-sense .mini-login-box .button {
    float: right;
    margin-top: 38px;
    font-weight: 600;
    background-image: url(../img/nav/thin-arrow-right-white.svg);
    background-repeat: no-repeat;
    background-size: 13px;
    background-position: center right 7px;
    padding-right: 26px
}

.intro-box .linking #beyond-basics-back,
.intro-box .linking #create-visual-back,
.intro-box .linking #product-overview-back {
    background-position: 25px;
    background-size: 70px;
    background-repeat: no-repeat
}

.intro-box {
    background-color: #f6f7f8;
    color: #444
}

.intro-box.administer {
    height: auto;
    background-image: url(../img/onboarding/onb-contr-2024-02.png);
    background-position: right -150px top;
    background-size: 1400px;
    margin-bottom: 40px;
    min-height: unset;
    background-repeat: no-repeat
}

.intro-box .button,
.intro-box .button.inv:hover,
.intro-box .button:hover {
    background-image: url(../img/nav/thin-arrow-right-white.svg)
}

.intro-box.administer>.container {
    padding: 55px 0;
    min-height: 320px
}

.intro-box.administer .linking .linkbox {
    min-height: auto
}

.intro-box.administer .linking .linkbox#noback {
    padding: 20px 0 20px 45px
}

.intro-box .textbox {
    margin-top: 80px
}

.intro-box .textbox.administer-intro .text .pic img {
    border-radius: 50%;
    width: 90px;
    float: right;
    border: 2px solid #fff;
    margin-right: 30px
}

.intro-box .textbox.administer-intro .text h2 {
    margin-right: 20px;
    font-size: 1.35em;
    color: #19426c;
    text-align: right
}

.intro-box .textbox.administer-intro .text .button.inv {
    float: right;
    margin-right: 20px;
    font-size: 1em;
    background-color: #006580;
    border: none;
    color: #fff
}

.intro-box .textbox.administer-intro .text .button.inv:hover {
    color: #006580;
    background-color: #fff;
    text-decoration: underline
}

.intro-box .textbox.administer-intro.welc {
    position: absolute;
    right: 0;
    bottom: 30px
}

.intro-box .textbox.administer-intro h1 {
    font-weight: 600;
    font-size: 2.5em;
    margin-top: 0;
    line-height: normal;
    color: #19426c
}

.intro-box .textbox.administer-intro h1 span:first-child {
    display: block;
    font-size: .45em;
    font-weight: 600;
    color: #666
}

.intro-box .textbox p {
    font-size: 1.3em;
    font-weight: 400
}

.intro-box .textbox h2 {
    font-weight: 600;
    font-size: 40px;
    margin-top: 0;
    margin-bottom: 20px;
    color: #19426c
}

.intro-box .textbox h2 span {
    display: block;
    font-size: .45em;
    font-weight: 600
}

.intro-box .textbox .buttons,
.whats-filters legend+label {
    margin-top: 30px
}

.intro-box .button {
    background-color: #006580;
    background-repeat: no-repeat;
    background-size: 13px 13px;
    background-position: center right 7px;
    padding-right: 30px;
    font-weight: 600;
    margin-right: 20px
}

.intro-box .button:hover {
    background-color: #54565a
}

.intro-box .button.inv {
    color: #006580;
    border: 2px solid #006580;
    background-color: transparent;
    background-image: url(../img/nav/thin-arrow-right-green.svg)
}

.intro-box .button.inv:hover {
    color: #fff;
    background-color: #54565a;
    border: 2px solid #54565a
}

.migration-page .migration-banner,
.migration-page .migration-hero-banner {
    position: relative;
    top: -8px;
    color: #fff;
    padding: 30px 30px 30px 15px;
    margin-bottom: -8px;
    width: 100%
}

.intro-box .linking #product-overview-back {
    background-image: url(../img/onboarding/2024/Analytics-Dashboard.svg)
}

.intro-box .linking #create-visual-back {
    background-image: url(../img/onboarding/2024/Analytics-Mobile.svg)
}

.intro-box .linking #beyond-basics-back {
    background-image: url(../img/onboarding/2024/Rocket.svg)
}

.intro-box .linking a {
    background-image: url(../img/nav/circle-arrow-right-green-hover.svg);
    background-repeat: no-repeat;
    background-position: center right 20px;
    background-size: 30px 30px;
    display: block;
    padding-right: 50px
}

.intro-box .linking a:hover {
    background-image: url(../img/nav/circle-arrow-right-green.svg)
}

.intro-box .linking .linkbox {
    padding: 25px 30px 25px 120px;
    background-color: #fff;
    margin-bottom: 2px;
    color: #19426c
}

@media only screen and (max-width:920px) {

    .intro-box,
    .welcome-box {
        height: 100%
    }

    .welcome-box .text p {
        padding-bottom: 20px
    }

    .welcome-box .pic {
        top: 10%;
        margin-left: 14px
    }

    .welcome-box .button.inv {
        display: inline-block;
        position: relative;
        top: 5px;
        left: 150px
    }

    .welcome-box .col-9 {
        top: -18px;
        margin-bottom: 20px
    }

    #welcome-sense {
        padding-top: 30px
    }

    #welcome-sense .mini-login-box .pic {
        display: none
    }

    #welcome-sense .mini-login-box .text {
        top: unset
    }

    .intro-box .textbox.administer-intro .text .pic img {
        float: left;
        margin-bottom: 10px
    }

    .intro-box .textbox.administer-intro .text h2 {
        float: inherit;
        text-align: left
    }

    .intro-box .textbox.administer-intro .text .button.inv {
        float: inherit
    }

    .intro-box .textbox.administer-intro.welc {
        position: relative;
        bottom: 0;
        margin-top: 40px
    }

    .intro-box .linking {
        margin: 20px 0
    }

    .intro-box .linking .linkbox {
        min-height: unset;
        max-height: unset
    }
}

.intro-box .linking .linkbox p {
    font-size: 1.13em;
    margin: 0
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .intro-box .linking .linkbox p {
        font-size: 1em
    }
}

.intro-box .linking .linkbox p.heading {
    font-size: 1.4em;
    font-weight: 600
}

@media only screen and (max-width:1366px) {
    #welcome-sense .mini-login-box .button {
        float: unset;
        display: table-cell;
        top: 10px
    }

    .break {
        display: none
    }

    .intro-box .textbox h2 {
        margin-bottom: 0
    }

    .intro-box .textbox {
        margin-top: 50px
    }

    .intro-box .linking #beyond-basics-back,
    .intro-box .linking #create-visual-back,
    .intro-box .linking #product-overview-back {
        background-image: none
    }

    .intro-box .linking .linkbox {
        padding: 25px 40px
    }

    .intro-box .linking .linkbox p {
        font-size: 1em
    }
}

@media only screen and (max-width:1366px) and (-ms-high-contrast:active),
only screen and (max-width:1366px) and (-ms-high-contrast:none) {
    .welcome-box {
        display: -ms-inline-grid;
        width: 100%
    }

    .intro-box .linking .linkbox p.heading {
        font-size: 1.1em
    }

    .intro-box .linking .linkbox p {
        font-size: .9em
    }
}

@media only screen and (max-width:920px) {
    .intro-box .linking .linkbox p {
        font-size: 1.13em
    }
}

@media only screen and (max-width:920px) and (-ms-high-contrast:active),
only screen and (max-width:920px) and (-ms-high-contrast:none) {
    .welcome-box .col-9 {
        width: 80%
    }

    .intro-box .linking .linkbox {
        min-height: auto;
        max-height: none
    }

    .intro-box .linking .linkbox p {
        font-size: .9em
    }
}

.intro-box .linking .linkbox h2 {
    font-size: 1.5em;
    margin: 0 0 10px
}

.intro-box .linking .linkbox:focus-within {
    outline: #fff dotted 2px
}

#provider-list.panel-content {
    margin-top: 0;
    border-bottom: 4px solid #006937
}

#provider-list.panel-content .tabpanel {
    background: #fff;
    min-height: 500px;
    padding: 30px
}

#provider-list.panel-content .tabpanel .onb-mini-icon {
    height: 15px;
    width: 15px
}

#provider-list.panel-content p img.img-bord {
    border: 1px solid #ddd;
    margin-bottom: 16px
}

#provider-list.panel-content a {
    font-size: inherit;
    text-decoration: underline
}

#provider-list.panel-content ul {
    list-style: inherit;
    padding-left: 20px
}

#provider-list.panel-content li p {
    margin: 10px 0
}

#provider-list.panel-content h3 {
    font-size: 1.8em;
    font-weight: 600
}

@media only screen and (min-width:921px) {
    body.api #mega {
        height: 98px
    }

    .flexbox [class*=col-]+[class*=col-] {
        margin-left: 15px
    }

    .tablist.onboarding {
        border-bottom: none
    }

    .tablist.onboarding button span {
        padding-left: 1em;
        text-indent: -1em
    }

    .intro-box .textbox.administer-intro .text .pic img {
        position: absolute;
        right: 0;
        width: 80px;
        bottom: 100px
    }

    #provider-list.panel-content .panel-video {
        height: 450px
    }

    #wrap .main.migration-page.subpage .container.content {
        background-position: top left;
        background-size: 1250px;
        background-repeat: repeat-x
    }
}

@media only screen and (max-width:920px) {
    #provider-list.panel-content .panel-video {
        height: 300px
    }
}

#provider-list.panel-content span.min {
    position: relative;
    bottom: -6px
}

#provider-list.panel-content p.min-marg {
    margin: 5px 0 !important
}

#provider-list.panel-content .onboarding-content h4 {
    margin-bottom: 10px;
    margin-top: 25px
}

.migration-page .migration-hero-banner {
    height: 230px;
    background: url(../img/migration/contrail-wings-cut-2024.png) center top #244b5a
}

.migration-page .migration-hero-banner p.introduction {
    color: #fff;
    font-size: 3em;
    font-weight: 600;
    margin: 0
}

@media only screen and (max-width:1366px) {
    .migration-page .migration-hero-banner p.introduction {
        font-size: 2.3em
    }
}

.migration-page .migration-hero-banner p.subheader {
    font-size: 1.3em;
    font-weight: 400;
    margin-top: -10px
}

@media only screen and (max-width:920px) {
    .migration-page .migration-hero-banner {
        height: unset
    }

    .migration-page .migration-hero-banner p.introduction {
        font-size: 1.8em
    }

    .migration-page .migration-hero-banner p.subheader {
        font-size: 1.1em
    }

    .migration-page .migration-hero-banner .sense-migration {
        display: none
    }
}

.migration-page .migration-hero-banner .sense-migration {
    position: absolute;
    right: 15%;
    width: 360px;
    top: -10px
}

.migration-page .migration-banner {
    height: 140px;
    background: url(../img/migration/migration-banner-back.png) #244b5a;
    line-height: 70px
}

.migration-page .migration-banner .sense-migration {
    width: 320px;
    position: absolute;
    right: 25%;
    top: -10px
}

.migration-page .migration-banner h1 {
    font-size: 3em
}

@media only screen and (max-width:920px) {
    .migration-page .migration-banner {
        height: 100px;
        line-height: 40px
    }

    .migration-page .migration-banner .sense-migration {
        display: none
    }

    .migration-page .migration-banner h1 {
        font-size: 2.6em
    }
}

@media only screen and (max-width:1080px) {
    .intro-box.administer {
        background-position: left top
    }

    .migration-page .migration-banner h1 {
        font-size: 2.6em
    }
}

@media only screen and (max-width:460px) {
    .migration-page .migration-banner h1 {
        font-size: 2em
    }
}

.migration-page .hide-toc {
    position: absolute;
    left: calc(100% - 30px)
}

.migration-page.hidden-toc .hide-toc {
    position: relative;
    left: auto
}

#wrap .migration-page.main .container.content {
    background-image: url(../img/migration/clouds.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%
}

#wrap .migration-page.main.subpage main#main,
.migration-page div.note {
    background-color: #fff
}

#wrap .migration-page.main.subpage .miniclouds {
    display: block;
    width: 100%;
    background-image: url(../img/migration/miniclouds-2.png);
    background-position: top;
    background-repeat: no-repeat;
    background-size: 100%;
    height: 70px
}

.migration-page.subpage div.note {
    background-color: #ebf4ff
}

@media only screen and (min-width:921px) and (max-width:1080px) {
    #wrap .main.migration-page.subpage .fix-loc {
        padding-right: 70px
    }
}

.page-actions {
    width: 300px;
    color: #54565a;
    outline-offset: -3px;
    overflow-x: hidden;
    overflow-y: auto;
    order: 3;
    position: relative
}

@media only screen and (max-width:1080px) {
    .page-actions {
        width: 250px
    }
}

@media only screen and (min-width:1800px) {
    .page-actions {
        width: 420px
    }
}

.page-actions header {
    border-bottom: 1px solid #c4cfda;
    font-size: 1.4em;
    padding-bottom: 25px;
    color: #0f0f0f;
    margin: 25px 35px 25px 25px;
    display: none;
    padding-right: 30px
}

.page-actions h2 {
    font-weight: 600;
    margin-top: 16px;
    margin-bottom: 8px;
    color: rgba(15, 15, 15, .85)
}

@media only screen and (max-width:920px) {
    #wrap .migration-page.main.subpage .miniclouds {
        display: none
    }

    #wrap .main.migration-page .container.content {
        background: #fff
    }

    .page-actions header {
        display: block
    }

    .page-actions h2 {
        font-size: 1.1em;
        margin-left: 35px
    }

    .page-actions a {
        font-size: 1.1em
    }
}

.page-actions h2,
.page-actions p {
    font-size: 14px;
    margin-left: 12px
}

.page-actions p {
    margin-right: 10px;
    font-weight: 400
}

.page-actions a {
    color: #006937;
    text-decoration: underline;
    padding: 4px 8px;
    display: block
}

.onthispage a,
.onthispage button {
    color: #1c355e;
    text-decoration: none
}

.page-actions a,
.page-actions button {
    font-size: 13px
}

.page-actions li {
    padding-left: 8px;
    margin-bottom: 8px;
    padding-right: 4px;
    line-height: 1.4
}

.page-actions aside a {
    display: inline-block;
    text-decoration: underline;
    border-bottom: 0
}

.page-actions aside a:hover {
    text-decoration: underline dashed
}

.page-actions nav {
    padding-bottom: 15px;
    border-bottom: 1px solid #ccc
}

.page-actions .rssbox {
    font-size: 14px;
    color: #0f0f0f;
    border-bottom: 1px solid #ccc;
    margin: 20px 0 10px 20px;
    padding-bottom: 20px;
    padding-right: 10px
}

.page-actions .rssbox a.button {
    text-decoration: none;
    width: 100%;
    font-weight: 600;
    margin-top: 10px;
    font-size: 16px;
    text-align: center;
    background-image: url(../img/icons/rss.svg);
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: center left 10px;
    display: block;
    padding: 5px 35px
}

@media only screen and (max-width:920px) {

    .page-actions a,
    .page-actions button {
        font-size: 1.1em
    }

    .page-actions li {
        padding-left: 35px
    }

    .page-actions .rssbox {
        padding: 0 30px;
        font-size: 20px
    }

    .page-actions .rssbox a.button {
        font-size: 20px
    }
}

@media only screen and (max-width:1080px) and (min-width:768px) {
    .page-actions .rssbox a.button {
        font-size: 14px
    }

    body.show-page-actions .page-actions .rssbox a.button {
        width: 315px;
        font-size: 20px;
        padding: 10px 15px
    }
}

.fix-loc {
    position: absolute;
    width: 100%;
    padding-bottom: 100px;
    overflow: auto;
    height: 100%
}

@media only screen and (max-width:1366px) {
    .migration-page .migration-hero-banner p.subheader {
        font-size: 1.2em
    }

    .whats-new-page .fix-loc {
        min-width: 250px
    }
}

.third-col-banner {
    background-image: url(../img/migration/forum-banner-graphic.png);
    background-position: left 10px bottom;
    background-repeat: no-repeat;
    max-width: 335px;
    padding-bottom: 50px
}

.third-col-banner h2 a {
    font-size: 18px;
    font-weight: 600
}

.third-col-banner h2 span {
    display: block;
    color: #4b4b4b;
    margin-left: 10px
}

.third-col-banner.ask {
    background-image: none;
    padding-bottom: 0;
    margin-top: 0
}

.third-col-banner+.third-col-banner,
.third-col-section+.third-col-section {
    border-top: 1px solid #ccc;
    margin-top: 30px
}

@media only screen and (max-width:501px) and (orientation:portrait),
(max-height:501px) and (orientation:landscape) {
    #video-box .wrapper {
        width: 100%
    }

    .gray .col-12 img,
    .onb-intro .back,
    .onb-intro .computers,
    .snow .col-12 img {
        display: none
    }

    .box h2,
    .box h3,
    [class*=box-] h2,
    [class*=box-] h3 {
        font-size: 1.3em;
        line-height: 24px
    }

    [class*=box-] .flex-links a,
    [class*=box-] h2 a,
    [class*=box-] h3 a {
        display: inline-block !important
    }

    .signbox .signature {
        margin: 0 10px
    }

    .onboarding-header a {
        font-size: 24px;
        padding-right: 25px;
        line-height: 26px
    }

    .onboarding-content .text-space iframe {
        width: 300px;
        height: 170px
    }

    .answer-box p,
    .course-box p,
    .onboarding-content #benefits ul li {
        font-size: 16px
    }

    .onboarding-content {
        padding: 60px 30px 20px
    }

    .controls {
        margin-top: 10px;
        padding-left: 15px;
        padding-right: 15px
    }

    .banner-text .button.inv,
    .controls .button {
        margin-top: 10px
    }

    .controls .back,
    .controls .continue {
        font-size: 15px
    }

    .single {
        float: none !important
    }

    .onb-intro {
        height: 530px
    }

    .banner-text {
        width: 100%;
        padding: 40px;
        margin-top: 0
    }

    .banner-text p {
        margin-bottom: 40px
    }

    .banner-text span {
        font-size: 22px;
        margin-bottom: unset
    }

    .banner-text h2 {
        font-size: 40px
    }

    .welcome-text h2 {
        font-size: 36px;
        line-height: 42px;
        margin-bottom: 24px
    }

    #webinars {
        margin-top: 50px
    }

    #art-possible h2,
    #get-answers h2,
    #webinars h2 {
        padding-top: 40px
    }

    #art-possible h3,
    #get-answers h3,
    #webinars .answer-box p img,
    #webinars h3 {
        margin-bottom: 10px
    }

    .survey-box .header1 {
        font-size: 35px
    }

    .survey-box .header2 {
        font-size: 26px
    }

    #cta-bottom .cta-button {
        float: none;
        text-align: center;
        width: 100%;
        display: block;
        margin-top: 20px
    }

    #cta-bottom .cta-text h2 {
        float: none;
        text-align: center;
        width: 100%
    }

    #provider-list.panel-content .panel-video {
        height: 220px
    }

    .third-col-banner {
        background-image: none
    }
}

.third-col-section {
    max-width: 335px
}

#topicContent .onthispage,
.embedded-search .onthispage#onthispage-mobile {
    background: #efefef;
    padding: 12px;
    margin-top: 8px
}

#topicContent .onthispage button,
.embedded-search .onthispage#onthispage-mobile button {
    font-size: 14px;
    margin-left: -5px
}

#topicContent .onthispage h2,
.embedded-search .onthispage#onthispage-mobile h2 {
    font-size: .875em;
    font-weight: 600;
    color: rgba(15, 15, 15, .85);
    margin: 0 0 8px
}

#topicContent .onthispage ul,
.embedded-search .onthispage#onthispage-mobile ul {
    margin: 0;
    padding: 0;
    list-style: none
}

#topicContent .onthispage li,
.embedded-search .onthispage#onthispage-mobile li {
    margin-bottom: 8px;
    padding-right: 5px;
    padding-left: 10px;
    line-height: normal;
    font-size: 14px
}

.onthispage a {
    border-bottom: 0;
    font-weight: 400
}

.onthispage button {
    background: 0 0;
    display: inline-block;
    margin-left: 5px;
    margin-top: -5px;
    padding: 8px 20px 8px 0;
    text-align: left;
    border: 0
}

.onthispage button[aria-expanded]:before {
    background: url(../img/nav/light-arrow-down.svg) bottom/12px 12px no-repeat;
    display: inline-block;
    margin-left: 5px;
    width: 2em;
    height: 1em;
    content: ""
}

.onthispage button[aria-expanded=true]:before {
    background-image: url(../img/nav/light-arrow-up.svg)
}

.onthispage li.h3 {
    padding-left: 24px
}

.onthispage li.h3 a {
    position: relative;
    font-weight: 400
}

.onthispage li.h3 a:after {
    display: block;
    content: "";
    position: absolute;
    left: -2px;
    bottom: -4px;
    top: -4px;
    border-left: 1px solid #1c355e
}

.whats-filters {
    margin-top: 20px;
    margin-left: 15px;
    font-size: 14px;
    font-weight: 400
}

.whats-filters h2 {
    margin-left: 0;
    font-size: 1.3em
}

.whats-filters ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.whats-filters ul ul {
    display: none;
    margin-left: 15px
}

.whats-filters label {
    display: block;
    background-color: transparent
}

.whats-filters label[for=from],
.whats-filters label[for=to] {
    margin-left: 27px;
    font-size: .875em;
    display: inline-block;
    float: left;
    clear: both
}

.whats-filters label>span.xbox {
    display: inline-block;
    position: relative;
    padding-right: 5px;
    padding-left: 27px;
    text-indent: -27px;
    line-height: 30px
}

@media screen and (max-width:1150px) {
    .whats-filters label {
        margin-bottom: 6px
    }

    .whats-filters label>span.xbox {
        line-height: unset
    }
}

.whats-filters label>span.xbox:before {
    background-repeat: no-repeat;
    background-position: center;
    background-size: 12px;
    display: inline-block;
    position: relative;
    content: "";
    width: 20px;
    height: 20px;
    border-radius: 3px;
    background-color: #fff;
    border: 1px solid #666;
    margin-right: 8px;
    left: 3px;
    top: 4px
}

.whats-filters input[type=checkbox],
.whats-filters input[type=radio] {
    position: absolute;
    width: 1em;
    height: 1em;
    opacity: 0
}

.whats-filters input[type=checkbox]:checked+label>span.xbox:before,
.whats-filters input[type=checkbox]:checked+span.xbox:before {
    background-color: #009845;
    background-image: url(../img/nav/check-white.svg)
}

.whats-filters input[type=radio]:checked+label>span.xbox:before,
.whats-filters input[type=radio]:checked+span.xbox:before {
    border: 6px solid #009845
}

.whats-filters input[type=radio]+label>span.xbox:before,
.whats-filters input[type=radio]+span.xbox:before {
    border-radius: 10px
}

.whats-filters legend {
    font-weight: 600;
    font-size: 14px;
    color: #0f0f0f;
    float: left;
    width: 100%;
    height: 30px
}

.whats-filters fieldset {
    padding: 10px 0 20px;
    border-bottom: 1px solid #ccc
}

.whats-filters .apply-filters {
    width: 100%;
    margin-top: 10px
}

.whats-new-page .fix-loc {
    z-index: 10
}

@media only screen and (max-width:1150px) and (min-width:921px) {
    .horizontal-nav h2 {
        font-size: 18px
    }

    .horizontal-nav ul li {
        margin-right: 0
    }

    .horizontal-nav ul li a {
        font-size: 14px
    }

    .archive nav ol,
    .archive nav ul {
        column-count: 3
    }

    .whats-new-page .fix-loc.qcs,
    .whats-new-page .unminified-toc .fix-loc {
        display: block
    }

    .whats-new-page .fix-loc {
        display: none
    }
}

@media only screen and (min-width:921px) {

    #topicContent .onthispage,
    .embedded-search .onthispage#onthispage-mobile,
    .whats-filters .apply-filters,
    .whats-new-page .fix-loc .filter-button-close {
        display: none
    }

    .embedded-search .onthispage#onthispage-mobile {
        display: block
    }

    .whats-new-page.show-announcement-banner .fix-loc {
        padding-bottom: 30px
    }

    .whats-new-page .fix-loc {
        position: relative;
        height: auto;
        padding-bottom: 0
    }
}

.vertical-filters {
    margin: 0 20px;
    padding-right: 0
}

@media only screen and (max-width:920px) {
    .fix-loc {
        position: fixed;
        top: 0;
        background: #fff;
        z-index: 11;
        height: 100%;
        left: 0;
        box-shadow: 5px 0 8px 0 rgba(0, 0, 0, .2);
        width: 90%
    }

    #topicContent .third-col-banner,
    .show-page-actions .fix-loc {
        display: block
    }

    .fix-loc.qcs,
    .page-actions .third-col-banner,
    .whats-new-page .fix-loc.qcs {
        display: none
    }

    .third-col-banner {
        background-position: right 42px bottom 20px;
        background-size: 280px;
        background-color: #dae4e9;
        border-radius: 5px;
        height: 150px;
        padding: 20px;
        margin: 50px 0 20px;
        width: 100%;
        max-width: 100%
    }

    .third-col-banner h2 {
        line-height: 24px;
        margin: 0
    }

    .third-col-banner span {
        font-weight: 400;
        font-size: 14px
    }

    .whats-filters h2 {
        font-size: 1.4em
    }

    .whats-filters {
        margin: 20px 30px
    }

    .whats-filters legend {
        font-size: 1.1em;
        color: #0f0f0f
    }

    .whats-new-page .fix-loc {
        z-index: 12;
        left: -120%;
        transition: left 250ms ease-out
    }

    .whats-new-page .fix-loc .filter-header {
        display: block;
        border-bottom: 1px solid #c4cfda;
        font-size: 20px;
        font-weight: 600;
        padding-bottom: 10px;
        color: #0f0f0f;
        margin: 25px;
        padding-left: 40px
    }

    .whats-new-page .fix-loc .filter-button-close {
        float: left;
        margin-right: 6px;
        position: absolute;
        top: 25px;
        left: 27px
    }

    .whats-new-page .fix-loc .filter-button-close button {
        background-image: url(../img/nav/close3-brand-grey.svg);
        background-size: 24px;
        background-color: transparent;
        background-repeat: no-repeat;
        background-position: center;
        transition: background-size 75ms ease-in-out;
        z-index: 1;
        height: 38px;
        width: 30px;
        border: 0;
        top: -4px
    }

    .whats-new-page.show-page-actions .fix-loc {
        left: 0
    }

    .whats-new-page .hidden-filters-close {
        display: none;
        background: #404040;
        opacity: .6;
        position: fixed;
        z-index: 11;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0
    }

    .vertical-filters {
        margin: 0
    }
}

.vertical-filters h2 {
    padding: 15px 0;
    margin: 0;
    font-size: 16px;
    color: #404040
}

.vertical-filters legend {
    font-size: 1.2em;
    font-weight: 700;
    float: none
}

.vertical-filters li,
.vertical-filters ul {
    position: relative;
    list-style: none;
    padding: 0;
    margin: 0
}

.vertical-filters .area-filters {
    padding-bottom: 20px
}

.vertical-filters .area-filters .tooltip {
    padding: 5px
}

.vertical-filters .area-filters .tooltip button {
    background: 0 0;
    color: #006937;
    text-decoration: underline;
    font-weight: 400;
    padding: 0
}

.vertical-filters ul {
    position: relative;
    color: #0f0f0f;
    bottom: 0
}

.vertical-filters ul button {
    border: 0;
    text-align: left;
    background: #fefefe;
    display: block;
    width: 100%
}

.vertical-filters ul input[type=checkbox]:focus+label,
.vertical-filters ul input[type=radio]:focus+label {
    border: 0;
    padding: 0;
    z-index: 1
}

.vertical-filters label>span.xbox {
    line-height: 1.5
}

.vertical-filters .result-count {
    margin-bottom: 10px
}

@media print {
    .feedback.filters {
        display: none;
        visibility: hidden
    }

    code[class*=language-],
    pre[class*=language-] {
        text-shadow: none
    }

    #bottom-mini-toc,
    #breadcrumb,
    .content>nav,
    .main-nav,
    .next-nav,
    .settings,
    .tree,
    .videowrapper,
    aside,
    footer,
    header {
        display: none
    }

    .main {
        position: static
    }

    a:after {
        content: " (" attr(href) ") ";
        color: #54565a;
        font-size: .5em;
        display: block
    }

    a[name*=anchor]:after {
        display: none;
        content: none !important
    }
}

body:lang(ja) {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Inter, Arial, sans-serif, !important
}

body:lang(zh) {
    font-family: "Microsoft YaHei", STXihei, "Source Sans Pro", serif !important
}

body:lang(ko) .caption,
body:lang(ko) .field-value,
body:lang(ko) .path,
body:lang(ko) .user_input,
body:lang(ko) dfn,
body:lang(ko) div.caption,
body:lang(ko) em,
body:lang(ko) i,
body:lang(ko) span.Italic,
body:lang(zh) .caption,
body:lang(zh) .field-value,
body:lang(zh) .path,
body:lang(zh) .user_input,
body:lang(zh) dfn,
body:lang(zh) div.caption,
body:lang(zh) em,
body:lang(zh) i,
body:lang(zh) span.Italic {
    font-style: normal !important
}

#main:focus,
.navigation-pane:focus {
    outline-offset: -2px
}

.sr-only {
    clip: rect(0 0 0 0);
    overflow: hidden;
    position: absolute;
    height: 1px;
    width: 1px
}

@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {
    pre[class*=language-withcopy]>code[data-language]::before {
        width: 15%;
        text-align: center;
        border-bottom: none;
        background: #fff;
        -ms-user-select: none;
        line-height: 40px
    }

    .card.linked>a:focus,
    .card.linked>a:hover {
        background-color: inherit
    }

    .onboarding-header a:focus {
        outline: #002e5c dotted 2px
    }

    #video-box a:focus,
    #video-box a>img:focus,
    #video-box button:focus,
    #video-box input:focus,
    #video-box select:focus,
    #video-box textarea:focus,
    .content a:focus,
    .content a>img:focus,
    .content button:focus,
    .content input:focus,
    .content nav.tree i:focus,
    .content select:focus,
    .content textarea:focus,
    footer a:focus,
    footer a>img:focus,
    footer button:focus,
    footer input:focus,
    footer nav.tree i:focus,
    footer select:focus,
    footer textarea:focus,
    header a:focus,
    header a>img:focus,
    header button:focus,
    header input:focus,
    header select:focus,
    header textarea:focus,
    main a:focus,
    main a>img:focus,
    main button:focus,
    main input:focus,
    main nav.tree i:focus,
    main select:focus,
    main textarea:focus,
    nav a:focus,
    nav a>img:focus,
    nav button:focus,
    nav input:focus,
    nav select:focus,
    nav textarea:focus {
        outline: #4b4b4b dotted 2px
    }

    .content main .xref:focus,
    .content main a:focus,
    footer main .xref:focus,
    footer main a:focus,
    main main .xref:focus,
    main main a:focus {
        outline: #4b4b4b dotted 2px;
        outline-offset: 3px
    }

    .content footer a:focus,
    footer a:focus,
    main footer a:focus {
        outline: 0;
        border-radius: 3px;
        margin: -2px;
        border: 2px dotted #4b4b4b
    }
}

.optanon-alert-box-wrapper .banner-content a.banner-policy-link:focus {
    outline: #efefef dotted 2px;
    outline-offset: 5px
}

.optanon-alert-box-wrapper .optanon-alert-box-button-middle button:focus,
.optanon-alert-box-wrapper .optanon-button-more .optanon-alert-box-button-middle button:focus {
    outline: #fff dotted 2px;
    outline-offset: 5px
}

/* Custome Code */

.c-description-list {
    display: flex;
    flex-direction: column;
    row-gap: 14px;
    column-gap: 14px;
    margin-bottom: 0;
    text-align: var(--description-list-text-align, left);
    color: #4c5356;
}

.c-description-list--horizontal .c-description-list__group {
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-end;
}

.c-description-list__group {
    display: flex;
    flex-direction: column;
    column-gap: 14px;
}

.c-description-list--terms-short .c-description-list__term {
    min-width: unset;
    display: block;
}

.c-description-list--horizontal .c-description-list__group>* {
    flex-grow: 1;
    flex-basis: calc((35rem - 100%)* 999);
    min-width: calc(50% - 7px);
}

.c-description-list__term {
    font-size: 1rem;
    margin: 0;
    font-weight: 400;
    text-align: var(--description-list-text-align);
    color: inherit;
}

span.c-description-list__term.additional_info {
    display: ruby !important;
}

.c-description-list__detail {
    --text-align-end: var(--if-description-list-split-is-wide) right;
    --text-align: var(--text-align-end, var(--description-list-text-align));
    font-size: 1rem;
    display: block;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    column-gap: 14px;
    margin: 0;
    font-weight: 700;
    text-align: var(--text-align);
    color: inherit;
}

.c-description-list--horizontal .c-description-list__group:not(.noline, :last-child):after {
    display: block;
    content: "";
    width: 100%;
    height: 1px;
    margin-left: -32px;
    margin-top: 14px;
    background-color: #e1e1e1;
}

.table-wrapper {
    overflow: auto !important;
    padding: 0px;
    width: 101%;
    background: unset;
    background-repeat: no-repeat;
    background-color: unset;
}

tbody tr:nth-child(odd) {
    background: white;
}

table thead {
    border-top: 0px;
}

p {
    margin: 0px !important;
}

ul.threecolumns {
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
}

/* pre {
    color: #cccccc;
    background: #2d303e;
    width: calc(100% + 50px);
    border-left: 5px solid #009845;
    padding-left: 10px;
    padding-bottom: 0px;
    margin-left: -25px;
    position: relative;
    margin-bottom: 0px;
} */

pre {
    color: #4c5356;
    background: #f8f8f8;
    width: calc(100% + 50px);
    border-left: 5px solid #009845;
    padding-left: 10px;
    padding-bottom: 0px;
    margin-left: -25px;
    position: relative;
    margin-bottom: 0px;
    white-space: pre-wrap;
    font-family: "Courier New", monospace;
}

.card-content.card-code {
    padding-bottom: 0px;
}

.card-code pre {
    padding: 20px;
}

td br:after {
    content: ' ';
}
td br {
    display: inline;
    content: ' ';
}

.title-grey-bg {
    background: #fff;
    padding: 10px;
    width: calc(100% + 50px);
    border-left: 4px solid #009845;
    left: -10px;
    position: relative;
}

.title-snow-bg {
    background: #F6F8F9;
    padding: 10px;
    width: calc(100% + 50px);
    border-left: 4px solid #19426C;
    left: -10px;
    position: relative;
}

.chart-img {
    display: grid;
    place-items: center;
    width: 100%;
    margin-top: 20px;
}

.chart-img img.chart-img-screenshot {
    width: 1168px;
    height: 350px;
    position: relative !important;
    padding: 0 10px 15px 0;
    top: 0px;
    right: 0px;
    margin: 10px 0px 0px 0px;
}
  .content {
    padding: 0 18px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
  }

  .border-top-gap {
    outline: 1px solid rgba(84, 86, 90, .25);
  }
