body {
    font-family: "Open Sans", sans-serif !important;
    text-align: left;
    font-size: 16px !important;
    color: rgb(51, 51, 51);
    line-height: 1.5;
}

/* Override uikit */
.uk-close:focus-visible,
#search-button:focus-visible {
    outline: auto;
}

.test .uk-navbar-container:not(.uk-navbar-transparent) {
    background: url("data:image/svg+xml,%3Csvg%20width%3D%2772.33832643601636%27%20height%3D%2748.22555095734424%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%3E%3Ctext%20fill%3D%27%23ff8f00%27%20x%3D%2750%25%27%20y%3D%2750%25%27%20font-size%3D%2715%27%20text-anchor%3D%27middle%27%20font-family%3D%27Arial%2C%20Helvetica%2C%20sans-serif%27%20transform%3D%27rotate(-20%2036.16916321800818%2036.16916321800818)%27%20opacity%3D%270.3%27%3ETEST%3C%2Ftext%3E%3C%2Fsvg%3E") repeat #f8f8f8;
}

.tooltip {
    box-shadow: 0 0 100px 0 rgba(0, 0, 0, 0.40);
}

header {
    border-bottom: 1px solid #e5e5e5;
}

#main-tabs::before {
    border-bottom: unset;
}

.uk-navbar-toggle, .uk-navbar-item, .uk-navbar-nav > li > a {
    min-height: 3.5rem;
}

.sync-datetime {
    margin-top: 0.5em;
    margin-left: 25px;
    font-size: 10pt;
}

h1, h2 {
    font-family: "Open Sans", sans-serif !important;
    padding-top: 12px;
    margin-bottom: 3px;
    font-weight: normal;
    text-decoration: none;
}

#global-search-box {
    z-index: 90;
}

h1 {
    font-size: 1.5rem;
    margin-bottom: 0.5em;
    /*margin-top: 11px;*/
}


h2 {
    font-size: 1.2rem;
    margin-top: 5px;
}

/* Remove redundant padding */
ul.uk-nav-sub {
    padding-top: 0;
    padding-bottom: 0;
}

/* CODE added to handle long menuitems with subitems */
.uk-parent > a.node {
    display: flex;
}

.uk-parent > a.node > div {
    order: 2;
    display: inline;
    overflow-wrap: break-word;
}

.uk-parent > a.node > div {
    width: calc(100% - 26.39px); /* 26.39px = width of expand/collapse nav icon*/
}

.node::after {
    order: 1;
    flex-shrink: 0;
    float: none;
}
/* END: CODE added to handle long menuitems with subitems */

.nodeFilter {
    display: inline-block;
    border: solid 1px black;
    min-width: 7em;
}

.nodeFilter[data-placeholder]:empty:before {
    content: attr(data-placeholder);
    color: darkgray;
}

#reportContainer, #main-content {
    overflow: auto;
    height: calc(100vh - 57px); /* minus navbar height */
}

.introduction-page-container h3 {
    font-weight: bold;
    margin-bottom: 3px;
    font-size: 17px;
}



/* Navigation */
#navigationContainer {
    border-right: 1px solid lightgrey;
    float: left;
    display: inline-block;
    padding-left: 1em;
    padding-right: 1em;
    line-height: 1.4;
    height: calc(100vh - 57px - 8px); /* minus navbar height */

    max-width: 22em;
    overflow-y: auto;
    overflow-x: hidden;
}

#navigationContainer a {
    padding: 5px 0;
}

/* Tabs */
#main-tabs {
    height: 2rem;
    margin-top: 0;
    margin-bottom: 0;

    /*  matches UIKIT navbar default "background: #f8f8f8;" */
    background: #f8f8f8;
}
/* Remove left padding from tabs (excluding first tab) */
#main-tabs > :not(:first-child) {
    padding-left: 0
}

/* Hidden on mobile */
#main-tabs {
    display: none;
}


.three-dot-nav {
    display: none;
}

.npd-link-in-dropdown,
#language-switcher-in-dropdown,
.feedback-link-in-dropdown {
    display: block;
}

html {
    -ms-overflow-style: -ms-autohiding-scrollbar;
}

@media only screen and (max-width: 460px) {
    #language-switcher {
        display: none;
    }
    .feedback-link {
        display: none;
    }

    .npd-link {
        display: none;
    }
    
    .three-dot-nav {
        display: block;
    }
}

#main-content.intro-content {
    height: unset;
}

.front-content {
    position: absolute;
    margin-left: 1em;
    max-width: 550px;
    display: inline;
}

.introduction-page-container {
    padding-left: 1em;
    max-width: 40em;
}

.tab-container {
    background-color: #f8f8f8;
}

.uk-nav-default {
    font-size: 1.1rem;
}

.uk-nav-parent-icon > .uk-parent > a::after {
    transform: rotate(-180deg);
    /*float: left;*/
}

.uk-nav-parent-icon > .uk-open > a::after {
    transform: none;
}

/* Override UIKIT rule */
.uk-nav-default > li > a,
.uk-nav-default > li > a:hover,
.uk-nav-default .uk-nav-sub a,
.uk-nav-default .uk-nav-sub a:focus,
.uk-nav-default .uk-nav-sub a:hover,
.uk-nav-default > li > a:hover {
    color: black;
}

/* Highlight all keyboard focusable element links */
.uk-nav-default a:focus-visible > div {
    outline: 2px solid black;
    border-radius: 4px;
}

.uk-search-default .uk-search-input:focus {
    border-color: black;
}

.uk-accordion-title:focus,
.uk-accordion-title:focus-visible {
    border: 1px solid black;
}



#menu-button {
    border: none;
    cursor: pointer;
    background-color: transparent;
}

#menu-button:focus-visible {
    border: 2px solid black;
    border-radius: 4px;
}

.factpages-logo-left > img {
    height: 25px;
}

.factpages-logo-center > img {
    height: 45px;
}

@media only screen and (min-width: 440px) {
    .factpages-logo-left {
        display: none;
        visibility: hidden;
    }
}

@media only screen and (max-width: 795px) {
    .factpages-logo-center {
        display: none;
        visibility: hidden;
    }

    .factpages-logo-left {
        display: block;
        visibility: visible;
    }
}

@media only screen and (min-width: 795px) {
    .factpages-logo-center {
        display: block;
        visibility: visible;
    }

    .factpages-logo-left {
        display: none;
        visibility: hidden;
    }
}
/* Skip to main content link for accessibility
source: Norskpetroleum.no */
#skip-link {
    top: -100px;
    display: block;
    position: absolute;
    left: 0;
    z-index: 1001;
    width: 100%;
    margin: 0px;
    padding: 5px;
    text-align: center;
    line-height: 1.4;
    color: #272E34;
    background: #fff;
}

#skip-link:focus {
    top: 0px;
}

.uk-button-default {
    border: 1px solid black;
}

.uk-button-default:focus-visible {
    outline: 2px solid black;
}

.uk-link, a {
    text-decoration: underline;
}

.uk-tab > .uk-active > a,
.uk-tab > * > a {
    color: #962f00;
    text-decoration: none;
}

.uk-nav-default li:not(.uk-parent) {
    padding-left: 1.5em;
}

.uk-active > a {
    font-weight: bold;
}

.menu-text {
    color: black;
    font-size: 1em;
    text-transform: uppercase;
}

.uk-accordion-title {
    text-decoration: none;
}

#reportContainer .uk-accordion > :nth-child(n+2) {
    margin-top: 0; /* Remove some spacing between expand/collapse menus*/
}

#sync-datetime-container-in-tabs {
    padding-top: 2px; /* Adjusted to line up text next to tabs */
    display: none;
}

#sync-datetime-container-inside-content {
    display: block;
}

#sync-datetime-container-in-tabs > .sync-datetime {
    margin-left: 5px;
}

/* Printer friendly CSS */


.factpages-logo-print {
    display: none;
}

@media print {
    /* Remove scrollbars when printing */
    #reportContainer, #main-content {
        height: auto;
    }

    /* Hide navigation elements from printed report */
    header,
    #navigationContainer,
    #title-and-controls .controls {
        display: none;
    }

    /* Show factpages logo */
    .factpages-logo-print {
        display: block;
    }

    .factpages-logo-print > img {
        height: 15mm;
    }

    header .uk-navbar-center {
        position: unset;
        transform: unset;
    }

    #navigationContainer {
        height: 0px;
    }

    header {
        border: none;
    }

}

@page {
    margin: 10mm;
}
/* END printer friendly CSS */