.nef-light, .nef-dark {
    --nef-font-family-primary: "Open Sans", sans-serif;
    --nef-font-weight-light: 400;
    /* or --nef-semantic-typography-body-default-font-weight: var(--nef-font-weight-regular) !important; */
}

body {
    margin-top: 0;
}

nef-form-select {
    --nef-size-8: 4px; /* Bug fix for NEF 5.12.0, remove when fixed */
}

nef-date-picker, nef-form-select, nef-text-input {
    --nef-semantic-typography-label-sm-font-size: 12px;
    --nef-semantic-typography-body-lg-font-weight: 600;
    --nef-semantic-color-content-default: rgb(0, 73, 100); /* labels */
    --nef-semantic-color-content-xsubtle: rgb(136, 136, 136); /* content */
    --nef-semantic-color-border-brand-subtle: #A3B5C0;
}

nef-button {
    --nef-semantic-typography-button-lg-font-size: 16px;
    --nef-semantic-typography-button-lg-font-weight: 600;
    /*--nef-component-button-color-primary-rest-content: rgb(255,255,255);  button text */
    --nef-component-button-color-primary-rest-border: rgb(0, 73, 100); /* button color */
    --nef-component-button-color-primary-rest-bg: rgb(0, 73, 100); /* button border color, should be same as button color */
    --nef-component-button-color-primary-hover-bg: rgb(34, 34, 32);
    --nef-component-button-color-primary-hover-border: rgb(34, 34, 32);
}

nef-button#exportExcel {
    --nef-component-button-color-default-rest-content: rgb(0, 73, 100);
    --nef-semantic-typography-button-sm-font-size: 12px;
    --nef-semantic-typography-button-sm-font-weight: 600;
}

nef-checkbox {
    --nef-semantic-color-content-default: rgb(33, 33, 31);
    --nef-semantic-typography-body-default-font-size: 14px;
}

nef-pagination {
    --nef-semantic-color-content-default: rgb(33, 33, 31);
    --nef-semantic-color-content-brand-clickable: rgb(0, 73, 100);
    --nef-semantic-color-background-brand-knockout: rgb(0, 73, 100);
    --nef-drop-shadow-top: 0, 0, 0, 0, transparent;
}

nef-flex.footer-links {
    --nef-semantic-color-content-brand-clickable: rgb(0, 73, 100); /* primary link */
    --nef-semantic-color-content-brand-strong: rgb(0, 73, 100); /* secondary link */
    --nef-semantic-typography-label-default-font-size: 16px; /* Links */
    --nef-semantic-typography-label-default-font-weight: 400; /* Links */
}

nef-flex.cookie-statement {
    --nef-semantic-color-content-default: rgb(33, 33, 31); /* Text */
    --nef-semantic-color-content-brand-strong: rgb(0, 73, 100); /* secondary link */
    --nef-semantic-typography-label-xs-font-weight: 400; /* link */
}

nef-link.attachment-link {
    --nef-semantic-color-content-brand-clickable: rgb(0, 73, 100);
}

nef-table {
    --nef-semantic-color-background-xsubtle: #ffffff;
    --nef-semantic-color-background-default: #f2f2f2;
}

nef-table-header {
/*    --nef-semantic-color-border-subtle: transparent; */
    --nef-semantic-border-width-md: 0;
    --nef-semantic-color-background-xsubtle: #f2f2f2;
    --nef-semantic-color-background-default: #ffffff;
}

nef-table-cell {
/*    --nef-semantic-color-border-subtle: transparent; */
    --nef-semantic-border-width-sm: 0;
}



.header {
    width: 100%;
    height: 200px;
    background-image: url(/oam/images/background_banner_is.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    border-radius: 0 0 0.5rem 0.5rem;
}

#root-div {
    display: flex;
    justify-content: center;
}

#social-side-bar {
    left: auto;
}


/* Published wont fit table with large fonts */
nef-table-cell.table-published nef-typography {
    word-wrap: break-word;
    white-space: normal;
}

.header-logo {
    background-color: white;
    display: flex;
    justify-content: space-between;
    border-radius: 0 0 0.5rem 0.5rem;
}

a#language-switcher {
    border: 1px solid #A3B5C0;
    border-radius: 0.5rem 0.5rem 0.5rem 0.5rem;
    padding: 0.9rem 0.85rem 0.9rem 0.85rem;
    display: inline-flex;
    margin-right: 1px;
}

a#language-switcher:hover  {
    background: #A3B5C0;
}

.content-outer {
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 20px 0 0 0;
    box-sizing: border-box;
}

.content-inner {
    width: 100%;
    min-width: 400px;
    max-width: 1100px;
    padding: 0 25px 0 25px;
    align-items: center;
    box-sizing: border-box;
}

nef-typography#title {
    --nef-semantic-typography-title-lg-font-size: 36px;
    --nef-semantic-typography-title-lg-font-weight: 400;
}

.header-title nef-typography {
    color: white;
}

.header-title {
    margin-top: 50px;
}

.logo {
    height: 64px;
    width: auto;
    max-width: 100%;
    padding: 8px 0 8px 0; /* top and bottom padding, no side padding to keep logo in line with content below */
}

.subtitle {
    display: block;
    max-width: 100%;
    color: rgb(33, 33, 31);
}

nef-typography#table-all-results {
    color: rgb(0, 73, 100);
}

.table-header {
    font-size: 12px;
    font-weight: 700;
    color: rgb(33, 33, 31);
}

.table-link {
    text-decoration: underline;
    font-weight: 400;
    color: rgb(0, 73, 100);
}

.table-content {
    font-size: 16px;
    font-weight: 400;
    color: rgb(33, 33, 31);
}

#view-headline {
    color: rgb(0, 73, 100);
}