/* Customer specific CSS */

@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@300;400;500;600;700&display=swap');

:root {
    --font-primary: Raleway,sans-serif;
    --color-primary: #d11242;
    --color-primary-dark: #e81e50;
    --color-primary-medium: #ffdc00;
    --color-primary-light: #DADADA;
}

.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-image: url(/Environments/WEUMG/Images/Startsida.jpg);
    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;
}