body {
    background-color: #ffffff;
}

.vp-button--variant-arrow,
.vp-button--variant-outline:focus,
.vp-button--variant-outline:hover {
    background-color: #FAC748;
    border-color: #FAC748;
    color: #000000;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 600;
}

.header {
    border-bottom: 0;
}

footer.footer.hc-footer-background-color {
    border-top: 0;
}

.portal__header {
    z-index: 1;
}

.header__navigation {
    box-shadow: none;
}

@media (min-width: 1024px) {
    .portal__header {
        /* overall height of hero based on padding-y of hero heading */
        padding-top: 3rem;
    }

    .portal .hc-portal-background-image {
        margin-top: 0;
    }

}

footer {
    z-index: 1;
}

main {
    position: relative;
}

.portal .hc-portal-background-image {
    background-position-y: center;
    -webkit-box-shadow: inset 0px -20px 20px -21px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: inset 0px -20px 20px -21px rgba(0, 0, 0, 0.6);
    box-shadow: inset 0px -20px 20px -21px rgba(0, 0, 0, 0.6);
    margin-bottom: 2em;
}

.hc-portal-background-image.hc-portal-banner.vp-banner {
    z-index: 100;
}

.hc-portal-background-image.hc-portal-banner.vp-banner::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.2);
    /* Adjust the alpha for transparency */
    pointer-events: none;
    z-index: 1;
}

/*
.portal .hc-portal-background-image::after {
    content: '';
    display: block;
    width: 110px;
    height: 132px;
    background-image: url("data:image/svg+xml,%3Csvg width='110' height='132' viewBox='0 0 220 263' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M108.208 -9H212L103.792 263H0L108.208 -9Z' fill='%2328A194'%3E%3C/path%3E%3Cpath d='M178.513 -9H353L273.487 177H99L178.513 -9Z' fill='%233B7BCE'%3E%3C/path%3E%3C/svg%3E");
    position: absolute;
    top: -132px;
    right: -10px;
}


@media (min-width: 968px) {
    .portal .hc-portal-background-image::after {
        width: 145px;
        height: 174px;
        background-image: url("data:image/svg+xml,%3Csvg width='145' height='174' viewBox='0 0 220 263' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M108.208 -9H212L103.792 263H0L108.208 -9Z' fill='%2328A194'%3E%3C/path%3E%3Cpath d='M178.513 -9H353L273.487 177H99L178.513 -9Z' fill='%233B7BCE'%3E%3C/path%3E%3C/svg%3E");
        top: 0px;
        top: 0px;
        right: -10px;
    }

    .space-overview__detail__header::after {
        content: '';
        display: block;
        width: 114px;
        height: 113px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='114' height='113' viewBox='0 0 114 113' fill='none'%3E%3Ccircle cx='85' cy='29' r='29' fill='%23FAC748'/%3E%3Ccircle cx='15' cy='98' r='15' fill='%2328A294'/%3E%3C/svg%3E");
        position: absolute;
        top: 165px;
        right: 5%;
        z-index: 101;
    }
}


@media (min-width: 1280px) {
    .portal .hc-portal-background-image::after {
        width: 220px;
        height: 263px;
        background-image: url("data:image/svg+xml,%3Csvg width='220' height='263' viewBox='0 0 220 263' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M108.208 -9H212L103.792 263H0L108.208 -9Z' fill='%2328A194'%3E%3C/path%3E%3Cpath d='M178.513 -9H353L273.487 177H99L178.513 -9Z' fill='%233B7BCE'%3E%3C/path%3E%3C/svg%3E");
        top: -60px;
        right: -50px;
    }
}

@media (min-width: 1680px) {
    .portal .hc-portal-background-image::after {
        top: -60px;
        right: 0px;
    }
}
*/

.space-overview .hc-spaceHome-background-image {
    background-size: auto;
}

@media (min-width: 968px) {
    .space-overview .hc-spaceHome-background-image {
        background-size: cover;
    }
}

.vp-title-bar.shadow {
    box-shadow: none;
}

.vp-accordion-link-group {
    z-index: 1;
}

.space-overview .hc-spaceHome-background-image {
    background-position-y: top;
    box-shadow: none;
}

@media (min-width: 768px) {
    .space-overview .hc-spaceHome-background-image {
        background-position-y: calc(50% + 50px);
        box-shadow: none;
    }
}

@media (min-width: 768px) {
    .space-overview__detail__intro--cta {
        margin-bottom: 2em;
    }
}

.space-overview__detail__intro,
.space-overview__detail__pinned,
.space-overview__detail__topics {
    margin-bottom: 0;
}

.space-overview__content hr {
    margin: 1rem 0 2rem 0;
}

.vp-tree-item .vp-tree-item__header {
    line-height: 1.375;
    padding: 0.375em;
}

.article__content p {
    margin-bottom: 1.25rem;
}

.footer__logo {
    max-width: 150px;
    margin-right: 2em;
}

.footer__attribution-line--copyright .no-print {
    display: none;
}

.header__searchbar--enhanced {
    background: #eff5fd;
    background-image: var(--vp-space-banner-background-image);
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center;
}

@media (min-width: 1280px) {
    .header__searchbar--enhanced::after {
        content: '';
        display: block;
        width: 114px;
        height: 113px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='114' height='113' viewBox='0 0 114 113' fill='none'%3E%3Ccircle cx='85' cy='29' r='29' fill='%23FAC748'/%3E%3Ccircle cx='15' cy='98' r='15' fill='%2328A294'/%3E%3C/svg%3E");
        position: absolute;
        top: 35px;
        right: 5%;
        z-index: 101;
    }
}

.breadcrumbs {
    margin-bottom: 0;
    padding-bottom: 0.5em;
}

figure.vp-image img {
    border: 0px;
}

/* dark mode support */
@media (prefers-color-scheme: dark) {

    /*
    :root {
        --K15t-color-neutral-0: #121212;
        --K15t-color-neutral-50: #333333;
    }
    */
    
    img {
        filter: brightness(90%);
    }

    body {
        background-color: #121212;
    }

    body,
    blockquote,
    dd,
    div,
    dl,
    dt,
    form,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    li,
    ol,
    p,
    pre,
    td,
    th,
    ul,
    .article__content h1,
    .article__content h2,
    .article__content h3,
    .article__content h4,
    .article__content h5,
    .article__content h6 {
        color: #ccc;
    }

    .hc-header-background-color,
    .top-bar,
    .top-bar ul,
    .header .top-bar,
    .header .top-bar ul {
        background-color: #0a0a0a !important;
    }

    .top-bar-right .vp-search-suggestion-panel {
        border: 1px solid rgba(255,255,255,0.25);
    }

    .top-bar-right .vp-search-suggestion-action-container .vp-button--secondary {
        --background-color: RGBA(255, 255, 255, 0.125);
        --foreground-color: #FFFFFF;
    }

    .top-bar-right .vp-search-suggestion-action-container .vp-button--secondary:hover {
        --background-color: RGBA(255, 255, 255, 0.25);
    }

    .top-bar-right .vp-search-suggestion-option--default {
        color: unset;
    }

    .top-bar-right .vp-search-suggestion-option-container:where([aria-selected=true], :hover) .vp-search-suggestion-option,
    .top-bar-right .vp-search-suggestion-tools-option:where([aria-selected=true], :hover) {
        background-color: rgba(255,255,255,0.05);
        color: unset;
    }

    .top-bar-right .vp-search-bar__input-container {
        border-color: #555555;
    }

    .top-bar-right .vp-search-input {
        background-color: #121212;
        color: #ffffff;
    }

    .top-bar-right .vp-search-input__input {
        background-color: transparent;
        color: #ffffff;
    }

    .top-bar-right .vp-search-input__submit {
        color: #ffffff;
    }

    .header__navigation--logo a img {
        filter: invert(1);
    }

    .hc-header-font-color {
        color: #bbbbbb !important;
    }

    .hc-footer-background-color {
        background-color: #0a0a0a;
    }

    .footer__logo {
        filter: invert(1);
    }

    .portal .hc-portal-background-image {
        filter: brightness(0.95);
    }

    .grid-container.full.hc-header-background-color.hc-portal-background-image {
        filter: brightness(100%);
    }

    .grid-container.full.hc-header-background-color.hc-portal-background-image::after {
        content: ' ';
        background-color: black;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        opacity: 0.75;
        z-index: -1;
    }

    .hc-portal-background-image,
    .hc-spaceHome-background-image {
        box-shadow: none !important;
        position: relative;
    }

    a.cell.tile.tile--spaces {
        background-color: #222428;
        color: #efefef;
    }

    /* Space: Searchbar */
    .header__searchbar--enhanced {
        background-color: #333;
        border-top: 0px solid #444;
        padding-top: 1em;
        padding-bottom: 1em;
    }

    .header__navigation {
        box-shadow: 0 0 0 rgb(0 0 0 / 0%);
        border-bottom: 1px solid #444;
    }

    .search-bar #search-input {
        background-color: #030303;
        background-color: rgba(01, 01, 01, 0.5);
        color: #fff;
        border: 1px solid transparent;
    }

    .space-overview .search-bar #search-input {
        background-color: rgba(01, 01, 01, 0.50);
    }

    .hc-spaceHome-background-image::after {
        content: ' ';
        background-color: black;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        opacity: 0.375;
        z-index: 1;
    }

    .search-bar__quick-results>ul {
        background: #010101;
    }

    .text-vp-default {
        color: rgba(255, 255, 255, 0.75);
    }

    .search-bar__quick-results__result img {
        filter: invert(100%);
    }

    .js-quick-search-results>li>p {
        color: #eee
    }

    .vp-title-bar--color-header {
        background: #121212;
        color: var(--vp-header-text-color);
    }

    /* Breadcrumbs */
    .breadcrumbs a {
        color: rgba(255, 255, 255, 0.625);
    }

    .breadcrumbs--active {
        color: rgba(255, 255, 255, 0.75) !important;
    }

    .breadcrumbs-wrapper__scroll-mask {
        background: linear-gradient(90deg, hsla(0, 0%, 100%, 0), #121212);
    }

    .vp-breadcrumbs .breadcrumbs a,
    .vp-breadcrumbs .breadcrumbs button,
    .vp-breadcrumbs .breadcrumbs li {
        color: rgba(255, 255, 255, 0.625);
    }

    /* Left Nav */
    nav {
        background-color: #121212;
    }

    .vp-collapse-button {
        background-color: #444;
        border-color: #444;
        color: #efefef;
    }

    .vp-article__aside-left {
        border-right: 1px solid #333;
        background-color: transparent;
    }

    .vp-tree-item .vp-tree-item__header a {
        color: rgba(255, 255, 255, 0.625);
    }

    .vp-tree-item.vp-tree-item--active .vp-tree-item__header a {
        color: rgba(255, 255, 255, 1.0);
    }

    .vp-tree-item .vp-tree-item__header:hover {
        background-color: rgba(255, 255, 255, 0.0625);
    }

    .vp-tree-item--with-hover-effect .vp-tree-item__header .vp-tree-item__header__expand-button:hover {
        background-color: #444;
    }

    .vp-tree-item--with-hover-effect.vp-tree-item--active>.vp-tree-item__header,
    .vp-tree-item--with-hover-effect:focus-visible>.vp-tree-item__header,
    .vp-tree-item--with-hover-effect>.vp-tree-item__header:hover {
        background-color: #444;
    }

    .vp-tree-item--with-hover-effect .vp-tree-item__header:has(:focus-visible:not(.vp-tree-item--active)),
    .vp-tree-item--with-hover-effect:not(.vp-tree-item--active)>.vp-tree-item__header:hover {
        color: #efefef;
        background-color: #444;
    }

    .vp-tree-item .vp-tree-item__header__icon {
        color: rgba(255, 255, 255, 0.625);
    }

    /* Right Nav */
    .article__toc .js-tocBot {
        border-left: 1px solid rgba(255, 255, 255, 0.25);
    }

    .article__toc__link {
        color: rgba(255, 255, 255, 0.625) !important;
    }

    .article__toc__link--active {
        color: #ffffff !important;
    }

    nav {
        background-color: #121212;
    }

    /* Footer */
    footer.grid-container.full.footer.hc-footer-background-color {
        background-color: #121212;
        color: #ccc;
    }

    .hc-footer-font-color,
    .hc-footer-font-color>a {
        color: #bbbbbb !important;
    }

    /* Macro Panels */
    .panel-macros--info {
        background-color: rgba(127, 178, 255, 0.25);
        background-color: #0088ff30;
    }

    .panel-macros--info__content>* {
        color: rgba(255, 255, 255, 0.875);
    }

    .panel-macros--info__icon img {
        filter: brightness(100%);
    }

    .panel-macros--note {
        background-color: #b8992b;
    }

    .panel-macros--note img {
        filter: brightness(0);
    }

    .vp-content-by-label {
        border: 1px solid #333;
    }

    .code-macro div.code-toolbar {
        background-color: #090909;
        border-radius: 0.5em;
    }

    .code-block,
    .code-inline,
    code {
        color: #23c411;
    }

    /* Accordion Panels */
    .vp-accordion-link-group {
        --text-color: #ccc;
        --link-color: #ccc;
        --border-color-focus: #333;
        --background-color: #1E2023;
        --background-color-focus: #32353a;
        border: 1px solid #333;

    }

    .vp-accordion-link-group__item:not(:first-child) {
        border: solid #333;
        border-width: 1px 0 0;
    }

    .vp-accordion-link-group a:is(:hover, :focus, :focus-visible) {
        color: #fff;
        text-decoration: underline;
    }

    .icon--expand,
    .icon--expand-light {
        filter: invert(100%) brightness(50%);
    }

    .vp-accordion-link-group__summary:where(:hover, :focus, :focus-visible, :focus-within) {
        background-color: #32353a;
    }

    /* Portal Page */
    .search-bar--with-filter .dropdown.menu {
        background-color: #222222;
        border: 2px solid #030303;
        border-top-left-radius: 0.575em;
        border-bottom-left-radius: 0.575em;
    }

    .search-bar--with-filter .dropdown.menu a,
    .search-bar--with-filter .dropdown.menu>li.is-active>a,
    .search-bar--with-filter .dropdown.menu a:hover {
        color: #ccc;
    }

    .search-bar--with-filter .dropdown.menu li.is-dropdown-submenu-parent a.picker--scroll__placeholder:after {
        border-color: #ccc !important;
    }

    .picker--scroll>ul.menu.submenu,
    .picker--scroll__item {
        background-color: #222222 !important;
        box-shadow: none !important;
        border-radius: 0.375em;
    }

    .picker--scroll__item {
        background-color: #222222;
        border-color: #222222;
        border-style: solid;
        border-width: 0.25em 0.25em;
    }

    .picker--scroll__item a:hover {
        background-color: #111;
        border-radius: 0.25em;
    }

    /* Space Overview */
    .space-overview__detail__intro--logo img {
        filter: brightness(100%);
    }

    .space-overview__detail__news {
        border-left-color: #333;
    }

    .space-overview__detail__news__post--title {
        color: #ccc;
    }

    .space-overview__detail__news__post--date {
        color: #666;
    }

    .sectioning-border {
        border-top: 1px solid #333;
        padding: 1.25em
    }

    .space-overview__pinned {
        margin-bottom: 1em;
    }

    /* Tiles */
    .tile {
        background-color: #1E2023;
        color: #ccc;
        border: 1px solid #555;
    }

    .tile:hover {
        background-color: #32353a;
        color: #fff;
    }

    .icon--read-more {
        filter: invert(100%) brightness(50%);
    }

    .tile__description,
    .tile__headline {
        color: #ccc;
    }

    /* Buttons */
    .vp-button--variant-arrow {
        background-color: #0163CE;
        color: var(--vp-button-variant-outline-background);
    }

    /* Tables */
    .article__content table.attachments.aui tbody tr.header-row,
    .article__content table.attachments.aui tbody tr th,
    .article__content table.attachments.aui tbody tr th.confluenceTh,
    .article__content table.attachments.aui thead tr.header-row,
    .article__content table.attachments.aui thead tr th,
    .article__content table.attachments.aui thead tr th.confluenceTh,
    .article__content table.confluenceTable tbody tr.header-row,
    .article__content table.confluenceTable tbody tr th,
    .article__content table.confluenceTable tbody tr th.confluenceTh,
    .article__content table.confluenceTable thead tr.header-row,
    .article__content table.confluenceTable thead tr th,
    .article__content table.confluenceTable thead tr th.confluenceTh,
    .article__content table.tablesorter-custom tbody tr.header-row,
    .article__content table.tablesorter-custom tbody tr th,
    .article__content table.tablesorter-custom tbody tr th.confluenceTh,
    .article__content table.tablesorter-custom thead tr.header-row,
    .article__content table.tablesorter-custom thead tr th,
    .article__content table.tablesorter-custom thead tr th.confluenceTh {
        background-color: #101010;
        border-bottom: 1px solid #333;
        border-right: 1px solid #333;
        font-weight: 500;
    }

    .article__content table.attachments.aui tbody tr.attachment-row td,
    .article__content table.attachments.aui tbody tr td,
    .article__content table.attachments.aui tbody tr td.confluenceTd,
    .article__content table.attachments.aui thead tr.attachment-row td,
    .article__content table.attachments.aui thead tr td,
    .article__content table.attachments.aui thead tr td.confluenceTd,
    .article__content table.confluenceTable tbody tr.attachment-row td,
    .article__content table.confluenceTable tbody tr td,
    .article__content table.confluenceTable tbody tr td.confluenceTd,
    .article__content table.confluenceTable thead tr.attachment-row td,
    .article__content table.confluenceTable thead tr td,
    .article__content table.confluenceTable thead tr td.confluenceTd,
    .article__content table.tablesorter-custom tbody tr.attachment-row td,
    .article__content table.tablesorter-custom tbody tr td,
    .article__content table.tablesorter-custom tbody tr td.confluenceTd,
    .article__content table.tablesorter-custom thead tr.attachment-row td,
    .article__content table.tablesorter-custom thead tr td,
    .article__content table.tablesorter-custom thead tr td.confluenceTd {
        border: 1px solid #333;
        color: #ccc;
    }

    tbody,
    tfoot,
    thead {
        border: 1px solid #333;
        background-color: #1c1c1c;
    }

    tbody p,
    tfoot p,
    thead p {
        color: #ddd;
    }

    button.enlarge-table-button {
        background-color: #636363;
    }

    .reveal {
        background-color: #121212;
    }

    .close-button {
        color: #666;
    }

    /* misc */
    .article__content hr {
        border-bottom: 1px solid #333;
    }

    .article__content__anchor--link-icon {
        opacity: 0.5;
        filter: invert(1);
    }

    /* Search Results */
    .search-results__results__result {
        color: #ccc;
    }

    .search-results__results__result__content-wrapper:hover {
        background-color: #202020;
    }

    .search-results__results__result__title {
        color: #cccccc;
    }

    .search-results__results__result__title em {
        color: #fff;
    }

    .search-results__results__result__description {
        color: #bbbbbb;
    }

    .search-results__results__result__description em {
        color: #fff;
        background-color: #333;
        padding: 0 0.375em;
        border-radius: 0.25em;
    }

    .filter--vertical a,
    .filter--vertical button {
        color: #bbb;
    }

    .filter--vertical li:where(:hover, .is-active-filter)>:where(a, button),
    .filter--vertical summary:hover {
        background-color: #222;
        border-radius: 3px;
        color: #ccc;
    }

    .vp-dialog--color-header {
        background: #121212;
        ;
        color: rgba(255, 255, 255, 0.875);
    }

    .vp-filter-vertical .vp-filter-vertical__button {
        color: #ccc;
    }

    .vp-filter-vertical label:hover .vp-filter-vertical__button {
        background-color: #333;
    }

    .vp-search-result {
        --text-color-content-source: #ccc !important;
        --text-color-description: #ccc !important;
    }

    a {
        color: #3b7bce;
    }

    .tile__headline a {
        color: #3b7bce;
    }

    .hc-portal-background-image.hc-portal-banner.vp-banner .vp-banner-text {
        color: #ffffff;
    }

    .hc-portal-background-image.hc-portal-banner.vp-banner::before {
        background-color: rgba(0, 0, 0, 0.5);
        /* Adjust the alpha for transparency */
    }

    .vp-filter-vertical [role=radio][aria-checked=true] {
        background-color: rgba(255, 255, 255, 0.075);
    }

    .vp-filter-vertical [role=radio]:where(:focus-visible, :hover),
    .vp-filter-vertical summary:hover {
        background-color: rgba(255, 255, 255, 0.075);
    }

    .vp-collapse-button:hover {
        background-color: rgba(255, 255, 255, 0.375);
    }

    .vp-tree-item {
        --_background-color-hovered: rgba(255, 255, 255, 0.125);
        --_background-color-selected: rgba(255,255,255,0.125);
        --_background-color-pressed: rgba(255, 255, 255, 0.25);
    }

    /* Sortable Table Headings */

    .article__content table:is(.tablesorter-default, .confluenceTable, .attachments.aui) .confluenceTh,
    .article__content table:is(.tablesorter-default, .confluenceTable, .attachments.aui) .header-row,
    .article__content table:is(.tablesorter-default, .confluenceTable, .attachments.aui) .numberingColumn,
    .article__content table:is(.tablesorter-default, .confluenceTable, .attachments.aui) th {
        border-color: #333333;
        background-color: rgba(255, 255, 255, 0.05);
    }

}