/* Customer specific CSS */

@font-face {
    font-family: MNKYJane;
    font-display: fallback;
    src: url(../Fonts/MNKYJane-Book.woff2) format("woff2"),url(../Fonts/MNKYJane-Medium.woff2) format("woff2")
}

@font-face {
    font-family: GT-Alpina;
    font-display: fallback;
    src: url(../Fonts/GT-Alpina-Condensed-Regular.woff2) format("woff2"),url(../Fonts/GT-Alpina-Condensed-Regular-Italic.woff2) format("woff2"),url(../Fonts/GT-Alpina-Standard-Regular.woff2) format("woff2")
}

:root {
    --font-primary: "MNKYJane", sans-serif;
    --color-primary: #133240;
    --color-primary-dark: #fdffbf;
    --color-primary-medium: #d3dde5;
    --color-primary-light: #f5f5f5;
}

h1, h2, h3, h4, h5 {
    font-family: "GT-Alpina", sans-serif;
    font-weight: 500;
}

.text-light {
    color: #333333 !important;
}


/* Logo */
.navbar-logo {
    height: 5.875em;
}

.navbar {
    height: 8.5em;
}

.page-xs .logo {
    height: 3.875em;
}
 

/* Hover */

.btn-tertiary:not(:disabled):not(.disabled).active:hover, .btn-tertiary:not(:disabled):not(.disabled):active:hover {
    background-color: var(--color-primary);
    outline: 1px solid var(--color-primary);
    outline-offset: 1px;
}

.btn-primary:hover, .show > .btn-primary.dropdown-toggle:hover, .wizard > .actions > ul li:not(:first-of-type) a:hover {
    color: #fff;
    background-color: var(--color-primary);
    border-color: var(--color-primary);
    outline: 2px solid var(--color-primary);
    outline-offset: 1px;
    text-decoration: none !important;
}

.btn-link:hover {
    color: var(--color-primary);
}


/* Active */

.btn-primary.dropdown-toggle:focus, .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle.dropdown-toggle:focus, .show > .btn-primary.dropdown-toggle:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle:not(:disabled):not(.disabled):active:focus, .wizard > .actions > ul li:not(:first-of-type) a.dropdown-toggle:focus, .wizard > .actions > ul li:not(:first-of-type) a:not(:disabled):not(.disabled).active, .wizard > .actions > ul li:not(:first-of-type) a:not(:disabled):not(.disabled):active {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
    box-shadow: none;
}
 

/* Focus */

.btn-primary:focus, .show > .btn-primary.dropdown-toggle:focus, .wizard > .actions > ul li:not(:first-of-type) a:focus {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
    box-shadow: none;
}

.btn.focus, .btn:focus {
    outline: 0;
    box-shadow: none;
}

a.focus, a:active, a:focus, a:hover {
    color: var(--color-primary);
}
 

/* Consumption Colors */

.highcharts-color-period-compare-consumption, .highcharts-color-year-compare-consumption {
    fill: #13324066;
    stroke: #13324066;
}

.highcharts-color-compare-consumption-year-2 {
    fill: #e7eb7c;
    stroke: #e7eb7c;
}

.highcharts-color-compare-consumption-year-3 {
    fill: #a0a0a0;
    stroke: #a0a0a0;
}

.highcharts-color-compare-consumption-year-4 {
    fill: #13324033;
    stroke: #13324033;
}

/* PEO fix START */
/* Start  - Main */
.container-fluid {
    background-color: white;
}
 
.start-notifications div.card, .invoice-block div.card {
    border: 1px #ccc solid;
    box-shadow: none !important;
}
 
.start-cards .card-footer {
    border-top: none;
    background-color: unset;
}
 
.start-cards .card-footer a.w-100 {
    width:fit-content !important;
    align-items: flex-start!important;
    justify-content: flex-start!important;
    border: 2,5px #000 solid;
    border-radius: 2rem;
    padding-bottom: 0.6rem!important;
    margin: 0 0 1rem 1rem;
	border-color: #133240;
	color: #133240!important;
}
 
 @media (min-width: 992px) {
 	.start-invoices {
		-ms-flex: 0 0 66.666667%;
		flex: 0 0 66.666667%;
		max-width: 66.666667%;
	}
 }
 
.start-customerservice .card {
    box-shadow: none;
}
 
h2 small {
    font-size: inherit;
}
 
.start-customerservice {
    margin-top: 1rem;
}

.start-notifications h1 {
    font-size: 0.8em;
    font-family: 'MNKYJANE';
    font-weight: 600;
}

.start-notifications .card a {
    font-family: 'GT-Alpina';
    font-size: 1.2em!important;
	font-weight: 300;
}

.yellow-card {
    background-color: var(--color-primary-dark);
}

.start-html-1 .card {
    box-shadow: none;
}

.invoice-block > div {
    margin-bottom: 0.5rem!important;
}