@import "common.css";
/****************************************/
/* Layout
/****************************************/
* {
    box-sizing: border-box;
}
body {
    margin: 0;
    background-color: var(--body-bg);
    overflow-wrap: break-word;
}
#mbContainer {
    max-width: 1400px;
    margin: 0px auto 0px auto;
}
/* Default layout */
#mbContentWrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
#mbContentImage img {
    margin-top: 1em;
}
#mbContentMain {
    padding-bottom: 2em;
}
#mbHeader {
    padding: 0.5em 3%;
    overflow-wrap: normal;
}
#mbContentHeader {
    padding-top: 15px;
}
/* Alt layout - extra wide content image */
.mb-wideimg #mbContentWrapper {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 20px;
}
.mb-wideimg #mbPage {
    display: contents;
}
.mb-wideimg #mbPageHeader {
    grid-column: 1 / 5;
}
.mb-wideimg #mbContent {
    grid-column: 1 / 4;
}
.mb-wideimg #mbSubContent {
    grid-column: 1 / 4;
}
.mb-wideimg #mbSubMenu {
    grid-column: 4;
    grid-row: 2 / 4;
    width: 100%;
}
.mb-wideimg #mbContentImage {
    padding: 0;
}
/* Layout */
#mbContainer {
    max-width: none;
    margin: 0 auto 0 auto;
}
.top-bar,
.title-bar,
#mbPath,
.mb-wide:not(.mb-all) #mbContentWrapper,
#mbMenu ul,
.mb-wide.mb-img-right #mbContentHeader,
.mb-wide.mb-img-left #mbContentHeader,
.mb-wide #mbSubContent,
.mb-wide #mbMenu ul,
#mbFooter {
    padding-left: calc(50% - 680px);
    padding-right: calc(50% - 680px);
    max-width: none;
}
.mb-wide #mbContentMain .ItemGroup {
    padding-left: calc(49% - 680px);
    padding-right: calc(49% - 680px);
    max-width: none;
}
#mbContainer:not(.mb-wide) #mbContentWrapper {
    padding: 2% 0;
    margin-left: calc(50% - 680px);
    margin-right: calc(50% - 680px);
}
.mb-wide #mbMeasureAreas {
    margin-left: calc(50% - 680px);
    margin-right: calc(50% - 680px);
}
.mb-wide:not(.mb-all) #mbContentWrapper {
    padding: 0;
    max-width: none;
    margin-bottom: 0;
}
.mb-wide #mbContentMain {
    padding-bottom: 0;
}
.mb-wide #mbContentMain .ItemGroup {
    padding-top: 1%;
    padding-bottom: 2%;
}
.mb-wide #mbContentHeader,
.mb-wide.mb-all #mbContentMain {
    margin: 0 auto 0 auto;
    max-width: 800px;
    padding-top: 2em;
    padding-bottom: 2em;
}
@media screen and (max-width:550px) {
    .mb-wide #mbContentHeader,
    .mb-wide.mb-all #mbContentMain {
        padding-top: 1em;
        padding-bottom: 1em;
    }
}
.mb-cards:not(.mb-all) #mbContentMain h2.Title {
    margin-left: 1.5%;
    margin-right: 1.5%;
}
.mb-cards #mbPage .Item h2 {
    margin-left: 0;
    margin-right: 0;
}
@media screen and (max-width:1550px) {
    #mbContainer .top-bar,
    #mbContainer .title-bar,
    #mbPath,
    #mbContentWrapper,
    #mbContainer #mbMenu ul,
    .mb-wide:not(.mb-all) #mbContentHeader,
    .mb-wide:not(.mb-all) #mbSubContent,
    #mbFooter {
        padding-left: 4%;
        padding-right: 4%;
    }
    #mbContainer:not(.mb-wide) #mbContentWrapper {
        padding: 4%;
        margin-left: 0;
        margin-right: 0;
    }
    .mb-wide #mbMeasureAreas {
        margin: 1em 4% 0 4%;
    }
    .mb-wide:not(.mb-all) #mbContentMain .ItemGroup {
        padding-left: 2.5%;
        padding-right: 2.5%;
    }
}
#mbPath {
    margin: 0 auto;
    padding-top: 1.4em;
    padding-bottom: 1.4em;
}
#mbPage {
    width: 66%;
    padding: 0 0 0 0;
    background-color: var(--page-bg);
    padding: var(--page-padding);
}
#mbSubMenu {
    width: 28%;
    margin: 0 0 0 6%;
}
@media screen and (max-width: 1300px) {
    #mbPage {
        width: 70%;
    }
    #mbSubMenu {
        width: 26%;
        margin: 0 0 0 4%;
    }
}
#mbContentHeader, h1 {
    padding-top: 0;
    margin-top: 0;
}
#mbFooter {
    min-height: 100px
}
/****************************************/
/* Elements default
/****************************************/
blockquote {
    background-color: #ffffcc;
    border-left: 6px solid #ffeb3b;
    padding: 1px 1em;
    margin: 1em 0;
}
img {
    max-width: 100%;
}
a,
div.JWGridToolBox .Filter li button {
    color: var(--anchor-text)
}
#mbFooter a:after,
.Item:not(.Internal):not(.Barometer):not(.button) H3.Caption:after,
#mbSubContent .Item img + div.Content .Caption:after,
.BarTable a:after,
.Item.Preformatted h3 a:after {
    border-style: solid;
    border-width: 0 .125em .125em 0;
    content: "";
    display: inline-block;
    margin-bottom: .0625em;
    margin-left: .125em;
    padding: .125em;
    transform: rotate(-45deg);
}
#mbPage li {
    margin-top: 0.6em;
    margin-bottom: 0.6em;
}
/* Focus marker default */
#mbPath a:focus-visible,
#mbContent a:focus-visible,
#mbContent select:focus-visible,
#mbContent input:focus-visible,
#mbContent button:focus-visible,
#mbSubContent a:focus-visible,
#mbFooter a:focus-visible {
    outline: 3px solid var(--anchor-text);
    z-index: 100;
    position: relative;
}
#mbSubMenu a:focus-visible {
    border: 3px solid var(--header-tab-focus);
    outline: 0px;
}
#mbHeader a:focus-visible,
#mbHeader input:focus-visible,
#mbHeader button:focus-visible {
    outline: 3px solid var(--header-tab-focus);
    z-index: 100;
}
#mbHeader a.shortcut:focus-visible {
    border: 3px solid var(--header-tab-focus);
    outline: 0px;
}
#mbFooter a:focus {
    outline: 3px solid var(--footer-tab-focus);
}
/* Hover marker default */
#mbContent .Item a:hover,
#mbSubContent .Item a:hover {
    outline: 3px solid var(--anchor-text);
}
/****************************************/
/* Fonts
/****************************************/
body {
    font-family: Arial, sans-serif;
    font-weight: 400;
    color: var(--text)
}
#mbPage .Item:not(.Preformatted.card-wide),
#mbPage .Item.button h3,
#mbPage .ItemGroup.buttons h3 {
    font-size: 18px;
    line-height: 1.4;
}
#mbHeader a, #mbHeader a:hover,
#mbSubMenu a, #mbSubMenu a:hover,
#mbFooter a {
    text-decoration: none;
}
#mbFooter a:hover {
    text-decoration: underline;
}
/****************************************/
/* Common styles, box-shadow
/****************************************/
/* Prevent graph in list collapse in default layout - add to base later */
.MB .Item a .MeasureTool.Chart {
    float: none;
}
/* Image width */
img.w10 {width: 10%}
img.w20 {width: 20%}
img.w30 {width: 30%}
img.w40 {width: 40%}
img.w50 {width: 50%}
img.w60 {width: 60%}
img.w70 {width: 70%}
img.w80 {width: 80%}
img.w90 {width: 90%}
img.w100 {width: 100%}
/* Image align */
img.align-right {
    float: right;
    width: 50%;
}
img.align-left {
    float: left;
    width: 50%;
}
/****************************************/
/* Header
/****************************************/
#mbHeader {
    border-bottom: var(--header-border-width, 0) solid var(--header-border, white);
    padding: 0;
    background-color: var(--header-bg);
}
#mbHeader .shortcut {
    position: absolute;
    clip: rect(0,0,0,0);
    text-align: center;
    background-color: white;
    text-decoration: underline;
    margin: 0;
}
#mbHeader .shortcut:focus {
    position: static;
    display: block;
    padding: 1em;
}
#mbHeader div {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
#mbHeader p {
    width: 70%;
    display: flex;
    align-items: center;
}
#mbHeader form {
    width: 100%;
    display: flex;
    align-items: center;
    margin-left: auto;
}
.mb-searchpage form {
    display: flex;
    align-items: center;
}
#mbHeader input[type="text"],
.mb-searchpage input[type="text"] {
    flex-grow: 4;
    padding: 0.5em;
    margin-right: 2%;
}
#mbHeader button[type="submit"],
.mb-searchpage button[type="submit"] {
    flex-grow: 1;
    padding: 0.5em;
}
#mbSearchResult {
    gap: 1em;
    flex-wrap: nowrap
}
#mbPath {
    background-color: var(--path-bg);
    border-bottom: var(--path-border-width, 0) solid var(--path-border, white);
    line-height: 150%;
    margin: 0 auto;
    padding-top: 1em;
    padding-bottom: 1em;
}
#mbPath a {
    padding: 0;
    color: var(--path-text);
}
/* Header */
#mbHeader .title-bar {
    padding-top: 20px;
    padding-bottom: 20px;
}
#mbHeader a img {
    vertical-align: middle;
    overflow: hidden;
}
#mbHeader .logo {
    width: 60%;
}
#mbHeader .logo a {
    margin-right: 10px;
    display: flex;
    align-items: center;
    width: 100%;
    color: var(--header-text);
    padding: 5px 0;
}
#mbHeader .logo strong {
    font-size: 26px;
    line-height: 40px;
    padding-left: 3%;
    margin-left: 3%;
    font-weight: 600;
    border-left: 1px solid var(--header-text);
}
#mbHeader .search {
    width: 40%;
}
#mbHeader input[type="text"] {
    border: 1px solid #ccc;
    border-radius: 6px 0 0 6px;
    margin-right: 0;
    padding: 15px 15px 12px 15px;
    font-size: 16px;
    width: calc(100% - 90px);
}
#mbHeader button[type="submit"] {
    border-width: 0px;
    border-style: solid;
    background-color: var(--button-bg);
    color: var(--button-text);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23ffffff' d='M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: left 15px center;
    background-size: auto 20px;
    padding: 15px 15px 14px 35px;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    width: 90px;
}
#mbSearchCombo {
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 6px 0 0 6px;
    margin-right: 0px;
    padding: 7px 10px 8px 10px;
}
#mbSearchCombo:focus-within {
    outline: 2px solid var(--anchor-text);
}
#mbSearchCombo input[type="text"]:focus {
    outline: 0;
}
#mbSearchCombo input[type="text"] {
    width: 100%;
    border: 0;
    padding: 0;
    margin: 0;
}
#mbSearchCombo::placeholder {
    color: black;
    opacity: 1; /* Firefox */
}
#mbMobileMenuToggle button {
    position: relative;
    font-size: 16px;
    width: 100px;
    background-color: var(--button-bg);
    color: var(--button-text);
    font-weight: 700;
    border: 0;
    margin-left: 14px;
    padding: 15px 15px 14px 36px;
    text-align: left;
}
#mbContentImage {
    margin-bottom: 1em;
}
#mbHeader .ContentImg {
    width: 100%;
    max-height: 350px;
    min-height: 200px;
    object-fit: cover;
}
#mbHeader .ImageText,
#mbHeader br {
    display: none;
}
.mb-projectpage #mbPath {
    display: none;
}
/* Mobile menu */
#mbMobileMenuToggle button,
.mb-searchpage #mbMobileMenuToggle button {
    display: none;
}
@media screen and (max-width:1200px) {
    #mbMobileMenuToggle button {
        display: inline-block;
    }
    #mbMenu {
        display: none;
    }
    #mbHeader .logo {
        flex-grow: 2;
        width: 50%;
    }
    #mbHeader .search {
        width: 50%;
    }
    #mbHeader form {
        margin: 8px 0 8px 0;
        padding: 0;
    }
    #mbMobileMenuToggle {
        flex-shrink: 0;
    }
    #mbMobileMenuToggle button {
        display: inline-block;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23ffffff' d='M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: left 10px center;
        background-size: auto 24px;
    }
    #mbContainer:not(.mb-wide) #mbPage {
        width: 100%;
        max-width: 897px;
        margin: 0 auto;
    }
    #mbSubMenu {
        display: none;
        width: 100%;
        margin-top: 0;
        margin-left: 0;
        padding: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }
    #mbSubMenu ul {
        margin: 0;
    }
    #mbSubMenu li.HasChildren > a {
        background-image: none;
    }
    .MobileMenuShow #mbMobileMenuToggle button {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z' fill='%23fff'/%3E%3C/svg%3E");
    }
    .MobileMenuShow #mbSubMenu {
        display: block;
    }
    .MobileMenuShow #mbHeaderImage {
        display: none;
    }
    #mbSubMenu li.HasChildren > a {
        background-image: none;
    }
}
@media screen and (max-width:1200px) {
    #mbHeader .logo strong {
        font-size: 24px;
        line-height: 40px;
    }
}
@media screen and (max-width:1000px) {
    #mbHeader .title-bar {
        flex-direction: column;
        gap: 6px;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    #mbHeader .logo {
        flex-basis: 100%;
        width: 100%;
    }
    #mbHeader .logo a {
        margin-right: 0;
    }
    #mbHeader .logo strong {
        font-size: 22px;
        line-height: 40px;
    }
    #mbHeader .search {
        flex-basis: 100%;
        width: 100%;
    }
}
@media screen and (max-width:800px) {
    #mbHeader .logo {
        position: static;
    }
    #mbHeader .top-bar .name {
        display: block;
        font-size: 30px;
        margin-left: 30px;
    }
    #mbHeader .title-bar {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    #mbContainer {
        margin-top: 0px;
    }
    #mbHeader div.top-bar {
        flex-direction: row;
    }
}
@media screen and (max-width:700px) {
    #mbHeader .top-bar .name {
        font-size: 26px;
        margin-left: 26px;
    }
    #mbInternal #mbInternalInfo {
        display: none;
    }
}
@media screen and (max-width:450px) {
    #mbHeader .logo,
    #mbHeader form {
        margin: 0;
    }
    #mbHeader .logo strong {
        font-size: 20px;
        line-height: 40px;
    }
    #mbHeader input[type="text"] {
        padding: 8px;
        font-size: 15px;
        background-image: none;
        width: calc(100% - 40px);
    }
    #mbHeader button[type="submit"] {
        padding: 9px 0px 9px 44px;
        font-size: 15px;
        width: 2px;
        overflow: hidden;
        background-position: left 12px center;
    }
    #mbMobileMenuToggle button {
        padding: 9px;
        margin: 0px 0 0px 10px;
        font-size: 15px;
        width: 44px;
        height: 38px;
    }
    #mbMobileMenuToggle button span {
        display: none;
    }
    #mbSubMenu,
    #mbInternal {
        display: none;
    }
}
@media screen and (max-width:350px) {
    #mbHeader .logo strong {
        font-size: 18px;
        line-height: 22px;
    }
}
/****************************************/
/* Content
/****************************************/
/* ContentHeader */
.mb-wide #mbContentHeader {
    background-color: var(--content-header-wide-bg);
    overflow: hidden;
}
.mb-imgright #mbContentImage {
    width: 40%;
    float: right;
    overflow: hidden;
    margin: 0 0 1em 3%;
}
.mb-imgleft #mbContentImage {
    width: 40%;
    float: left;
    overflow: hidden;
    margin: 0 3% 1em 0;
}
#mbContentImage img {
    margin-top: 6px;
}
@media screen and (max-width:800px) {
    .mb-imgright #mbContentImage,
    .mb-imgleft #mbContentImage {
        width: 100%;
        float: none;
        margin: 1em 0;
    }
}
#mbContentHeader .Ingress,
#mbContentHeader .text {
    max-width: 850px;
}
#mbContentImage img {
    width: 100%;
    height: auto;
    max-height: 380px;
    object-fit: cover;
}
.mb-imgbottom #mbContentImage img,
.mb-imgbottom #mbHeaderImage img {
    object-position: 50% 100%;
}
.ImageText {
    display: block;
    text-align: right;
    font-size: 14px;
    color: #696969;
}
.Ingress {
    margin-bottom: 1em;
}
#mbContent .DataPresentation {
    background-color: white;
}
#mbContent .DataPresentation .Caption,
#mbContent .DataPresentation h2 {
    background-color: var(--caption-bg, gray);
    color: var(--caption-text);
    padding: 0.4em 1em;
    font-weight: 600;
    margin: 0;
    font-size: 20px;
    line-height: 1.5em;
    text-align: center;
}
.MB .Grid {
    background-color: var(--pageinfo-bg, white);
}
.MB .Grid thead tr {
    background-color: var(--caption-bg, gray);
}
.MB .Grid thead tr a {
    color: var(--anchor-text-light);
}
#mbContent .DataPresentation form {
    margin: 1em 2% 1em 2%;
    display: inline-block;
    width: 45%;
}
#mbContent .DataPresentation label {
    display: block;
    width: 100%;
    font-size: 14px;
    color: #333333;
}
#mbContent .DataPresentation select {
    width: 100%;
}
#mbMeasureAreas {
    padding: 1em;
    margin: 2em 0 1em 0;
    background-color: var(--pageinfo-bg);
    border: 1px solid var(--pageinfo-border);
    color: var(--pageinfo-text);
}
/* Items */
#mbContentMain .Item {
    margin: 1em 0;
    overflow: visible;
    overflow-wrap: break-word;
}
#mbContent .Item a {
    text-decoration: none;
}
#mbContent .Item p a {
    text-decoration: underline;
}
#mbContent .Item.Barometer a {
    text-decoration: underline;
}
#mbContainer:not(.mb-cards):not(.mb-all) #mbContent .Item a {
    padding: 0.3em;
    margin: 0 -0.3em;
}
#mbSubContent:not(.mb-cards):not(.mb-all) .Item a {
    margin: 0.3em 0;
}
#mbPage .Item .Content {
    overflow: hidden;
}
#mbPage .Item .Description {
    color: var(--text);
}
#mbContainer:not(.mb-cards) #mbContent .Item .Graph {
    width: 40%;
    height: 200px;
    float: left;
    margin: 0 3% 0 0;
    border: 1px solid lightgray;
    background-color: white;
}
#mbContainer:not(.mb-cards) #mbContent .Item .Graph .GraphInner {
    height: 198px;
}
#mbContainer:not(.mb-cards) #mbContent .Item .ItemImage {
    width: 40%;
    margin: 0 3% 0 0;
    border: 1px solid lightgray;
}
#mbContent .Item[data-mb-unit='Ja/Nej'] .MeasureTool.Chart,
#mbContent .Item.HideGraph .MeasureTool.Chart {
    display: none;
}
#mbContainer .Item>a {
    height: 100%;
    width: 100%;
    display: inline-block;
}
.mb-wide:not(.mb-all) #mbContentMain .ItemGroup {
    background-color: var(--content-itemgroup-1-bg);
}
.mb-wide:not(.mb-all) #mbContentMain .ItemGroup:nth-child(2n) {
    background-color: var(--content-itemgroup-2-bg);
}
.mb-cards.mb-wide:not(.mb-all) #mbContent .ItemGroup .Item:not(.transparent) {
    background-color: var(--content-itemgroup-1-item-bg);
}
.mb-cards.mb-wide:not(.mb-all) #mbContent .ItemGroup:nth-child(2n) .Item:not(.transparent) {
    background-color: var(--content-itemgroup-2-item-bg);
}
.mb-cards #mbContent .Item.Preformatted.card-wide:not(.transparent) {
    border: 1px solid var(--content-item-border);
}
.mb-cards #mbContent .Item.Preformatted.card-wide {
    background-color: transparent !important;
    border-color: transparent !important;
}
/* MeasureTool */
.mb-cards #mbContent .Item .Content .MeasureTool {
    padding: 0.4em 0;
}
.mb-cards #mbContent .Item .Content .MeasureTool {
    display: flex;
    justify-content: space-between;
    border-top: 1px solid Lightgray;
    margin-top: 0;
    padding-top: 6px;
}
.mb-cards #mbContent .Item .MeasureTool ~ .MeasureTool {
    border-top: 0;
    margin-top: 0;
    padding-top: 0;
}
.mb-cards #mbContent .Item .MeasureTool .Caption {
    flex-grow: 1;
    margin: auto;
}
.mb-cards .Item .MeasureTool .Info,
.mb-cards .Item .MeasureTool.LastValue .Info,
.mb-cards .Item .MeasureTool.Trend .Info,
.mb-cards .Item .MeasureTool.ActivityStatus .Info {
    display: none;
}
.mb-cards .Item .MeasureTool.Trend img,
.mb-cards .Item .MeasureTool.Status img,
.mb-cards .Item .MeasureTool.Assessment img {
    margin-right: 0px;
}
.xmb-cards #mbContent .Item .MeasureTool.Assessment {
    justify-content: center;
}
.xmb-cards .Item .MeasureTool.Assessment .Caption {
    display: none;
}
#mbContent .Item a .Content .MeasureTool .Caption {
    font-style: normal;
}
#mbContent .Item .Content .MeasureTool .Value {
    font-weight: bold;
    text-align: right;
}
#mbContent .Item.Activity .MeasureTool.LastValue {
    display: none;
}
.mb-cards .Item .MeasureTool {
    margin: 0 10px;
    font-size: 14px;
}
/* Objects */
#mbContent .Item.Barometer {
    padding: 0.5em 1em;
    background-color: var(--graytone-light);
    margin-top: 2em;
}
#mbSubContent h2,
#mbSubContent .Item.Object .Caption {
    margin-bottom: 0.5em;
}
.MB .BarTable {
    padding: 0;
    margin-top: 0.3em;
    margin-bottom: 1em;
}
@media (max-width: 1200px) {
    .MB .BarTable > div > div:nth-child(2) {
        display: none;
    }
}
.Item.Placeholder p {
    width: 100%;
    height: 100%;
}
.Item.Placeholder img {
    object-fit: cover;
    display: block;
    width: 100%;
    height: 100%;
}
@media screen and (max-width: 800px) {
    .Item.Placeholder {
        display: none;
    }
}
.Datasource {
    margin-bottom: 1em;
}
#mbContainer #mbContent .Item.Targetfulfillment a {
    display: grid;
    grid-template-columns: 40% 57%;
    column-gap: 3%;
}
#mbContainer #mbContent .Item.Targetfulfillment .Graph {
    width: 100%;
    height: 200px;
}
#mbContainer #mbContent .Item.Targetfulfillment .Graph .GraphInner {
    height: 198px;
}
#mbContainer #mbContent .Item.Targetfulfillment a div {
    grid-column-start: 1;
    grid-column-end: 1;
    grid-row-start: 1;
    grid-row-end: 3;
}
#mbContainer #mbContent .Item.Targetfulfillment p {
    color: var(--text);
}
#mbContainer.mb-cards #mbContent .Item.Targetfulfillment a {
display: flex;
flex-direction: column;
padding: 0 1em;
}
#mbContainer.mb-cards #mbContent .Item.Targetfulfillment div {
    order: 1;
}
#mbContainer.mb-cards #mbContent .Item.Targetfulfillment h3 {
    order: 2;
}
#mbContainer.mb-cards #mbContent .Item.Targetfulfillment p {
    order: 3;
}
@media screen and (max-width:550px) {

    #mbContainer:not(.mb-cards) #mbContent .Item.Targetfulfillment a {
        display: flex;
        flex-direction: column;
    }
    #mbContainer:not(.mb-cards) #mbContent .Item.Targetfulfillment div {
        order: 2;
    }
    #mbContainer:not(.mb-cards) #mbContent .Item.Targetfulfillment h3 {
        order: 1;
    }
    #mbContainer:not(.mb-cards) #mbContent .Item.Targetfulfillment p {
        order: 3;
    }
}
/****************************************/
/* Navigation
/****************************************/
/* Topmenu */
#mbMenu {
    padding: 0;
}
#mbMenu ul {
    margin: 0;
    background-color: var(--menu-bg);
}
#mbMenu li {
    display: inline-block;
}
#mbMenu li a {
    display: inline-block;
    padding: 1em;
    text-decoration: none;
    font-weight: 600;
    color: var(--menu-text);
}
#mbMenu li.Selected a, #mbMenu li.Expanded a {
    background-color: var(--menu-selected-bg);
}
#mbMenu li a:hover {
    background-color: var(--menu-focus-bg);
}
/* Submenu */
#mbSubMenu ul a {
    color: var(--submenu-text);
}
#mbSubMenu ul {
    padding-left: 0;
    margin-left: 0;
    margin-top: 0;
    background-color: var(--submenu-bg);
}
#mbSubMenu > ul {
    border-bottom: 1px solid var(--submenu-border);
}
#mbSubMenu li {
    padding-left: 0;
    margin-left: 0;
    list-style-type: none;
    list-style-position: outside;
}
#mbSubMenu li.HasChildren {
    list-style-type: none;
    list-style-position: inside;
}
#mbSubMenu li > a {
    border-left: 9px solid transparent;
}
#mbSubMenu li a {
    display: block;
    padding: 10px 6% 10px 0;
    background-repeat: no-repeat;
    background-size: 12px;
    background-position: 95% center;
}
#mbSubMenu li.HasChildren>a {
    background-image: url(images/main/HasChildrenArrow.png);
    padding-right: 12%;
    background-position: 96% center;
}
#mbSubMenu li.Expanded>a {
    background-image: url(images/main/ExpandedArrow.png);
    padding-right: 12%;
    background-position: 96% center;
}
#mbSubMenu ul li.Selected>a {
    background-color: var(--submenu-selected-bg);
    border-color: var(--submenu-selected-border);
    color: var(--submenu-selected-text, Black);
    font-weight: 500;
}
#mbSubMenu ul a:focus, #mbSubMenu ul a:hover {
    background-color: var(--submenu-focus-bg);
    border-color: var(--submenu-focus-border);
    color: var(--submenu-focus-text, Black);
}
#mbSubMenu .Header {
    line-height: 150%;
    font-size: 20px;
    background-color: var(--submenu-header-bg);
    border-bottom: 1px solid var(--submenu-header-border);
}
#mbSubMenu .Header a {
    display: block;
    font-weight: 400;
    font-size: 22px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='white' d='M0 96C0 78.3 14.3 64 32 64H416c17.7 0 32 14.3 32 32s-14.3 32-32 32H32C14.3 128 0 113.7 0 96zM0 256c0-17.7 14.3-32 32-32H416c17.7 0 32 14.3 32 32s-14.3 32-32 32H32c-17.7 0-32-14.3-32-32zM448 416c0 17.7-14.3 32-32 32H32c-17.7 0-32-14.3-32-32s14.3-32 32-32H416c17.7 0 32 14.3 32 32z'/%3E%3C/svg%3E");
    background-size: 18px;
    background-repeat: no-repeat;
    background-position: calc(4% + 9px) center;
    padding-left: calc(4% + 36px);
    padding-top: 13px;
    padding-bottom: 13px;
    padding-right: 6%;
    color: var(--submenu-header-text);
}
#mbSubMenu ul a {
    padding-left: 4%;
}
#mbSubMenu ul ul a {
    padding-left: 10%;
}
#mbSubMenu ul ul ul a {
    padding-left: 16%;
}
#mbSubMenu ul ul ul ul a {
    padding-left: 22%;
}
#mbSubMenu ul ul ul ul ul a {
    padding-left: 28%;
}
#mbSubMenu ul ul ul ul ul ul a {
    padding-left: 34%;
}
#mbSubMenu ul ul ul ul ul ul ul a {
    padding-left: 40%;
}
/****************************************/
/* Content menu
/****************************************/
#mbContentMenu {
    clear: both;
    border-bottom: 1px solid #999;
    color: #333;
    overflow: visible;
    margin: 2em 0 1em 0;
    padding-left: 1em;
}
#mbContentMenu:after {
    content: "";
    display: table;
    clear: both;
}
#mbContentMenu .Empty {
    display: none;
}
#mbContentMenu li {
    list-style: none;
    float: left;
    padding: 0;
    margin: 0;
    line-height: 1.2em;
    position: relative;
    top: 1px;
}
#mbContentMenu li a, #mbContentMenu li > span {
    display: block;
    border-style: solid;
    border-width: 3px 1px 1px 1px;
    background-color: #f5f3ee;
    border-color: #dddddd;
    border-bottom-color: #999999;
    border-top-color: #dddddd;
    padding: 8px 20px;
    margin: 0;
    text-decoration: none;
    line-height: 24px;
}
#mbContentMenu li.Selected > span {
    border-color: #999999;
    border-bottom-color: transparent;
    font-weight: bold;
}
#mbContentMenu a:focus,
#mbContentMenu a:hover {
    border-top-color: var(--tab-focus-border);
    background-color: var(--tab-selected-bg);
}
#mbContentMenu a:hover {
    outline: 0;
}
#mbContentMenu li.Selected > span {
    border-top-color: var(--tab-selected-border);
    background-color: var(--tab-selected-bg);
}
#mbContentMenu li a {
    border-top-color: var(--tab-border);
    background-color: var(--tab-bg);
}
#mbContentMenu li.Disabled {
    display: none;
}
@media screen and (max-width:500px) {
    #mbContentMenu {
        border-bottom-width: 0px;
        padding-left: 0;
    }
    #mbContentMenu li a, #mbContentMenu li > span {
        border: 1px solid transparent;
        background-color: transparent;
        border-bottom: 3px solid var(--tab-border);
        padding: 8px 8px;
        margin: 10px 8px 0 0;
    }
    #mbContentMenu a:hover {
        border-color: transparent;
        border-bottom-color: var(--tab-focus-border);
    }
    #mbContentMenu li.Selected > span {
        background-color: transparent;
        border-color: transparent;
        border-bottom-color: var(--tab-selected-border);
        font-weight: normal;
    }
}
/****************************************/
/* PageInfo
/****************************************/
/* PageInfo */
#mbPageInfo {
    clear: both;
}
#mbPageInfo>div {
    padding-bottom: 1em;
}
.mb-wide #mbPageInfo {
    display: none;
}
#mbContact {
    background-color: var(--pageinfo-bg);
    color: var(--pageinfo-text);
    display: flex;
    padding: 4% 4% 2% 4%;
    border-width: 0;
    margin-bottom: 2em;
}
#mbContact a {
    color: var(--pageinfo-anchor-text);
}
#mbContact div {
    flex: 1 1 0px;
    flex-wrap: wrap;
    margin-right: 4%;
}
#mbContact div:last-child {
    margin-right: 0;
}
#mbContact .Label,
#mbOccurrences .Label {
    display: block;
    padding-bottom: 6px;
    border-bottom: 1px solid var(--pageinfo-border);
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
}
#mbContact ul {
    padding-left: 20px;
    margin: 12px 0;
}
@media screen and (max-width:600px) {
    #mbContact {
        flex-direction: column;
    }
    #mbContact div {
        margin-right: 0;
    }
}
/* Occurrences */
#mbOccurrences {
    background-color: var(--pageinfo-bg);
    color: var(--pageinfo-text);
    padding: 4% 4% 1% 4%;
    margin-bottom: 2em;
}
.mb-projectpage #mbOccurrences,
.mb-areapage #mbOccurrences {
    display: none;
}
#mbOccurrences ul {
    padding: 0;
}
#mbOccurrences li {
    display: inline;
}
#mbOccurrences li a {
    display: inline-block;
    background-color: whitesmoke;
    padding: 5px 10px;
    margin: 0 10px 10px 0;
}
.MB .ShowMoreButton {
    margin-bottom: 19px;
}
/* Updated */
#mbUpdated {
    margin: 0;
    border-top: 1px solid var(--pageinfo-border);
    border-bottom: 1px solid var(--pageinfo-border);
    line-height: 1;
    color: var(--pageinfo-text);
    background-color: var(--pageinfo-bg);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M232 120C232 106.7 242.7 96 256 96C269.3 96 280 106.7 280 120V243.2L365.3 300C376.3 307.4 379.3 322.3 371.1 333.3C364.6 344.3 349.7 347.3 338.7 339.1L242.7 275.1C236 271.5 232 264 232 255.1L232 120zM256 0C397.4 0 512 114.6 512 256C512 397.4 397.4 512 256 512C114.6 512 0 397.4 0 256C0 114.6 114.6 0 256 0zM48 256C48 370.9 141.1 464 256 464C370.9 464 464 370.9 464 256C464 141.1 370.9 48 256 48C141.1 48 48 141.1 48 256z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 4% 50%;
    background-size: auto 24px;
    padding: 2% 4% 2% calc(4% + 30px);
}
#mbContentHeader .MeasureList {
    background-color: var(--pageinfo-bg);
    color: var(--pageinfo-text);
    padding: 2% 4%;
    border-width: 0;
    margin-bottom: 2em;
}
#mbContentHeader .MeasureList p {
    margin: 0;
}

/****************************************/
/* SubContent
/****************************************/
.mb-wide #mbSubContent {
    background-color: var(--subcontent-wide-bg);
}
#mbSubContent a {
    text-decoration: none;
}
#mbSubContent a:hover .Caption {
    text-decoration: underline;
}
/* SubContent Two Column Layout */
#mbSubContent .ChildList {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-top: 2em;
}
#mbSubContent .ItemGroup {
    width: 48%;
    margin-bottom: 2em;
    padding: 4%;
    background-color: var(--subcontent-itemgroup-1-bg);
    color: var(--subcontent-itemgroup-text)
}
#mbSubContent .ItemGroup:nth-child(3n-1) {
    background-color: var(--subcontent-itemgroup-2-bg);
}
#mbSubContent .ItemGroup:nth-child(3n-0) {
    background-color: var(--subcontent-itemgroup-3-bg);
}
#mbSubContent .ItemGroup:only-child {
    width: 100%;
}
#mbSubContent .ItemGroup h2 {
    margin-top: 0;
}
#mbSubContent .ItemGroup a {
    color: var(--subcontent-itemgroup-anchor-text)
}
/* SubContent Items */
#mbSubContent .Item .Content {
    background-image: url(images/main/arrow.png);
    background-position: left top;
    background-repeat: no-repeat;
    background-size: clamp(18px, 7%, 26px);
    background-position: left 2px;
    padding-left: clamp(24px, 9%, 36px);
    min-height: 28px;
}
#mbSubContent .Item.ExternalLink .Content {
    background-image: url(images/main/link.png);
}
#mbSubContent .Item.Report .Content {
    background-image: url(images/main/doc.png);
}
#mbSubContent .Item img + div.Content {
    background-image: none !important;
    padding-left: 4% !important;
}
#mbSubContent .Item .ItemImage {
    width: clamp(30px, 20%, 100px);
}
/****************************************/
/* Control
/****************************************/
#mbContentMain .Item.Control {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 10px 0;
}
/*
#mbContentMain .Item.Control h3 {
    display: none;
}
*/
#mbContentMain .Item.Control div {
    border: 1px solid lightgray;
    width: 250px;
}
#mbContentMain .Item.Control ul {
    width: 250px;
    position: relative;
    left: -1px;
}
#mbContentMain .Item.Control input {
    width: 80%;
    height: 40px;
    font-size: 16px;
    line-height: 16px;
    padding: 0 4%;
    margin: 0;
    border-width: 0;
}
#mbContentMain .Item.Control button {
    width: 20%;
    height: 40px;
    border-width: 0;
}
@media screen and (max-width:400px) {
    #mbContentMain .Item.Control {
        text-align: center;
    }
    #xmbContentMain .Item.Control h3 span {
        padding: 0.6em 1em !important;
    }
    #xmbContentMain .Item.Control div {
        width: 90%;
        border-width: 1px;
        border-top-width: 0;
        margin: 0 auto;
    }
}
/****************************************/
/* Footer
/****************************************/
#mbFooter {
    background-color: var(--footer-bg);
    border-top: var(--footer-border-width, 0) solid var(--footer-border, white);
}
#mbFooter a {
    color: var(--footer-text);
}
.mb-provider {
    text-align: right;
    margin-bottom: 1em;
    font-size: 13px;
    padding: 5px;
}
/****************************************/
/* Page customizations
/****************************************/
/* Project page */
.mb-projectpage #mbCaption {
    display: none;
}
.mb-projectpage.mb-se #mbPath {
    display: none;
}
/* All-page */
.mb-all #mbContent .Item .MeasureTool {
    padding: 0 16px 0 0;
    position: relative;
    top: 2px;
}
.mb-all #mbSubContent {
    display: none;
}
.mb-all ul.ItemGroup {
    list-style-type: none;
    padding: 0;
}
/* mb-searchpage */
.mb-searchpage #mbPage {
    width: 100%;
    font-size: 18px;
}
#mbSearchHits,
#mbSearchCategoryTypes {
    margin-top: 2em;
}
#mbSearchCategoryTypes {
    background-color: var(--graytone-light);
    padding: 0 1em 1em 1em;
}
.mb-searchpage #mbSearchResultInfo {
    margin: 1em 0;
    font-weight: bold;
    font-size: 24px;
}
.mb-searchpage .Label {
    display: inline-block;
    background-color: #fffbd6;
    padding: 1px 2px;
}
.mb-searchpage .Item strong {
    display: block;
}
.mb-searchpage .Item p {
    display: inline-block;
    padding: 1px 2px;
}
.mb-searchpage #mbSubContent,
.mb-searchpage #mbPageInfo,
.mb-searchpage #mbSubMenu,
.mb-searchpage #mbMenu {
    display: none;
}
.mb-searchpage ol {
    list-style-type: none;
    padding: 0;
}
/****************************************/
/* Page templates
/****************************************/
.mb-start #mbPath,
.mb-hidepath #mbPath {
    display: none;
}
/* Cards */
.mb-cards:not(.mb-all) #mbContentMain .ItemGroup {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: flex-start;
    margin: 0 -1.5%;
}
.mb-cards.mb-wide #mbContentMain .ItemGroup {
    margin: 0;
}
.mb-cards #mbContentMain h2,
#mbContent .ItemGroup.One h2,
#mbContent .ItemGroup.Two h2,
#mbContent .ItemGroup.Three h2,
#mbContent .ItemGroup.Four h2,
#mbContent .ItemGroup.Five h2 {
    flex-basis: 100%;
}
.mb-cards .Item p {
    margin-bottom: 10px;
}
.xItem .GraphInner.Compact svg {
    padding-top: 5px;
}
/* Three (Standard) */
.mb-cards:not(.mb-all) #mbContent .Item,
#mbContent .ItemGroup.Cards .Item,
#mbContent #mbContentMain .ItemGroup.Three .Item {
    width: 30.33%;
    margin: 1.5%;
}
.mb-cards:not(.mb-all) #mbContent .Item:not(.transparent),
#mbContent .ItemGroup.Cards .Item:not(.transparent),
#mbContent #mbContentMain .ItemGroup.Three .Item:not(.transparent) {
    background-color: white;
    border: 1px solid var(--content-item-border);
}
.mb-cards #mbContent .Item .ItemImage,
.mb-cards .Item .Chart .Graph,
.mb-cards .Item .GraphInner.Compact,
.mb-cards .Item .Chart .MapContainer {
    height: 13vw;
    max-height: 194px;
}
/* One */
.mb-cards.mb-one:not(.mb-all) #mbContent .Item,
#mbContent #mbContentMain .ItemGroup.One .Item,
#mbContent #mbContentMain .Item.One {
    width: 100% !important;
}
/* Two */
.mb-cards.mb-two:not(.mb-all) #mbContent .Item,
#mbContent #mbContentMain .ItemGroup.Two .Item {
    width: 47%;
}
/* First large */
#mbContent #mbContentMain .ItemGroup.f-large .Item:first-of-type {
    width: 63.66%;
}
/* Four */
.mb-cards.mb-four:not(.mb-all) #mbContent .Item,
#mbContent #mbContentMain .ItemGroup.Four .Item {
    width: 22%;
}
/* Five */
.mb-cards.mb-five #mbContentMain .Item,
#mbContent #mbContentMain .ItemGroup.Five .Item {
    width: 17%;
}
.mb-cards.mb-wide #mbContent .Item .ItemImage,
.mb-cards.mb-wide .Item .Chart .Graph,
.mb-cards.mb-wide .Item .GraphInner.Compact,
.mb-cards.mb-wide .Item .Chart .MapContainer {
    height: 19vw;
    max-height: 227px;
}
.mb-cards.mb-two #mbContent .Item .ItemImage,
.mb-cards.mb-two #mbContent .Item .Chart .Graph,
.mb-cards.mb-two #mbContent .Item .GraphInner.Compact,
.mb-cards #mbContent .ItemGroup.Two .Item .ItemImage,
.mb-cards #mbContent .ItemGroup.Two .Item .Chart .Graph,
.mb-cards #mbContent .ItemGroup.Two .Item .GraphInner.Compact {
    height: 20vw;
    max-height: 227px;
}
.mb-cards.mb-four #mbContent .Item .ItemImage,
.mb-cards.mb-four #mbContent .Item .Chart .Graph,
.mb-cards.mb-four #mbContent .Item .GraphInner.Compact,
.mb-cards #mbContent .ItemGroup.Four .Item .ItemImage,
.mb-cards #mbContent .ItemGroup.Four .Item .Chart .Graph,
.mb-cards #mbContent .ItemGroup.Four .Item .GraphInner.Compact {
    height: 14vw;
    max-height: 207px;
}
.mb-cards.mb-five #mbContent .Item .ItemImage,
.mb-cards.mb-five #mbContent .Item .Chart .Graph,
.mb-cards.mb-five #mbContent .Item .GraphInner.Compact,
.mb-cards #mbContent .ItemGroup.Five .Item .ItemImage,
.mb-cards #mbContent .ItemGroup.Five .Item .Chart .Graph,
.mb-cards #mbContent .ItemGroup.Five .Item .GraphInner.Compact {
    height: 11vw;
    max-height: 160px;
}
.mb-cards.mb-five #mbContentMain .Item h3.Caption,
#mbContent #mbContentMain .ItemGroup.Five .Item h3.Caption {
    font-size: 16px;
}
.mb-cards #mbContentMain .Item.Barometer {
    text-align: left;
}
.mb-cards #mbContentMain .Item > a,
#mbContent .ItemGroup.Cards .Item > a {
    display: flex;
    flex-direction: column;
}
.mb-cards #mbContentMain .Item:not(.transparent) .Content,
#mbContent .ItemGroup.Cards .Item:not(.transparent) .Content {
    padding: 1em;
    display: flex;
    flex-direction: column;
}
.mb-cards #mbContentMain .Item.Preformatted:not(.card-wide):not(.transparent) {
    padding: 1em;
}
.mb-cards.mb-five #mbContentMain .Item .Content,
#mbContent .ItemGroup.Cards.Five .Item .Content {
    padding: 3% 4%;
}
.mb-cards #mbContentMain .Item .Content > *,
#mbContent .ItemGroup.Cards .Item .Content > * {
    flex-grow: 0;
}
.mb-cards #mbContentMain .Item h3,
#mbContent .ItemGroup.Cards .Item h3 {
    margin: 0.5em 0;
}
.mb-cards.mb-hidedescription #mbContentMain .Item .Content > .Caption,
.mb-hidedescription #mbContent .ItemGroup.Cards .Item .Content .Caption {
    flex-grow: 1;
}
.mb-cards #mbContentMain .Item .Content .Description,
#mbContent .ItemGroup.Cards .Item .Content .Description {
    flex-grow: 20;
}
.mb-cards #mbContentMain .Item .ItemImage,
#mbContent #mbContentMain .ItemGroup.Cards .Item .ItemImage {
    width: 100%;
    float: none;
    margin: 0;
    object-fit: cover;
}
.mb-cards.mb-imgcontain #mbContentMain .Item .ItemImage,
#mbContent #mbContentMain .ItemGroup.ImgContain .Item .ItemImage {
    object-fit: contain;
}
.mb-cards .Item a,
#mbContent .ItemGroup.Cards .Item a {
    flex: 0 0 auto;
}
.mb-cards .Item .Content,
#mbContent .ItemGroup.Cards .Item .Content {
    flex: 2 1 auto;
}
.mb-cards #mbContent .Item .Description p {
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.mb-cards .Item .MeasureTool.Chart .Graph {
    margin: 0 !important;
    border: 0;
    width: 100%;
}
.mb-cards #mbContent .Item .MapContainer {
    margin: 0 !important;
    border: 0;
    width: 100%;
}
#mbContent .Item.Map .MapContainer {
    margin: 0.5em 0 !important;
}
.mb-cards.mb-icons #mbContentMain .ItemImage {
    width: 75%;
    margin: 1em auto 0 auto;
    object-fit: contain;
}
@media screen and (max-width:1200px) {
    .mb-cards #mbSubMenu {
        display: none;
    }
    .mb-cards #mbContentWrapper #mbPage {
        width: 100%;
    }
    .mb-cards #mbContentMain .Item .ItemImage,
    .mb-cards .Item .MeasureTool.Chart .Graph,
    .mb-cards .Item .GraphInner.Compact,
    .mb-cards .Item .Chart .MapContainer {
        height: 19vw;
        max-height: none;
    }
    .mb-cards.mb-two #mbContent .Item .ItemImage,
    .mb-cards.mb-two #mbContent .Item .Chart .Graph,
    .mb-cards.mb-two #mbContent .Item .GraphInner.Compact,
    .mb-cards #mbContent .ItemGroup.Two .Item .ItemImage,
    .mb-cards #mbContent .ItemGroup.Two .Item .Chart .Graph,
    .mb-cards #mbContent .ItemGroup.Two .Item .GraphInner.Compact {
        height: 26.6vw;
        max-height: 248px;
    }
}
@media screen and (max-width:1000px) {
    .mb-cards #mbContentMain .Item {
        font-size: 15px;
    }
    .mb-cards.mb-four:not(.mb-all) #mbContent .Item {
        width: 30.33%;
    }
    .mb-cards.mb-four #mbContent .Item .ItemImage,
    .mb-cards.mb-four #mbContent .Item .MeasureTool.Chart .Graph,
    .mb-cards.mb-four #mbContent .Item .GraphInner.Compact {
        height: 19vw;
        max-height: none;
    }
    #mbContent.mb-cards.mb-five:not(.mb-all) .Item {
        width: 22%;
    }
    .mb-cards.mb-five #mbContent .Item .ItemImage,
    .mb-cards.mb-five #mbContent .Item .MeasureTool.Chart .Graph,
    .mb-cards.mb-five #mbContent .Item .GraphInner.Compact {
        height: 13.4vw;
        max-height: 184px;
    }
}
@media screen and (max-width:800px) {
    .mb-cards:not(.mb-all) #mbContent #mbContentMain .Item {
        width: 47%;
    }
    /* first large */
    #mbContent #mbContentMain .ItemGroup.f-large .Item:first-of-type {
        width: 100%;
    }
    .mb-cards #mbContent #mbContentMain .Item .ItemImage,
    .mb-cards #mbContent #mbContentMain .Item .MeasureTool.Chart .Graph,
    .mb-cards #mbContent #mbContentMain .Item .GraphInner.Compact,
    .mb-cards #mbContent #mbContentMain .Item .Chart .MapContainer {
        height: 26.6vw;
        max-height: none;
    }
    .mb-cards #mbContent .Item .Description p {
        -webkit-line-clamp: 5;
    }
    .mb-cards.mb-icons #mbContentMain .Item,
    .mb-cards.mb-smaller:not(.mb-all) #mbContent #mbContentMain .Item,
    .mb-cards.mb-five:not(.mb-all) #mbContent #mbContentMain .Item {
        width: 30.33%;
    }
    .mb-cards.mb-smaller #mbContent #mbContentMain .Item .ItemImage,
    .mb-cards.mb-smaller #mbContent #mbContentMain .Item .MeasureTool.Chart .Graph,
    .mb-cards.mb-smaller #mbContent #mbContentMain .Item .GraphInner.Compact,
    .mb-cards.mb-five #mbContent #mbContentMain .Item .ItemImage,
    .mb-cards.mb-five #mbContent #mbContentMain .Item .MeasureTool.Chart .Graph,
    .mb-cards.mb-five #mbContent #mbContentMain .Item .GraphInner.Compact {
        height: 18.5vw;
        max-height: 254px;
    }
    .mb-cards.mb-smaller #mbContent #mbContentMain .Item .Content {
        padding: 0.4em 0.4em;
    }
    .mb-cards.mb-smaller #mbContentMain .Item .Content > .Caption {
        font-size: 15px;
        margin: 0 !important;
        text-align: center;
    }
    .mb-smaller .Item .Description,
    .Smaller .Item .Description {
    display: none;
    }
}
@media screen and (max-width:550px) {
    .mb-cards:not(.mb-all) #mbContent #mbContentMain .Item,
    .mb-cards.mb-smaller:not(.mb-all) #mbPage #mbContent #mbContentMain .Item {
        width: 97%;
    }
    .mb-cards #mbContent #mbContentMain .Item .ItemImage,
    .mb-cards #mbContent #mbContentMain .Item .MeasureTool.Chart .Graph,
    .mb-cards #mbContent #mbContentMain .Item .GraphInner.Compact,
    .mb-cards #mbContent #mbContentMain .Item .Chart .MapContainer {
        height: 45vw;
    }
    .mb-cards.mb-smaller #mbContentMain .Item a,
    #mbContent .ItemGroup.Cards.Smaller .Item a {
        display: flex;
        flex-direction: row;
        align-items: center;
    }
    .mb-cards.mb-smaller #mbPage #mbContent #mbContentMain .Item .ItemImage {
        width: 90px;
        height: 60px;
        margin: 0;
        flex-shrink: 0;
    }
    .mb-cards.mb-smaller #mbContent #mbContentMain .Item .Content {
        padding: 0 3%;
    }
    .mb-cards.mb-smaller #mbContentMain .Item .Content > .Caption {
        text-align: left;
    }
    .mb-cards.mb-five:not(.mb-all) #mbContent #mbContentMain .Item {
        width: 47%;
    }
    .mb-cards.mb-five:not(.mb-all) #mbContent #mbContentMain .Item .ItemImage,
    .mb-cards.mb-five:not(.mb-all) #mbContent #mbContentMain .Item .MeasureTool.Chart .Graph,
    .mb-cards.mb-five:not(.mb-all) #mbContent #mbContentMain .Item .GraphInner.Compact {
        height: 29.5vw;
    }
}
@media screen and (max-width:400px) {
    .mb-cards.mb-smaller #mbPage #mbContent #mbContentMain .Item .ItemImage {
        width: 60px;
    }
    .mb-cards.mb-five:not(.mb-all) #mbContent #mbContentMain .Item {
        width: 97%;
    }
    .mb-cards.mb-five:not(.mb-all) #mbContent #mbContentMain .Item .ItemImage,
    .mb-cards.mb-five:not(.mb-all) #mbContent #mbContentMain .Item .MeasureTool.Chart .Graph,
    .mb-cards.mb-five:not(.mb-all) #mbContent #mbContentMain .Item .GraphInner.Compact {
        height: 45vw;
    }
}
/* Wide */
.mb-wide #mbSubMenu {
    display: none;
}
.mb-wide #mbPage {
    width: 100%;
}
/* Hide activity status */
.mb-hidestatus div.Control.Group,
.mb-hidestatus div.Control.Filter div[data-mb-column="status"],
.mb-hidestatus div.Control.Filter li[data-mb-column="status"],
.mb-hidestatus .Grid .ActivityStatus,
.mb-hidestatus .MeasureList > div:first-of-type {
    display: none;
}
/* Hide Compare tab */
.mb-hidecompare.mb-indicatorpage #mbContentMenu li:last-child {
    display: none;
}
/* Hide preamble */
.mb-hidepreamble .Ingress,
.mb-main .Ingress {
    display: none;
}
/****************************************/
/* Item Group templates
/****************************************/
/* HideH2 */
#mbPage .ItemGroup.HideH2 h2 {
    display: none
}
/* Line */
#mbContent .ItemGroup.Line h2 {
    display: none;
}
#mbPage .ItemGroup.Line:before {
    content: "";
    display: block;
    width: 100%;
    margin: 1.5%;
    border-top: 1px solid Lightgray;
}
/* Wide */
#mbContent .ItemGroup.Wide .Item {
    width: 100% !important;
}
#mbContent .ItemGroup.Wide .Item {
    width: 100% !important;
}
#mbContent .ItemGroup.Wide .Article {
    border-width: 0 !important;
    background-color: transparent !important;
}
#mbContent .ItemGroup.Wide .Article a {
    display: inline-block;
}
#mbContent .ItemGroup.Wide .Article h2,
#mbContent .ItemGroup.Wide .Article h3,
#mbContent .ItemGroup.Wide .Article h4,
#mbContent .ItemGroup.Wide .Article h5,
#mbContent .ItemGroup.Wide .Article h6 {
    margin: 1.2em 0 0.5em 0;
}
#mbSubContent .ItemGroup.Wide {
    width: 100%;
}
/* Compact status box */
.ItemGroup.OvergripandeStatuskl {
    background-color: #f2f2f2;
    border-left: 6px solid #dadada;
    padding: 1px 1em 1em 1em;
    margin: 0 !important;
}
#mbContainer:not(.mb-cards) #mbContentMain .ItemGroup.OvergripandeStatuskl .Item {
    padding: 0;
    margin: 0;
}
.ItemGroup.OvergripandeStatuskl .Item .Chart,
.ItemGroup.OvergripandeStatuskl .Item .Description,
.ItemGroup.OvergripandeStatuskl .Item .MeasureTool.Trend,
.ItemGroup.OvergripandeStatuskl .Item .MeasureTool.LastValue .Caption {
    display: none !important;
}
#mbContentMain .ItemGroup.OvergripandeStatuskl .Item h3 {
    margin-right: 4px;
    margin-bottom: 0;
    text-decoration: underline;
}
.ItemGroup.OvergripandeStatuskl .Item h3:after {
    content: ": " !important;
    border-style: none !important;
    transform: none !important;
    margin: 0 !important;
}
.ItemGroup.OvergripandeStatuskl .Item h3,
#mbContent .ItemGroup.OvergripandeStatuskl .Item .MeasureTool {
    color: black;
    float: left;
    font-size: 18px;
    font-weight: 500;
    margin: 0;
    top: 0;
    line-height: 20px;
    min-width: 150px;
}
.mb-cards #mbContent .ItemGroup.OvergripandeStatuskl .Item .MeasureTool {
    margin-top: 10px;
}
.Item[data-mb-unit='Hög/God/Måttlig/Otillfredsställande/Dålig'][data-mb-statusx='-1'] .Value:before,
body[data-mb-unit='Hög/God/Måttlig/Otillfredsställande/Dålig'] #mbDataTable td[data-mb-value="1"] p:before,
body[data-mb-unit='Hög/God/Måttlig/Otillfredsställande/Dålig'] #mbDataCompare td[data-mb-value="1"]:before {
    content: "";
    display: inline-block;
    background-color: #1e90ff;
    border-radius: 50%;
    width: 10px;
    height: 10px;
    margin: 0 4px;
}
.Item[data-mb-unit='Hög/God/Måttlig/Otillfredsställande/Dålig'][data-mb-statusx='-2'] .Value:before,
body[data-mb-unit='Hög/God/Måttlig/Otillfredsställande/Dålig'] #mbDataTable td[data-mb-value="2"] p:before,
body[data-mb-unit='Hög/God/Måttlig/Otillfredsställande/Dålig'] #mbDataCompare td[data-mb-value="2"]:before,
.Item[data-mb-unit='God/Uppnår ej god/Ej klassificerad'][data-mb-statusx='-2'] .Value:before,
body[data-mb-unit='God/Uppnår ej god/Ej klassificerad'] #mbDataTable td[data-mb-value="2"] p:before,
body[data-mb-unit='God/Uppnår ej god/Ej klassificerad'] #mbDataCompare td[data-mb-value="2"]:before {
    content: "";
    display: inline-block;
    background-color: #43b02a;
    border-radius: 50%;
    width: 10px;
    height: 10px;
    margin: 0 4px;
}
.Item[data-mb-unit='Hög/God/Måttlig/Otillfredsställande/Dålig'][data-mb-statusx='-3'] .Value:before,
body[data-mb-unit='Hög/God/Måttlig/Otillfredsställande/Dålig'] #mbDataTable td[data-mb-value="3"] p:before,
body[data-mb-unit='Hög/God/Måttlig/Otillfredsställande/Dålig'] #mbDataCompare td[data-mb-value="3"]:before {
    content: "";
    display: inline-block;
    background-color: #ffd800;
    border-radius: 50%;
    width: 10px;
    height: 10px;
    margin: 0 4px;
}
.Item[data-mb-unit='Hög/God/Måttlig/Otillfredsställande/Dålig'][data-mb-statusx='-4'] .Value:before,
body[data-mb-unit='Hög/God/Måttlig/Otillfredsställande/Dålig'] #mbDataTable td[data-mb-value="4"] p:before,
body[data-mb-unit='Hög/God/Måttlig/Otillfredsställande/Dålig'] #mbDataCompare td[data-mb-value="4"]:before {
    content: "";
    display: inline-block;
    background-color: #fea51f;
    border-radius: 50%;
    width: 10px;
    height: 10px;
    margin: 0 4px;
}
.Item[data-mb-unit='Hög/God/Måttlig/Otillfredsställande/Dålig'][data-mb-statusx='-5'] .Value:before,
body[data-mb-unit='Hög/God/Måttlig/Otillfredsställande/Dålig'] #mbDataTable td[data-mb-value="5"] p:before,
body[data-mb-unit='Hög/God/Måttlig/Otillfredsställande/Dålig'] #mbDataCompare td[data-mb-value="5"]:before,
.Item[data-mb-unit='God/Uppnår ej god/Ej klassificerad'][data-mb-statusx='-5'] .Value:before,
body[data-mb-unit='God/Uppnår ej god/Ej klassificerad'] #mbDataTable td[data-mb-value="5"] p:before,
body[data-mb-unit='God/Uppnår ej god/Ej klassificerad'] #mbDataCompare td[data-mb-value="5"]:before {
    content: "";
    display: inline-block;
    background-color: #c8102e;
    border-radius: 50%;
    width: 10px;
    height: 10px;
    margin: 0 4px;
}
.Item[data-mb-unit='God/Uppnår ej god/Ej klassificerad'][data-mb-statusx='0'] .Value:before,
body[data-mb-unit='God/Uppnår ej god/Ej klassificerad'] #mbDataTable td[data-mb-value="0"] p:before,
body[data-mb-unit='God/Uppnår ej god/Ej klassificerad'] #mbDataCompare td[data-mb-value="0"]:before {
    content: "";
    display: inline-block;
    background-color: gray;
    border-radius: 50%;
    width: 10px;
    height: 10px;
    margin: 0 4px;
}
/****************************************/
/* Item templates
/****************************************/
/* Disabled */
.Item.disabled .ItemImage,
.Item.disabled .Content {
    opacity:0.5;
    filter: grayscale(100%);
}
/* Box */
.mb-infobox {
    padding: 1em;
    background-color: #ffffcc;
    border-left: 5px solid #ffeb3b;
    text-align: left;
}
/* Card Wide */
.mb-cards #mbContent .Item.card-wide {
    width: 100% !important;
}
.mb-cards #mbContent .Item.card-wide.Barometer {
    padding: 0 1em;
    margin-top: 1em;
}
/* Card Left */
@media screen and (min-width: 551px) {
    #mbPage .Item.card-left {
        width: 100% !important;
    }
    #mbPage .Item.card-left a {
        flex-direction: row;
        justify-content: space-between;
    }
    #mbPage .Item.card-left .ItemImage,
    #mbPage .Item.card-left .MeasureTool.Chart {
        width: 31.33%;
        margin-right: 1%;
    }
    #mbPage .Item.card-left .Content {
        width: 66% !important;
        padding: 0.5em 1em 0.2em 1em !important;
    }
    #mbPage .Item.card-left .Content > .Caption {
        text-align: left !important;
    }
}
/* Card Icon */
.mb-cards #mbPage .Item.card-icon .ItemImage {
    object-fit: contain;
}
/* Shift-weights */
.mb-shift-weights .Item .Description p {
    font-size: 22px;
    line-height: 30px;
    font-weight: 600;
    margin-bottom: 0.5em;
    color: var(--anchor-text);
}
.mb-shift-weights .Item a:hover .Description p {
    text-decoration: underline;
}
.mb-shift-weights .Item h3 {
    font-size: 18px;
    line-height: 31.5px;
    color: black;
}
.mb-shift-weights .Item a:hover h3 {
    text-decoration: none;
}
/****************************************/
/* Buttons
/****************************************/
.MB strong a,
.Item.button a {
    display: inline-block;
    padding: 12px 55px 12px 22px !important;
    background-color: var(--button-bg);
    color: var(--button-text);
    border-radius: 22px;
    font-size: 16px;
    line-height: 22px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48cGF0aCBkPSJNMTkwLjUgNjYuOWwyMi4yLTIyLjJjOS40LTkuNCAyNC42LTkuNCAzMy45IDBMNDQxIDIzOWM5LjQgOS40IDkuNCAyNC42IDAgMzMuOUwyNDYuNiA0NjcuM2MtOS40IDkuNC0yNC42IDkuNC0zMy45IDBsLTIyLjItMjIuMmMtOS41LTkuNS05LjMtMjUgLjQtMzQuM0wzMTEuNCAyOTZIMjRjLTEzLjMgMC0yNC0xMC43LTI0LTI0di0zMmMwLTEzLjMgMTAuNy0yNCAyNC0yNGgyODcuNEwxOTAuOSAxMDEuMmMtOS44LTkuMy0xMC0yNC44LS40LTM0LjN6IiBmaWxsPSIjZmZmIi8+PC9zdmc+Cg==);
    background-repeat: no-repeat;
    background-position: right 20px center;
    background-size: auto 16px;
    text-decoration: none;
}
.ItemGroup.buttons a {
    display: inline-block;
    padding: 12px 22px !important;
    background-color: var(--button-bg);
    color: var(--button-text);
    background-image: none;
    border-radius: 22px;
    font-size: 16px;
    line-height: 22px;
    text-decoration: none;
}
.ItemGroup.buttons {
    display: block !important;
}
.Item.button,
.ItemGroup.buttons .Item {
    background-color: transparent !important;
    border: 0 !important;
    text-align: center;
    height: auto !important;
    width: auto !important;
}
.Item.button {
    flex-basis: 100%;
}
.ItemGroup.buttons .Item {
    display: inline-block;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
}
#mbContainer .Item.button a,
#mbContainer .ItemGroup.buttons a {
    display: inline-block;
    height: auto;
    width: auto;
}
#mbContainer .Item.button a .Content,
#mbContainer .ItemGroup.buttons a .Content {
    padding: 0 !important;
}
#mbContainer .Item.button a .Content h3,
#mbContainer .ItemGroup.buttons a .Content h3 {
    margin: 0;
    font-weight: 700;
}
#mbContainer .Item.button a .Description,
#mbContainer .ItemGroup.buttons a .Description,
#mbContainer .Item.button a .MeasureTool,
#mbContainer .ItemGroup.buttons a .MeasureTool {
    display: none !important;
}
@media screen and (max-width:800px) {
    .MB strong a,
    #mbContainer .Item.button a .Content h3,
    #mbContainer .ItemGroup.buttons a .Content h3 {
        font-weight: 600;
    }
    .MB strong a {
        padding: 10px 51px 10px 18px !important;
    }
    .ItemGroup.buttons a {
        padding: 10px 18px !important;
    }
}
/****************************************/
/* Filter table
/****************************************/
#mbCustomTable tr td {
    border: 0px;
    margin: 0;
    padding: 0;
}
#mbCustomTable tr td a {
    display: flex;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    margin: 10px 10px;
    padding: 20px;
}
#mbCustomTable tr td img {
    height: 55px;
    margin: 0.5em;
}
#mbCustomTable tr td div.ItemImg {
    flex-basis: 28%;
    text-align: center;
}
#mbCustomTable tr td div.ItemContent {
    flex-basis: 72%;
}
@media screen and (max-width:550px) {
    #mbCustomTable tr td a {
        display: block;
    }
    #mbCustomTable tr td img {
        margin-top: 0;
    }
}
/****************************************/
/* Media Queries
/****************************************/
@media screen and (max-width:1000px) {
    #mbContentWrapper #mbPage {
        width: 100%;
    }
    #mbSubMenu {
        display: none;
    }
    #mbContentImage {
        padding: 0;
    }
    #mbContentImage img {
        margin-top: 0;
    }
}
@media screen and (max-width:800px) {
    #mbHeader div form, #mbHeader div.logo {
        width: 100%;
    }
    #mbHeader p {
        width: 100%;
    }
    #mbHeader p {
        font-size: 18px;
    }
    #mbContentImage img {
        height: 250px;
    }
    #mbSubContent .ItemGroup {
        width: 100%;
    }
}
@media screen and (max-width:550px) {
    #mbContainer:not(.mb-cards) #mbContent .Item .ItemImage,
    #mbContainer:not(.mb-cards) #mbContent .Item .Graph {
        width: 100%;
        margin: 0 0 0.5em 0;
        border-width: 0;
    }
    #mbContent .Item > a {
        display: flex;
        flex-direction: column;
    }
    #mbContent .Item .Content {
        overflow: visible;
        display: contents;
    }
    #mbContentImage img {
        height: 200px;
    }
    #mbContent .Item .Content h3 {
        order: -1;
    }
    #mbContainer:not(.mb-cards) .Item a .MeasureTool {
        margin-right: 0;
    }
}
@media screen and (max-width:400px) {
    #mbContainer.mb-cards.mb-icons #mbContentMain .Item:not(.Article):not(.Object) {
        width: 47%;
    }
    .mb-cards .Item:not(.Indicator) .MeasureTool {
        display: none;
    }
    #mbContentImage img {
        height: 150px;
    }
}
@media screen and (max-width:350px) {
    #mbHeader strong {
        font-size: 16px;
    }
    #mbHeader em {
        display: none;
    }
    .mb-provider {
        text-align: center;
        margin: 0.5em 0;
    }
    #mbContainer.mb-cards.mb-icons #mbContentMain .Item:not(.Article):not(.Object) {
        width: 97%;
    }
}
/****************************************/
/* Print
/****************************************/
@media print {
    /* Layout */
    #mbContent {
        width: 100%;
        overflow: visible;
    }
    /* Hide borders */
    #mbContainer, #mbHeader, #mbMenu, main, #mbContent {
        border: 0px;
    }
    /* Hide */
    #mbContentHeader .logo,
    #mbFunctionMenu,
    #mbContentMenu,
    #mbSubMenu,
    .Export {
        display: none;
    }
    /* Extra border */
    #mbCaption {
        border: 1px solid #4caf50;
    }
}
/****************************************/
/* Graph server side render to image
/****************************************/
body.Render {
    background-color: white;
}
/*
    Special case for graphs:
    The width and height should normally be set on the render container. But Highcharts requires
    the height to be set on the inner most user container. Also note that the width is NOT set on
    that container as that would prevent the width to be overriden by other means.
*/
#mbRenderContainer.Graph {
    width: 540px;
}
#mbRenderContainer.Graph .GraphInner {
    height: 400px;
}
#mbRenderContainer.Graph .GraphInner .highcharts-container {
    font-size: 12px;
}
#mbRenderContainer.Graph.Report {
    width: 590px;
}
#mbRenderContainer.Graph.Report .GraphInner {
    height: 310px;
}
#mbRenderContainer.Graph.Report .GraphInner .highcharts-container {
    font-size: 12px;
}
.Report .highcharts-axis-labels,
.Report .highcharts-legend-item text,
.Report .highcharts-axis-title {
    fill: #000000;
}
/* Mobile menu */
@media screen and (max-width:1200px) {
    .MobileMenuShow #mbSubMenu {
        display: initial;
    }
}
/* Temp - move to base.css */
#mbInternalInfo summary {
    color: #4d4d4d;
}
#mbInternalInfo details {
    color: #4d4d4d;
}