@font-face{
    font-family:"Madras Regular";
    src:url("../Fonts/madrasregular-webfont.woff");
    src:url("../Fonts/madrasregular-webfont.woff") format("woff");
}
@font-face{
    font-family:"Madras Black";
    src:url("../Fonts/madrasblack-webfont.woff");
    src:url("../Fonts/madrasblack-webfont.woff") format("woff");
}

:root {
    --font-primary: 'Madras Regular', Arial;
    --color-primary: rgb(77, 189, 198);
    --color-primary-dark: #ad1b33;
    --color-primary-medium: rgb(167, 129, 185);
    --color-primary-light: #f6f6f6;
  }

h1,h2,h3,h4,h5,h6 {
    font-family:"Madras Black";
}


/* Logo */

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

.navbar-logo {
    height: 9.875em;
}

.navbar {
    height: 12.5em;
}

/* Button - hover */

.btn-primary:hover, .show>.btn-primary.dropdown-toggle:hover, .wizard>.actions>ul li:not(:first-of-type) .show>a.dropdown-toggle:hover, .wizard>.actions>ul li:not(:first-of-type) a:hover {
    color: #fff;
    background-color: #57b6be;
    border-color: #57b6be;
}

.btn-tertiary:not(:disabled):not(.disabled).active:hover, .btn-tertiary:not(:disabled):not(.disabled):active:hover {
    background-color: #57b6be;
}

/* Button - Focus */

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

/* Button - 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) .show>a.dropdown-toggle.dropdown-toggle:focus, .wizard>.actions>ul li:not(:first-of-type) .show>a.dropdown-toggle:not(:disabled):not(.disabled).active, .wizard>.actions>ul li:not(:first-of-type) .show>a.dropdown-toggle:not(:disabled):not(.disabled).active:focus, .wizard>.actions>ul li:not(:first-of-type) .show>a.dropdown-toggle:not(:disabled):not(.disabled):active, .wizard>.actions>ul li:not(:first-of-type) .show>a.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: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:focus {
    background-color: #57b6be;
    border-color: #57b6be;
    box-shadow: 0 0 0 0.2rem #57b6be;
}


/* --- TA BORT DIAGRAM FÖR LARM --- */
.page-notification .notification-chart {
    display: none;
}


/* --- TA BORT ANLÄGGNINGSKATEGORI --- */
.page-mysites .form-group:nth-child(11), .page-mysites .modal-body h5:nth-child(10) {
display: none;
}

.page-mysites #siteCategoryHeading {
    display: none;
}


/* --- DÖLJER ADRESSEN FÖR ANVÄNDARE --- */
.page-userregister #createNewModal .form-group:nth-child(10), .page-userregister #createNewModal .form-group:nth-child(11), .page-userregister #createNewModal .form-group:nth-child(12) {
    display: none;
}

.page-userregister #editUserModal .form-group:nth-child(9), .page-userregister #editUserModal .form-group:nth-child(10), .page-userregister #editUserModal .form-group:nth-child(11) {
    display: none;
}

.page-userregister #moreInfoAccordion .form-group:nth-child(11), .page-userregister #moreInfoAccordion .form-group:nth-child(12), .page-userregister #moreInfoAccordion .form-group:nth-child(13) {
    display: none;
}


/* --- DÖLJER BRA PÅ FÖRBRUKNINGSSIDAN --- */
.page-consumption .select2-container li:last-child {
    display: none;
}


/* --- DÖLJER ABONNEMANGSNIVÅ UNDER MINA ANLÄGGNINGAR --- */
.page-mysites .col-lg-6:last-child p:nth-child(11), .page-mysites .col-lg-6:last-child div:nth-child(10)  {
    display: none;
}




/* Kontrast WCAG - nedan */

/*
.btn-primary, .btn-primary.disabled, .btn-primary:disabled, .show>.btn-primary.dropdown-toggle, .show>.btn-primary.dropdown-toggle.disabled, .show>.btn-primary.dropdown-toggle:disabled, .wizard>.actions>ul li:not(:first-of-type) .show>a.dropdown-toggle, .wizard>.actions>ul li:not(:first-of-type) .show>a.dropdown-toggle.disabled, .wizard>.actions>ul li:not(:first-of-type) .show>a.dropdown-toggle:disabled, .wizard>.actions>ul li:not(:first-of-type) a, .wizard>.actions>ul li:not(:first-of-type) a.disabled, .wizard>.actions>ul li:not(:first-of-type) a:disabled {
    color: #333;
}

.btn-secondary:focus, .btn-secondary:hover, .wizard>.actions>ul li:first-of-type a:focus, .wizard>.actions>ul li:first-of-type a:hover, a.btn-secondary:focus, a.btn-secondary:hover {
    color: #333;
}

.btn:not(:disabled):not(.disabled) {
    color: #333;
}

.btn-tertiary:not(:disabled):not(.disabled).active, .btn-tertiary:not(:disabled):not(.disabled):active {
    color: #333;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    color: #333;
}

a {
    color: #333;
 }
 
 .btn-tertiary:not(:disabled):not(.disabled).active img[src$=".svg"], .btn-tertiary:not(:disabled):not(.disabled):active img[src$=".svg"] {
    filter: invert(0%);
}

.wizard>.steps a {
    color: #333;
}

.wizard>.steps ul li:not(:last-child).done a:before {
    filter: invert(0);
}

.link-count {
    color: #333;
}

*/