﻿/* Customer specific CSS */

@import url("https://p.typekit.net/p.css?s=1&k=fgf8ldf&ht=tk&f=37155.37156.37157.37158.37159.37160.37161.37162.37163.37164.37165.37166&a=15116768&app=typekit&e=css");

@font-face {
font-family:"bio-sans";
src:url("https://use.typekit.net/af/0ae91f/00000000000000003b9b11f5/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n2&v=3") format("woff2"),url("https://use.typekit.net/af/0ae91f/00000000000000003b9b11f5/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n2&v=3") format("woff"),url("https://use.typekit.net/af/0ae91f/00000000000000003b9b11f5/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n2&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:200;
}

@font-face {
font-family:"bio-sans";
src:url("https://use.typekit.net/af/a36afd/00000000000000003b9b11f6/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i2&v=3") format("woff2"),url("https://use.typekit.net/af/a36afd/00000000000000003b9b11f6/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i2&v=3") format("woff"),url("https://use.typekit.net/af/a36afd/00000000000000003b9b11f6/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i2&v=3") format("opentype");
font-display:auto;font-style:italic;font-weight:200;
}

@font-face {
font-family:"bio-sans";
src:url("https://use.typekit.net/af/4752b2/00000000000000003b9b11f7/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff2"),url("https://use.typekit.net/af/4752b2/00000000000000003b9b11f7/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff"),url("https://use.typekit.net/af/4752b2/00000000000000003b9b11f7/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:300;
}

@font-face {
font-family:"bio-sans";
src:url("https://use.typekit.net/af/70bfac/00000000000000003b9b11f8/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i3&v=3") format("woff2"),url("https://use.typekit.net/af/70bfac/00000000000000003b9b11f8/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i3&v=3") format("woff"),url("https://use.typekit.net/af/70bfac/00000000000000003b9b11f8/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i3&v=3") format("opentype");
font-display:auto;font-style:italic;font-weight:300;
}

@font-face {
font-family:"bio-sans";
src:url("https://use.typekit.net/af/654acc/00000000000000003b9b11f9/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff2"),url("https://use.typekit.net/af/654acc/00000000000000003b9b11f9/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff"),url("https://use.typekit.net/af/654acc/00000000000000003b9b11f9/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("opentype");
font-display:auto;font-style:italic;font-weight:400;
}

@font-face {
font-family:"bio-sans";
src:url("https://use.typekit.net/af/ead1a8/00000000000000003b9b11fa/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/ead1a8/00000000000000003b9b11fa/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/ead1a8/00000000000000003b9b11fa/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:400;
}

@font-face {
font-family:"bio-sans";
src:url("https://use.typekit.net/af/883a99/00000000000000003b9b11fb/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i6&v=3") format("woff2"),url("https://use.typekit.net/af/883a99/00000000000000003b9b11fb/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i6&v=3") format("woff"),url("https://use.typekit.net/af/883a99/00000000000000003b9b11fb/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i6&v=3") format("opentype");
font-display:auto;font-style:italic;font-weight:600;
}

@font-face {
font-family:"bio-sans";
src:url("https://use.typekit.net/af/c867f1/00000000000000003b9b11fc/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("woff2"),url("https://use.typekit.net/af/c867f1/00000000000000003b9b11fc/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("woff"),url("https://use.typekit.net/af/c867f1/00000000000000003b9b11fc/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:600;
}

@font-face {
font-family:"bio-sans";
src:url("https://use.typekit.net/af/d6162c/00000000000000003b9b11fd/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff2"),url("https://use.typekit.net/af/d6162c/00000000000000003b9b11fd/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff"),url("https://use.typekit.net/af/d6162c/00000000000000003b9b11fd/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("opentype");
font-display:auto;font-style:italic;font-weight:700;
}

@font-face {
font-family:"bio-sans";
src:url("https://use.typekit.net/af/628caf/00000000000000003b9b11fe/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/628caf/00000000000000003b9b11fe/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/628caf/00000000000000003b9b11fe/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:700;
}

@font-face {
font-family:"bio-sans";
src:url("https://use.typekit.net/af/645e8e/00000000000000003b9b11ff/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n8&v=3") format("woff2"),url("https://use.typekit.net/af/645e8e/00000000000000003b9b11ff/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n8&v=3") format("woff"),url("https://use.typekit.net/af/645e8e/00000000000000003b9b11ff/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n8&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:800;
}

@font-face {
font-family:"bio-sans";
src:url("https://use.typekit.net/af/20d236/00000000000000003b9b1200/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i8&v=3") format("woff2"),url("https://use.typekit.net/af/20d236/00000000000000003b9b1200/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i8&v=3") format("woff"),url("https://use.typekit.net/af/20d236/00000000000000003b9b1200/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i8&v=3") format("opentype");
font-display:auto;font-style:italic;font-weight:800;
}

:root {
    --font-primary: bio-sans,sans-serif;
    --color-primary: #007183;
    --color-primary-dark: #811f73;
    --color-primary-medium: #ffdc00;
    --color-primary-light: #DADADA;
}

h1, h2, h3, h4, h5 {
    color: #007183;
}

.navbar-logo {
    height: 3.875em;
}

.navbar {
    height: 6.5em;
}

.page-xs .logo {
    height: 3.875em;
}

.highcharts-color-projection-color {
    fill: #778899;
    stroke: #778899;
}

.table-row-projection {
    background-color: #778899!important;
    color: var(--color-white);
}

.highcharts-color-gas {
    fill: var(--color-primary-medium);
    stroke: var(--color-primary-medium);
}

.highcharts-color-period-compare-consumption, .highcharts-color-year-compare-consumption {
    fill: var(--color-primary-dark);
    stroke: var(--color-primary-dark);
}

.highcharts-color-consumption-previous-year {
    fill: var(--color-primary-dark);
    stroke: var(--color-primary-dark);
}

.page-mysites .form-group:nth-child(11), .page-mysites .modal-body h5:nth-child(10) {
display: none;
}

.highcharts-markers .highcharts-point-select, .highcharts-series:not(.highcharts-pie-series) .highcharts-point-select {
    fill: inherit;
    stroke: transparent;
    opacity: 0.5;
}

.highcharts-color-fix-fee {
    fill: var(--color-primary-dark);
    stroke: var(--color-primary-dark);
}

.highcharts-color-compare-invoice, .highcharts-color-vat {
    fill: var(--color-primary);
    stroke: var(--color-primary);
}

.highcharts-color-consumption-fee {
    fill: var(--color-primary-medium);
    stroke: var(--color-primary-medium);
}

#dvHighLow {
    display: none;
}

#dvBudget {
    display: none;
}


/* LoginPage */
#loginSection {
    background-color: var(--color-white);
    border-radius: 8px;
}

#loginSection > div.text-left {
    text-align: left!important;
}

#loginSection .shadow-sm {
    box-shadow: none!important;
}

.page-default .mb-5, .page-default .mt-3, .page-loginstartpage .mb-5, .page-loginstartpage .mt-3, .page-loginbankid .mb-5, .page-loginbankid .mt-3, .page-loginfreja .mb-5, .page-loginfreja .mt-3, .page-passwordreset .mb-5, .page-passwordreset .mt-3 {
    margin-bottom: 0px !important;
}

#LoginPanelHeading, #mainContentContainer h1 {
    display: none;
}

#loginSection.text-md-left {
    text-align: center !important;
}

.page-default #mainContentContainer, .page-loginstartpage #mainContentContainer, .page-loginbankid #mainContentContainer, .page-loginfreja #mainContentContainer, .page-passwordreset #mainContentContainer {
    background-size: cover;
    background-position: bottom;
}

.page-default #bg-image, .page-loginstartpage #bg-image, .page-loginbankid #bg-image, .page-loginfreja #bg-image, .page-passwordreset #bg-image {
    display: none;
}

#rememberme {
    text-align: left !important;
}

#link-password-reminder {
    margin: 1rem !important;
}

#btnLogin {
    width: 100%;
}

.page-loginstartpage .page-width-2000, .page-loginbankid .page-width-2000, .page-loginfreja .page-width-2000, .page-default .page-width-2000, .page-passwordreset .page-width-2000 {
    max-width: none;
}




.page-consumptionreport .range2 {
    width: auto;
}

