@charset "UTF-8";

@media screen and (min-width:0px) and (max-width:767px) {
    .hidden-xs, .hide-on-mobile {
        display: none !important
    }
}

@media screen and (min-width:0px) and (max-width:768px) {
    .hidden-sm {
        display: none !important
    }
}

@media screen and (min-width:0px) and (max-width:1023px) {
    .hidden-sm-max {
        display: none !important
    }
}

@media screen and (min-width:0px) and (max-width:1024px) {
    .hidden-md, .show-on-desktop {
        display: none !important
    }
}

@media screen and (min-width:0px) and (max-width:1366px) {
    .hidden-lg {
        display: none !important
    }
}

@media screen and (min-width:0px) and (max-width:1920px) {
    .hidden-xl {
        display: none !important
    }
}

@media screen and (min-width:1024px) and (max-width:1250px) {
    .hidden-small-desktop {
        display: none !important
    }
}

@media screen and (min-width:768px) {
    .show-on-mobile, .visible-xs {
        display: none !important
    }
}

@media screen and (min-width:769px) {
    .visible-sm {
        display: none !important
    }
}

@media screen and (min-width:1024px) {
    .visible-sm-max {
        display: none !important
    }
}

@media screen and (min-width:1025px) {
    .hide-on-desktop, .visible-md {
        display: none !important
    }
}

@media screen and (min-width:1367px) {
    .visible-lg {
        display: none !important
    }
}

@media screen and (min-width:1921px) {
    .visible-xl {
        display: none !important
    }
}

@media screen and (min-width:0px) and (max-width:767px) {
    .show-on-tablet {
        display: none !important
    }
}

@media screen and (min-width:1025px) {
    .show-on-tablet {
        display: none !important
    }
}

@media screen and (min-width:768px) and (max-width:1024px) {
    .hide-on-tablet {
        display: none !important
    }
}

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block
}

audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline
}

    audio:not([controls]) {
        display: none;
        height: 0
    }

[hidden], template {
    display: none
}

a {
    background-color: transparent
}

    a:active, a:hover {
        outline: 0
    }

abbr[title] {
    border-bottom: 1px dotted
}

b, strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code, kbd, pre, samp {
    font-family: monospace,monospace;
    font-size: 1em
}

button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button, select {
    text-transform: none
}

button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

    button[disabled], html input[disabled] {
        cursor: default
    }

    button::-moz-focus-inner, input::-moz-focus-inner {
        border: 0;
        padding: 0
    }

input {
    line-height: normal
}

    input[type=checkbox], input[type=radio] {
        box-sizing: border-box;
        padding: 0
    }

    input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
        height: auto
    }

    input[type=search] {
        -webkit-appearance: textfield;
        box-sizing: content-box
    }

        input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
            -webkit-appearance: none
        }

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td, th {
    padding: 0
}

html {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    font-smoothing: antialiased;
    font-smooth: always;
    font-size: 62.5%;
    -webkit-font-feature-settings: "liga" 0;
    font-feature-settings: "liga" 0
}

body {
    line-height: 1.4;
    font-family: Arial,sans-serif;
    font-size: 1.6rem;
    color: #636363; 
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    justify-content: space-between;
}

.h1, h1 {
    font-weight: 400;
    margin: 0;
    font-size: 3.6rem;
    line-height: 4rem;
    color: #1b1b1b
}

@media screen and (min-width:769px) {
    .h1, h1 {
        font-size: 5.4rem;
        line-height: 6.4rem
    }
}

@media screen and (min-width:1025px) {
    .h1, h1 {
        font-size: 7.2rem;
        line-height: 8rem
    }
}

.h2, h2 {
    font-size: 1.6875em;
    font-weight: 400;
    line-height: 1.18519em
}

@media screen and (min-width:769px) {
    .h2, h2 {
        font-size: 3.375em;
        line-height: 1.18519em
    }
}

.h2 + form, h2 + form {
    margin-top: 10px
}

.h2 + .btn, .h2 + button, h2 + .btn, h2 + button {
    margin-top: 20px;
    margin-bottom: 10px
}

@media screen and (min-width:769px) {
    .h2 + .btn, .h2 + button, h2 + .btn, h2 + button {
        margin-top: 10px
    }
}

.h3, h3 {
    font-size: 1.5em;
    font-weight: 400;
    line-height: 1.20833em
}

@media screen and (min-width:769px) {
    .h3, h3 {
        font-size: 3em;
        line-height: 1.20833em
    }
}

.h4, .h5, h4, h5 {
    font-size: 1.25em;
    font-family: Arial,sans-serif;
    font-weight: 400;
    line-height: 1.25em
}

@media screen and (min-width:769px) {
    .h4, .h5, h4, h5 {
        font-size: 1.875em;
        line-height: 1.33333em
    }
}

.small-text, forbrugsalarmer .cell--label, produktbegraensning .cell--product, tidsbegraensning .cell--allday, tidsbegraensning .cell--time span {
    font-size: 1.6rem !important
}

@media screen and (min-width:769px) {
    .small-text, forbrugsalarmer .cell--label, produktbegraensning .cell--product, tidsbegraensning .cell--allday, tidsbegraensning .cell--time span {
        font-size: 2rem !important
    }
}

.small-text a, .small-text p, .small-text strong, forbrugsalarmer .cell--label a, forbrugsalarmer .cell--label p, forbrugsalarmer .cell--label strong, produktbegraensning .cell--product a, produktbegraensning .cell--product p, produktbegraensning .cell--product strong, tidsbegraensning .cell--allday a, tidsbegraensning .cell--allday p, tidsbegraensning .cell--allday strong, tidsbegraensning .cell--time span a, tidsbegraensning .cell--time span p, tidsbegraensning .cell--time span strong {
    font-size: 1em
}

p {
    font-size: 2rem;
    line-height: 130%;
    margin: 20px 0
}

@media screen and (min-width:769px) {
    p {
        font-size: 3rem;
        line-height: 130%
    }
}

p.manchet {
    font-family: Arial,sans-serif
}

a, a:visited {
    color: #636363
}

.no-touchevents a:hover {
    color: #474747;
    text-decoration: none
}

b, strong {
    font-family: Arial,sans-serif;
    font-weight: 400
}

.small, .small p, small {
    font-size: 1.2rem
}

@media screen and (min-width:769px) {
    .small, .small p, small {
        font-size: 1.6rem
    }
}


.font-kievit, .regular {
    font-style: normal;
    font-family: Arial,sans-serif
}

.font-kievit-medium, .medium {
    font-style: normal;
    font-family: Arial,sans-serif
}

@font-face {
    font-family: icomoon;
    src: url(/Client-dist/fonts/icomoon.eot?gqa7wx);
    src: url(/Client-dist/fonts/icomoon.eot?gqa7wx#iefix) format("embedded-opentype"),url(/Client-dist/fonts/icomoon.woff2?gqa7wx) format("woff2"),url(/Client-dist/fonts/icomoon.ttf?gqa7wx) format("truetype"),url(/Client-dist/fonts/icomoon.woff?gqa7wx) format("woff"),url(/Client-dist/fonts/icomoon.svg?gqa7wx#icomoon) format("svg");
    font-weight: 400;
    font-style: normal
}

.icon {
    font-family: icomoon !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

    .icon:before {
        color: currentColor
    }

.icon-large-48px_adblue:before {
    content: ""
}

.icon-large-48px_ok_plus:before {
    content: ""
}

.icon-large-48px_truck-front:before {
    content: ""
}

.icon-large-48px_fuel:before {
    content: ""
}

.icon-large-48px_change:before {
    content: ""
}

.icon-large-48px_speaker:before {
    content: ""
}

.icon-large-48px_security:before {
    content: ""
}

.icon-large-48px_edit:before {
    content: ""
}

.icon-large_64px_tank:before {
    content: ""
}

.icon-large_48px_tank:before {
    content: ""
}

.icon-large_24px_tank:before {
    content: ""
}

.icon-large_64px_vask:before {
    content: ""
}

.icon-large_48px_vask:before {
    content: ""
}

.icon-large_24px_vask:before {
    content: ""
}

.icon-large_64px_fyr:before {
    content: ""
}

.icon-large_48px_fyr:before {
    content: ""
}

.icon-large_24px_fyr:before {
    content: ""
}

.icon-large_64px_flame:before {
    content: ""
}

.icon-large_48px_flame:before {
    content: ""
}

.icon-large_24px_flame:before {
    content: ""
}

.icon-large_64px_patch:before {
    content: ""
}

.icon-large_48px_patch:before {
    content: ""
}

.icon-large_24px_patch:before {
    content: ""
}

.icon-large_64px_varmepumpe:before {
    content: ""
}

.icon-large_48px_varmepumpe:before {
    content: ""
}

.icon-large_24px_varmepumpe:before {
    content: ""
}

.icon-large_64px_plug:before {
    content: ""
}

.icon-large_48px_plug:before {
    content: ""
}

.icon-large_24px_plug:before {
    content: ""
}

.icon-large_64px_phone:before {
    content: ""
}

.icon-large_48px_phone:before {
    content: ""
}

.icon-large_24px_phone:before {
    content: ""
}

.icon-large_64px_delivery_tank:before {
    content: ""
}

.icon-large_48px_delivery_tank:before {
    content: ""
}

.icon-large_24px_delivery_tank:before {
    content: ""
}

.icon-large_64px_card:before {
    content: ""
}

.icon-large_48px_card:before {
    content: ""
}

.icon-large_24px_card:before {
    content: ""
}

.icon-bs:before {
    content: ""
}

.icon-dankort:before {
    content: ""
}

.icon-visa-electron:before {
    content: ""
}

.icon-visa:before {
    content: ""
}

.icon-master-card:before {
    content: ""
}

.icon-small-24px_single:before {
    content: ""
}

.icon-large-16px-single:before {
    content: ""
}

.icon-large-24px_like:before {
    content: ""
}

.icon-large-24px_dislike:before {
    content: ""
}

.icon-small-32px_like:before {
    content: ""
}

.icon-small-32px_dislike:before {
    content: ""
}

.icon-large-24px-outline_man:before {
    content: ""
}

.icon-large-24px-outline_circle:before {
    content: ""
}

.icon-small-48px-outline_circle:before {
    content: ""
}

.icon-large-24px_user-add:before {
    content: ""
}

.icon-small-48px_user-add:before {
    content: ""
}

.icon-large-16px-a-add:before {
    content: ""
}

.icon-large-24px-outline_phone:before {
    content: ""
}

.icon-small-32px-outline_phone:before {
    content: ""
}

.icon-small-48px-outline_phone:before {
    content: ""
}

.icon-large-24px-outline_handset:before {
    content: ""
}

.icon-large-24px_eye:before {
    content: ""
}

.icon-large-24px_eye-ban:before {
    content: ""
}

.icon-small-48px_eye:before {
    content: ""
}

.icon-small-48px_eye-ban:before {
    content: ""
}

.icon-large-16px-chat-round-content:before {
    content: ""
}

.icon-small-24px-outline_chat-round-content:before {
    content: ""
}

.icon-large-16px-edit:before {
    content: ""
}

.icon-small-24px-outline_edit:before {
    content: ""
}

.icon-small-32px_pen:before {
    content: ""
}

.icon-small-24px_pen:before {
    content: ""
}

.icon-large-16px_pen:before {
    content: ""
}

.icon-large-16px-home-simple:before {
    content: ""
}

.icon-small-32px-outline_home-minimal:before {
    content: ""
}

.icon-large-32px-outline_wallet:before {
    content: ""
}

.icon-small-48px-outline_wallet:before {
    content: ""
}

.icon-large-32px-outline_indbetalingskort:before {
    content: ""
}

.icon-small-48px-outline_indbetalingskort:before {
    content: ""
}

.icon-large-24px-outline_calendar-grid:before {
    content: ""
}

.icon-small-48px-outline_calendar-grid:before {
    content: ""
}

.icon-large-24px-outline_calendar-day:before {
    content: ""
}

.icon-large-24px-outline_calendar-year:before {
    content: ""
}

.icon-large-24px-outline_circle-simple-down:before {
    content: ""
}

.icon-small-48px-outline_circle-simple-down:before {
    content: ""
}

.icon-small-48px_corner-right-round:before {
    content: ""
}

.icon-large-16px_arrows-select:before {
    content: ""
}

.icon-small-32px_arrows-select:before {
    content: ""
}

.icon-large-16px-small-up:before {
    content: ""
}

.icon-large-16px-small-right:before {
    content: ""
}

.icon-large-16px-small-left:before {
    content: ""
}

.icon-large-16px-small-down:before {
    content: ""
}

.icon-small-16px-minimal-right:before {
    content: ""
}

.icon-small-16px-minimal-up:before {
    content: ""
}

.icon-large-24px-outline_minimal-left:before {
    content: ""
}

.icon-large-24px-outline_minimal-right:before {
    content: ""
}

.icon-small-24px-outline_minimal-up:before {
    content: ""
}

.icon-small-24px-outline_minimal-down:before {
    content: ""
}

.icon-small-48px-outline_small-down:before {
    content: ""
}

.icon-small-48px-outline_small-up:before {
    content: ""
}

.icon-large-16px_logout:before {
    content: ""
}

.icon-small-24px_logout:before {
    content: ""
}

.icon-small-24px_lock-circle-open:before {
    content: ""
}

.icon-large-16px-lock-circle-open:before {
    content: ""
}

.icon-large-24px-outline_lock-circle:before {
    content: ""
}

.icon-small-32px-outline_lock-circle:before {
    content: ""
}

.icon-large-24px-outline_lock-circle-open:before {
    content: ""
}

.icon-small-32px-outline_lock-circle-open:before {
    content: ""
}

.icon-large-16px-zoom:before {
    content: ""
}

.icon-small-24px-outline_zoom:before {
    content: ""
}

.icon-large-32px-outline_zoom:before {
    content: ""
}

.icon-large-24px-outline_search:before {
    content: ""
}

.icon-small-48px-outline_small-delete:before {
    content: ""
}

.icon-small-48px-small-add:before {
    content: ""
}

.icon-large-32px-small-add:before {
    content: ""
}

.icon-large-16px_simple-add:before {
    content: ""
}

.icon-small-16px-circle-remove:before {
    content: ""
}

.icon-small-24px-circle-remove:before {
    content: ""
}

.icon-small-24px-outline_simple-remove:before {
    content: ""
}

.icon-small-48px-outline_simple-remove:before {
    content: ""
}

.icon-small-48px-outline_fat-remove:before {
    content: ""
}

.icon-large-24px-outline_fat-remove:before {
    content: ""
}

.icon-large-24px-outline_check-small:before {
    content: ""
}

.icon-small-48px-outline_check:before {
    content: ""
}

.icon-large-24px-outline_group:before {
    content: ""
}

.icon-small-48px-outline_group:before {
    content: ""
}

.icon-large-24px-outline_funnel:before {
    content: ""
}

.icon-small-16px-outline_menu:before {
    content: ""
}

.icon-small-24px-menu-dots:before {
    content: ""
}

.icon-large-32px_chart-pie:before {
    content: ""
}

.icon-small-48px_chart-pie:before {
    content: ""
}

.icon-large-24px-outline_refresh:before {
    content: ""
}

.icon-small-24px-outline_loop:before {
    content: ""
}

.icon-large-16px-loop:before {
    content: ""
}

.icon-large-16px_undo:before {
    content: ""
}

.icon-small-48px-outline_undo:before {
    content: ""
}

.icon-large-24px-outline_undo:before {
    content: ""
}

.icon-large-16px-filter:before {
    content: ""
}

.icon-small-32px-outline_email:before {
    content: ""
}

.icon-small-48px-outline_email:before {
    content: ""
}

.icon-large-24px-outline_email:before {
    content: ""
}

.icon-small-48px-outline_disk:before {
    content: ""
}

.icon-large-24px-outline_disk:before {
    content: ""
}

.icon-small-48px-outline_settings:before {
    content: ""
}

.icon-large-24px-outline_settings:before {
    content: ""
}

.icon-large-32px-outline_alert-i:before {
    content: ""
}

.icon-large-32px-outline_ban:before {
    content: ""
}

.icon-large-48px-outline_alert-circle-i:before {
    content: ""
}

.icon-large-24px-outline_alert-circle:before {
    content: ""
}

.icon-small-48px-alert-circle:before {
    content: ""
}

.icon-large-24px-outline_circle-right:before {
    content: ""
}

.icon-small-48px-outline-button-circle-play:before {
    content: ""
}

.icon-large-24px-outline_check-circle:before {
    content: ""
}

.icon-large-32px-outline_check-circle:before {
    content: ""
}

.icon-large-24px-outline_time-clock:before {
    content: ""
}

.icon-large-24px-outline_time:before {
    content: ""
}

.icon-small-24px_ball-soccer:before {
    content: ""
}

.icon-large-16px_ball-soccer:before {
    content: ""
}

.icon-large-24px_alert:before {
    content: ""
}

.icon-large-16px_alert:before {
    content: ""
}

.icon-large-24px-outline_alert:before {
    content: ""
}

.icon-large-32px-outline_alert:before {
    content: ""
}

.icon-small-64px-outline_alert:before {
    content: ""
}

.icon-large-64px-outline_list:before {
    content: ""
}

.icon-large-24px-outline_receipt-list:before {
    content: ""
}

.icon-small-32px-outline_receipt-list:before {
    content: ""
}

.icon-large-24px_car-front-plus:before {
    content: ""
}

.icon-small-48px_car-front-plus:before {
    content: ""
}

.icon-bs {
    color: #cc202a
}

.icon-large-32px-outline_wallet, .icon-small-48px-outline_wallet {
    font-size: 3rem
}

.icon-large-32px-outline_indbetalingskort, .icon-small-48px-outline_indbetalingskort {
    font-size: 3.5rem
}

.icon-small-48px-outline_calendar-grid {
    font-size: 19px !important;
    position: absolute !important;
    top: 0 !important
}

.icon-large-24px-outline_alert, .icon-small-64px-outline_alert {
    color: #db001b
}

.hidden {
    display: none !important;
    visibility: hidden
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.flex-table .cell--checkmark .mat-checkbox-label, .flex-table__caption:not(.flex-table__caption--show), .form-table .flex-table__headers, .hidden-from-humans, .hidden-toggle, .mat-button-toggle-input, .mat-radio-input, .step legend, .table caption, mat-input-container.simple-mat-input .mat-input-placeholder, mat-slide-toggle .mat-slide-toggle-input, mat-slide-toggle:not(.show-label) .mat-slide-toggle-content {
    position: absolute !important;
    left: -10000px !important;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden
}

.clearfix {
    *zoom: 1
}

    .clearfix:after, .clearfix:before {
        content: " ";
        display: table
    }

    .clearfix:after {
        clear: both
    }

.border-top {
    border-top: 1px solid #e7e6e6
}

.border-bottom {
    border-bottom: 1px solid #e7e6e6
}

.black-border-bottom {
    border-bottom: 1px solid #000
}

body .align-center {
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

body .align-left {
    text-align: left
}

body .align-right {
    text-align: right
}

.go-left {
    float: left
}

.go-right {
    float: right
}

@media screen and (min-width:0px) and (max-width:768px) {
    .go-full-on-sm {
        width: 100%;
        max-width: none !important
    }
}

@media screen and (min-width:0px) and (max-width:480px) {
    .go-full-on-xs {
        width: 100%;
        max-width: none !important
    }
}

.full-width {
    width: 100% !important;
    max-width: none !important
}

@media screen and (min-width:0px) and (max-width:768px) {
    .padded-to-sm {
        padding: 0 1rem !important
    }
}

@media screen and (min-width:0px) and (max-width:1023px) {
    .padded-to-sm-max {
        padding: 0 1rem !important
    }
}

@media screen and (min-width:0px) and (max-width:1024px) {
    .padded-to-md {
        padding: 0 1rem !important
    }
}

@media screen and (min-width:1024px) {
    .padded-from-sm-max {
        padding: 0 2rem !important
    }
}

@media screen and (min-width:1025px) {
    .padded-from-md {
        padding: 0 2rem !important
    }
}

@media screen and (min-width:0px) and (max-width:768px) {
    .no-padding-to-sm {
        padding: 0 !important
    }
}

@media screen and (min-width:0px) and (max-width:768px) {
    .border-top-to-sm {
        border-top: 1px solid #e7e6e6
    }
}

.ellipsis {
    text-overflow: ellipsis;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden
}

.state--active {
    display: none !important
}

.active .state--active {
    display: inherit !important
}

@supports (display:initial) {
    .active .state--active {
        display: initial !important
    }
}

.active .state--inactive {
    display: none !important
}

.disabled {
    opacity: .5;
    pointer-events: none !important
}

.tbl {
    display: table
}

.tbl__row {
    display: table-row
}

.tbl__cell {
    display: table-cell;
    vertical-align: middle
}

.fadeOut {
    opacity: 1;
    -webkit-animation: a 1s ease-in 5s forwards;
    animation: a 1s ease-in 5s forwards
}

@-webkit-keyframes a {
    to {
        opacity: 0
    }
}

@keyframes a {
    to {
        opacity: 0
    }
}

.coin {
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    margin: 1rem 0;
    width: 3.1rem;
    height: 3.1rem;
    line-height: 3rem;
    font-size: 2rem
}

@media screen and (min-width:769px) {
    .coin {
        width: 6.2rem;
        height: 6.2rem;
        line-height: 6rem;
        font-size: 3.4rem
    }
}

.coin--green {
    background: #6fdb56;
    color: #fff
}

.counter {
    width: 2rem;
    height: 2rem;
    line-height: 2rem;
    text-align: center;
    color: #fff;
    border-radius: 50%;
    font-size: 1.4rem;
    font-family: Arial,sans-serif;
    display: inline-block;
    vertical-align: middle
}

.counter--green {
    background: #376d2b
}

.counter--red {
    background: #db001b
}

.edit-mode, .edit-mode body {
    height: inherit
}

.epi-containerLayout .epi-formsHeaderContainer {
    border: 0 !important
}

#tinymce ol, #tinymce ul {
    font-size: 30px
}

#tinymce h2 {
    line-height: 133%;
    font-size: 2.7rem;
    margin-bottom: 0
}

@media screen and (min-width:768px) {
    #tinymce h2 {
        font-size: 5.4rem
    }
}

#tinymce h3 {
    line-height: 133%;
    font-size: 2.4rem;
    margin-bottom: 0
}

@media screen and (min-width:768px) {
    #tinymce h3 {
        font-size: 4.8rem
    }
}

#tinymce h4 {
    font-family: Arial,sans-serif;
    line-height: 133%;
    margin-bottom: 0;
    font-size: 2rem
}

@media screen and (min-width:768px) {
    #tinymce h4 {
        font-size: 3rem
    }
}

#tinymce h2, #tinymce h3, #tinymce h4 {
    color: #1b1b1b
}

    #tinymce h2 + p, #tinymce h3 + p, #tinymce h4 + p {
        margin-top: 0
    }

#tinymce p {
    margin: 3rem 0
}

@media screen and (min-width:769px) {
    #tinymce p {
        margin: 4rem 0
    }
}

#tinymce > p:first-child {
    margin-top: 0
}

#tinymce .hide-on-desktop, #tinymce .hide-on-mobile, #tinymce .hide-on-tablet, #tinymce .show-on-desktop, #tinymce .show-on-mobile, #tinymce .show-on-tablet {
    display: inline !important;
    background: repeating-linear-gradient(45deg,#fff,#fff 10px,#ffe7e7 0,#ffe7e7 20px);
    position: relative
}

    #tinymce .hide-on-desktop:after, #tinymce .hide-on-mobile:after, #tinymce .hide-on-tablet:after, #tinymce .show-on-desktop:after, #tinymce .show-on-mobile:after, #tinymce .show-on-tablet:after {
        font-size: 12px;
        position: absolute;
        left: calc(100% - 2px);
        top: calc(100% - 2px);
        white-space: nowrap;
        display: none;
        padding: 3px 4px;
        line-height: 12px;
        color: #fff;
        background: #474747;
        z-index: 9
    }

    #tinymce .hide-on-desktop:hover:after, #tinymce .hide-on-mobile:hover:after, #tinymce .hide-on-tablet:hover:after, #tinymce .show-on-desktop:hover:after, #tinymce .show-on-mobile:hover:after, #tinymce .show-on-tablet:hover:after {
        display: block
    }

#tinymce .hide-on-tablet, #tinymce .show-on-tablet {
    background: repeating-linear-gradient(45deg,#fff,#fff 10px,#e4e7ff 0,#e4e7ff 20px)
}

#tinymce .hide-on-desktop, #tinymce .show-on-desktop {
    background: repeating-linear-gradient(45deg,#fff,#fff 10px,#e8fee0 0,#e8fee0 20px)
}

#tinymce .show-on-mobile:after {
    content: "Vis kun på mobil"
}

#tinymce .hide-on-mobile:after {
    content: "Skjul på mobil"
}

#tinymce .show-on-tablet:after {
    content: "Vis kun på tablet"
}

#tinymce .hide-on-tablet:after {
    content: "Skjul på tablet"
}

#tinymce .show-on-desktop:after {
    content: "Vis kun på desktop"
}

#tinymce .hide-on-desktop:after {
    content: "Skjul på desktop"
}

.click-rate, .editor-lbl {
    font-size: 1.2rem !important;
    display: inline-block;
    position: absolute;
    top: 2px;
    right: 5px;
    color: #6fdb56;
    font-family: Arial,sans-serif
}

    .click-rate--view.editor-lbl, .click-rate.click-rate--view {
        right: 37px;
        top: -10px
    }

.editor-lbl {
    line-height: 140%
}

.flex-table {
    width: 100%;
    margin: 2rem 0
}

@media screen and (min-width:769px) {
    .flex-table {
        margin: 3rem 0
    }
}

.no-touchevents .flex-table--hoverable-rows .flex-table__row:hover, .no-touchevents .flex-table--hoverable-rows .flex-table__row:hover + .flex-table__moreinfo {
    background: #e8e7e7 !important
}

.no-touchevents .flex-table--hoverable-rows .form-table .flex-table__row:hover {
    background: transparent none !important
}

@media screen and (min-width:1025px) {
    .flex-table:not(.flex-table--expand-desktop) .flex-table__moreinfo {
        display: none !important
    }
}

.flex-table__caption--show {
    text-align: left;
    font-size: 2.4rem;
    padding: 0 1rem
}

@media screen and (min-width:769px) {
    .flex-table__caption--show {
        font-size: 4.8rem;
        padding: 0
    }
}

.flex-table__caption-sub {
    display: block;
    line-height: 1em;
    font-size: 1.6rem;
    margin-bottom: 1rem
}

@media screen and (min-width:769px) {
    .flex-table__caption-sub {
        font-size: 3rem
    }
}

.flex-table__headers, .flex-table__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    position: relative;
    background: #fff
}

    .flex-table__headers + .flex-table__moreinfo, .flex-table__row + .flex-table__moreinfo {
        background: #fff
    }

    .flex-table__headers.odd, .flex-table__headers.odd + .flex-table__moreinfo, .flex-table__row.odd, .flex-table__row.odd + .flex-table__moreinfo {
        background: #f0f1f2
    }

    .flex-table__headers.even, .flex-table__headers.even + .flex-table__moreinfo, .flex-table__row.even, .flex-table__row.even + .flex-table__moreinfo {
        background: #fff
    }

@media screen and (min-width:0px) and (max-width:768px) {
    .flex-table__headers.active .hidden-xs, .flex-table__row.active .hidden-xs {
        padding-top: 0
    }
}

.flex-table__row {
    background: #fff;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

    .flex-table__row + .flex-table__moreinfo {
        background: #fff
    }

.flex-table__row--white {
    background: #fff !important
}

.flex-table__row--yellow {
    background: #fef3d3 !important
}

.flex-table__row--grey {
    background: #f2f2f2 !important
}

.flex-table__row--grey-dark, .flex-table__row--grey-dark + .flex-table__moreinfo {
    background: #e7e6e6 !important
}

.flex-table__row .current-marker {
    display: none;
    margin-right: 7px;
    position: relative;
    top: -1px;
    font-size: 1.3125em
}

@media screen and (min-width:768px) {
    .flex-table__row .current-marker {
        top: -3px;
        font-size: 1.5625em
    }
}

.flex-table__row.current .current-marker {
    display: inline-block;
    float: left
}

.flex-table__row.current .flex-table__cell {
    color: #1b1b1b
}

.flex-table__cell, .flex-table__header {
    vertical-align: middle
}

    .flex-table__cell.cell--vismere, .flex-table__header.cell--vismere {
        max-width: 50px;
        min-width: 50px
    }

.flex-table__header {
    color: #1b1b1b;
    font-family: Arial,sans-serif;
    text-align: left;
    padding: .9rem 1rem 0;
    font-size: 1.5rem
}

@media screen and (min-width:768px) {
    .flex-table__header {
        padding: 1.9rem 2rem 0;
        font-size: 2rem
    }
}

.flex-table__header--raised-wrap {
    float: left;
    position: relative
}

    .flex-table__header--raised-wrap .flex-table__header--raised-txt {
        right: inherit;
        left: 0;
        white-space: nowrap
    }

.flex-table__header--raised-txt {
    position: absolute;
    right: 13px;
    bottom: 1.5em;
    font-size: 1.6rem
}

.flex-table__cell {
    color: #474747;
    text-align: left;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    line-height: 120%;
    padding: 1.4rem 1rem;
    font-size: 1.4rem
}

@media screen and (min-width:768px) {
    .flex-table__cell {
        padding: 1.9rem 2rem;
        font-size: 1.6rem
    }
}

@media screen and (min-width:768px) {
    .flex-table__cell > strong {
        display: none
    }
}

.flex-table__cell.disabled {
    opacity: .5
}

.flex-table__cell .cell-wrap {
    width: 100%;
    clear: both
}

    .flex-table__cell .cell-wrap + .cell-wrap {
        margin-top: 20px
    }

.flex-table .cell--checkmark {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    min-width: 50px;
    max-width: 50px;
    padding-right: 0
}

    .flex-table .cell--checkmark.flex-table__header {
        height: 44px
    }

@media screen and (min-width:768px) {
    .flex-table .cell--checkmark.flex-table__header {
        height: 50px
    }
}

.flex-table .cell--checkmark mat-checkbox {
    margin: 0;
    padding: 0;
    border: 0;
    width: inherit
}

.flex-table .cell--checkmark .mat-checkbox-inner-container {
    margin-right: 0
}

.flex-table .cell--toggle {
    max-width: 115px;
    min-width: 115px;
    text-align: right
}

@media screen and (min-width:769px) {
    .flex-table .cell--toggle {
        max-width: 108px;
        min-width: 108px
    }
}

.flex-table .cell--toggle mat-slide-toggle {
    margin-top: 0 !important
}

.flex-table .cell--vismere {
    position: relative
}

.flex-table .cell--changed {
    max-width: 100px;
    min-width: 100px
}

@media screen and (min-width:768px) {
    .flex-table .cell--changed {
        max-width: 150px;
        min-width: 150px
    }
}

.flex-table__expand {
    background: none transparent;
    border: 0;
    height: 100%;
    padding: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: center;
    top: 0;
    bottom: 0;
    width: 50px
}

    .flex-table__expand, .flex-table__expand > i {
        vertical-align: middle;
        display: inline-block;
        position: absolute;
        right: 0
    }

        .flex-table__expand > i {
            font-size: 3rem;
            top: 50%;
            padding: 0 1rem;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%)
        }

.flex-table__moreinfo {
    display: none;
    padding-bottom: .7rem
}

@media screen and (min-width:0px) and (max-width:768px) {
    .flex-table__moreinfo {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-right: .9rem
    }
}

.flex-table__moreinfo.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.flex-table__moreinfo .flex-table__cell {
    padding: .7rem 1rem;
    font-size: 1.4rem
}

@media screen and (min-width:481px) and (max-width:767px) {
    .flex-table__moreinfo .flex-table__cell {
        -webkit-box-flex: unset;
        -ms-flex-positive: unset;
        flex-grow: unset
    }
}

@media screen and (min-width:768px) {
    .flex-table__moreinfo .flex-table__cell {
        padding: .7rem 2rem;
        font-size: 1.6rem
    }
}

.flex-table__moreinfo .flex-table__cell strong {
    display: block
}

.flex-table__moreinfo .flex-table__cell a {
    text-decoration: none
}

.flex-table__moreinfo > ul {
    list-style: none;
    padding: 0;
    margin: 0 0 0 4rem
}

.flex-table__moreinfo li {
    padding: 1.3rem 2rem;
    border-top: 1px solid #d0d0d0;
    display: inline-block;
    width: 100%
}

    .flex-table__moreinfo li:first-child {
        border-top: 0
    }

    .flex-table__moreinfo li .mat-checkbox-label {
        font-family: Arial,sans-serif
    }

        .flex-table__moreinfo li .mat-checkbox-label img {
            max-height: 11px;
            margin-left: 2px
        }

.list-menu + .flex-table {
    width: auto;
    margin: 1.2rem 0
}

@media screen and (min-width:0px) and (max-width:768px) {
    .list-menu + .flex-table {
        margin: 1.2rem 1rem
    }
}

.flex-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

@media screen and (min-width:0px) and (max-width:767px) {
    .flex-wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.flex-wrap--align-bottom {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.flex-wrap--between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.flex-wrap--wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.flex-wrap form {
    padding-left: 0;
    padding-right: 0
}

.flex-wrap__col--40, .flex-wrap__col--50, .flex-wrap__col--60 {
    width: 100%
}

@media screen and (min-width:768px) and (max-width:1024px) {
    .flex-wrap__col--40, .flex-wrap__col--50, .flex-wrap__col--60 {
        padding-right: 1rem
    }

        .flex-wrap__col--40 + .flex-wrap__col--40, .flex-wrap__col--40 + .flex-wrap__col--50, .flex-wrap__col--40 + .flex-wrap__col--60, .flex-wrap__col--50 + .flex-wrap__col--40, .flex-wrap__col--50 + .flex-wrap__col--50, .flex-wrap__col--50 + .flex-wrap__col--60, .flex-wrap__col--60 + .flex-wrap__col--40, .flex-wrap__col--60 + .flex-wrap__col--50, .flex-wrap__col--60 + .flex-wrap__col--60 {
            padding-left: 1rem;
            padding-right: 0
        }
}

@media screen and (min-width:1025px) {
    .flex-wrap__col--40, .flex-wrap__col--50, .flex-wrap__col--60 {
        padding-right: 2rem
    }

        .flex-wrap__col--40 + .flex-wrap__col--40, .flex-wrap__col--40 + .flex-wrap__col--50, .flex-wrap__col--40 + .flex-wrap__col--60, .flex-wrap__col--50 + .flex-wrap__col--40, .flex-wrap__col--50 + .flex-wrap__col--50, .flex-wrap__col--50 + .flex-wrap__col--60, .flex-wrap__col--60 + .flex-wrap__col--40, .flex-wrap__col--60 + .flex-wrap__col--50, .flex-wrap__col--60 + .flex-wrap__col--60 {
            padding-left: 2rem;
            padding-right: 0
        }
}

@media screen and (min-width:768px) {
    .flex-wrap__col--60 {
        width: 60%
    }

    .flex-wrap__col--50 {
        width: 50%
    }

    .flex-wrap__col--40 {
        width: 40%
    }
}

footer .logo img {
    max-width: 70px
}

@media screen and (min-width:481px) {
    footer .logo img {
        max-width: 111px
    }
}

footer .flex-wrap__col {
    text-align: left
}

@media screen and (min-width:768px) and (max-width:1024px) {
    footer .flex-wrap__col:last-child {
        display: none
    }
}

@media screen and (min-width:768px) {
    footer .flex-wrap__col {
        width: 50%;
        padding-right: 30px
    }
}

@media screen and (min-width:1025px) {
    footer .flex-wrap__col {
        width: 33%
    }
}

footer .wrap {
    padding: 0 2rem
}

@media screen and (min-width:768px) {
    footer .wrap {
        padding: 0 4rem
    }
}

footer .page-top-link {
    text-decoration: none
}

    footer .page-top-link:before {
        font-family: icomoon;
        content: "";
        position: relative;
        top: 1px
    }

footer .runway.footer-logo {
    padding: 3.5rem 0
}

@media screen and (min-width:768px) {
    footer .runway.footer-logo {
        padding: 4rem 0
    }
}

.company-info {
    display: block;
    text-align: center;
    margin-bottom: 10px;
    font-size: .75em
}

@media screen and (min-width:1024px) {
    .company-info {
        margin-bottom: 0;
        text-align: left;
        float: right;
        width: 70%;
        font-size: 1em
    }
}

.cards {
    display: block;
    text-align: center
}

@media screen and (min-width:1024px) {
    .cards {
        margin-bottom: 0;
        float: right;
        text-align: right;
        width: 30%
    }
}

.cards i {
    font-size: 1.375em;
    margin: 0 9px;
    margin-bottom: 10px;
    display: inline-block
}

@media screen and (min-width:1024px) {
    .cards i {
        margin-bottom: 0
    }
}

.cards i:before {
    position: relative;
    top: -1px
}

.cards i.icon-nem-id {
    font-size: 1.125em
}

@media screen and (min-width:768px) {
    .view-terms {
        float: left
    }
}

.page-footer__link-list, .page-footer__products {
    margin-bottom: 20px
}

@media screen and (min-width:769px) {
    .page-footer__link-list, .page-footer__products {
        margin-bottom: 45px
    }
}

.page-footer__link-list ul, .page-footer__products ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.page-footer__link-list li, .page-footer__products li {
    margin: 1.2rem 0
}

@media screen and (min-width:769px) {
    .page-footer__link-list li, .page-footer__products li {
        margin: 2.5rem 0
    }
}

.page-footer__link-list li:first-child, .page-footer__products li:first-child {
    margin-top: 0
}

.page-footer__link-list a, .page-footer__products a {
    text-decoration: none;
    font-size: .9375em
}

@media screen and (min-width:769px) {
    .page-footer__link-list a, .page-footer__products a {
        font-size: 1em
    }
}

.no-touchevents .page-footer__link-list a:hover, .no-touchevents .page-footer__products a:hover {
    color: #1b1b1b
}

.page-footer__products li {
    float: left;
    width: 50%;
    margin: 0 0 1rem
}

@media screen and (min-width:769px) {
    .page-footer__products li {
        margin: 0 0 1.3rem
    }
}

.page-footer__products i {
    display: inline-block;
    text-align: center;
    font-size: 3.9rem;
    margin-right: 1px;
    position: relative;
    margin-top: -2px
}

.page-footer__link-list a {
    display: inline-block;
    padding-left: 2rem
}

@media screen and (min-width:769px) {
    .page-footer__link-list a {
        padding-left: 3rem
    }
}

.page-footer__link-list a:before {
    font-family: icomoon;
    display: inline-block;
    position: relative;
    content: "";
    font-size: 1rem;
    left: 0;
    top: -1px;
    transition: left .1s ease-in-out;
    vertical-align: middle;
    padding-left: 3px;
    width: 2rem;
    margin-left: -2rem
}

@media screen and (min-width:769px) {
    .page-footer__link-list a:before {
        width: 3rem;
        margin-left: -3rem;
        content: "";
        font-size: 1.6rem;
        top: -2px
    }
}

.no-touchevents .page-footer__link-list a:hover:before {
    left: 5px
}

.page-footer__header {
    font-family: Arial,sans-serif;
    font-size: 1.25em;
    margin: 2rem 0 .5rem
}

@media screen and (min-width:769px) {
    .page-footer__header {
        font-size: 1.875em;
        margin-top: 35px
    }
}

.page-footer .link-to-search:before {
    content: none
}

.page-footer .link-to-search i {
    width: 1.9rem;
    display: inline-block;
    text-align: center;
    font-size: 1.8rem;
    margin-right: 7px;
    position: relative;
    height: 22px;
    left: 0;
    font-size: 1.4rem;
    top: 3px;
    margin-left: -2rem;
    width: 2rem
}

@media screen and (min-width:769px) {
    .page-footer .link-to-search i {
        top: 1px;
        font-size: 1.7rem;
        width: 2.3rem;
        left: -4px;
        margin-left: -3rem;
        width: 3rem
    }
}

.grid-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    margin: 2rem 0
}

@media screen and (min-width:769px) {
    .grid-box {
        margin: 4rem 0
    }
}

.grid-box > .epi-editContainer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    width: 100%
}

    .grid-box > .epi-editContainer .grid-box__item {
        width: 100%
    }

.grid-box__item {
    width: 100%;
    text-align: center;
    padding: 2rem
}

    .grid-box__item:first-child {
        margin-left: 0 !important
    }

.grid-box__item--no-padding {
    padding: 0
}

.grid-box__item > a {
    text-decoration: none
}

.grid-box__item .form-row h2 {
    margin-bottom: 0 !important
}

.grid-box__item .form-row:first-child, .grid-box__item .form-row:first-child h2 {
    margin-top: 0
}

.grid-box__item .form-row:last-child {
    margin-bottom: 0
}

.grid-box__item--vert-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .grid-box__item--vert-center .grid-box__txt {
        text-align: center
    }

.grid-box__img {
    max-width: 11rem
}

@media screen and (min-width:769px) {
    .grid-box__img {
        max-width: 20rem
    }
}

.grid-box__txt h2 {
    font-family: Arial,sans-serif;
    margin: 0;
    font-size: 2.4rem;
    color: #000
}

@media screen and (min-width:1024px) and (max-width:1024px) {
    .grid-box__txt h2 {
        font-size: 2.2rem
    }
}

@media screen and (min-width:1025px) {
    .grid-box__txt h2 {
        font-size: 3rem
    }
}

.grid-box__txt h2 + p {
    margin-top: 0
}

.grid-box__txt a, .grid-box__txt p {
    font-size: 1em;
    line-height: 1.3125em
}

@media screen and (min-width:1025px) {
    .grid-box__txt a, .grid-box__txt p {
        font-size: 1.5em;
        line-height: 1.25em
    }
}

.grid-box__txt p {
    margin-bottom: 1.5rem
}

@media screen and (min-width:481px) {
    .grid-box--grey {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

.grid-box--grey .grid-box__item {
    background: #f0f1f2;
    padding: 2rem 1.5rem
}

@media screen and (min-width:481px) {
    .grid-box--grey .grid-box__item {
        margin-left: 30px
    }
}

@media screen and (min-width:769px) {
    .grid-box--grey .grid-box__item {
        margin-left: 40px
    }
}

@media screen and (min-width:0px) and (max-width:767px) {
    .grid-box--grey .grid-box__item {
        text-align: left;
        margin-bottom: 2rem
    }
}

.grid-box--grey .grid-box__item h2 {
    margin-bottom: 15px
}

.grid-box--grey .grid-box__item p {
    margin-bottom: 0
}

.grid-box--100 .grid-box__item {
    width: 100%
}

.grid-box--100 .grid-box__item--hasimg a {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

@media screen and (min-width:481px) {
    .grid-box--100 .grid-box__item--hasimg a {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

@media screen and (min-width:481px) {
    .grid-box--100 .grid-box__item--hasimg .grid-box__img {
        margin-right: 1.5rem;
        width: 18.5rem
    }
}

.grid-box--100 .grid-box__item--hasimg .grid-box__txt {
    margin-top: 1.5rem
}

@media screen and (min-width:481px) {
    .grid-box--100 .grid-box__item--hasimg .grid-box__txt {
        text-align: left;
        max-width: 57rem
    }
}

@media screen and (min-width:481px) {
    .grid-box--50 > .grid-box__item {
        width: 50%
    }
}

.grid-box--50 > .epi-editContainer > div {
    width: 50%
}

@media screen and (min-width:0px) and (max-width:767px) {
    .grid-box--33 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media screen and (min-width:768px) {
    .grid-box--33 .grid-box__item {
        width: 33.3333%;
        margin-bottom: 0
    }
}

@media screen and (min-width:0px) and (max-width:767px) {
    .grid-box--33 .grid-box__item:last-child {
        margin-bottom: 0
    }
}

.grid-box--33 > .epi-editContainer > div {
    width: 33%
}

.grid-box--33 p {
    overflow-wrap: break-word
}

@media screen and (min-width:0px) and (max-width:768px) {
    .grid-box--25 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media screen and (min-width:769px) {
    .grid-box--25 .grid-box__item {
        width: 25%;
        margin-bottom: 0
    }
}

@media screen and (min-width:0px) and (max-width:768px) {
    .grid-box--25 .grid-box__item:last-child {
        margin-bottom: 0
    }
}

.grid-box--25 > .epi-editContainer > div {
    width: 25%
}

.list-menu {
    border-bottom: 1px solid #c5c5c5
}

@media screen and (min-width:0px) and (max-width:768px) {
    .list-menu {
        margin: 0 10px
    }
}

.flex-wrap + .list-menu {
    margin-top: 2rem
}

@media screen and (min-width:769px) {
    .flex-wrap + .list-menu {
        margin-top: 4rem
    }
}

.list-menu__btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

    .list-menu__btns > label, .list-menu__btns button, .list-menu__btns input {
        padding: 1.2rem 1rem 1.5rem;
        color: #636363;
        font-size: 1.6rem
    }

@media screen and (min-width:1024px) and (max-width:1024px) {
    .list-menu__btns > label, .list-menu__btns button, .list-menu__btns input {
        font-size: 1.5rem
    }
}

@media screen and (min-width:1025px) {
    .list-menu__btns > label, .list-menu__btns button, .list-menu__btns input {
        font-size: 2rem
    }
}

.list-menu__btns > label.active, .list-menu__btns button.active, .list-menu__btns input.active {
    background: #e7e6e6;
    color: #1b1b1b
}

.list-menu__btns .accent-btn {
    font-size: 1.6rem;
    color: #1b1b1b
}

@media screen and (min-width:1024px) and (max-width:1024px) {
    .list-menu__btns .accent-btn {
        font-size: 1.5rem
    }
}

.list-menu .search-button {
    padding-left: 1rem;
    padding-right: 0;
    cursor: pointer
}

    .list-menu .search-button + input {
        border: 0;
        padding-left: 10px;
        font-family: Arial,sans-serif;
        width: 11rem;
        transition: all .5s ease-in-out
    }

        .list-menu .search-button + input:-moz-placeholder, .list-menu .search-button + input::-moz-placeholder {
            color: #636363
        }

        .list-menu .search-button + input:-ms-input-placeholder {
            color: #636363
        }

        .list-menu .search-button + input::-webkit-input-placeholder {
            color: #636363
        }

        .list-menu .search-button + input:focus {
            width: inherit;
            -webkit-box-flex: 1;
            -ms-flex-positive: 1;
            flex-grow: 1
        }

            .list-menu .search-button + input:focus + .tooltip__content, .list-menu mat-input-container.simple-mat-input + error-text .search-button + input:focus + .message--error, .list-menu mat-slide-toggle + error-text .search-button + input:focus + .message--error, mat-input-container.simple-mat-input + error-text .list-menu .search-button + input:focus + .message--error, mat-slide-toggle + error-text .list-menu .search-button + input:focus + .message--error {
                display: none
            }

@media screen and (min-width:0px) and (max-width:767px) {
    .list-menu .search-button + input + .tooltip__content, .list-menu mat-input-container.simple-mat-input + error-text .search-button + input + .message--error, .list-menu mat-slide-toggle + error-text .search-button + input + .message--error, mat-input-container.simple-mat-input + error-text .list-menu .search-button + input + .message--error, mat-slide-toggle + error-text .list-menu .search-button + input + .message--error {
        display: none !important
    }
}

.list-menu .filters-button {
    position: relative
}

    .list-menu .filters-button .icon-large-24px-outline_funnel, .list-menu .filters-button .icon-large-24px-outline_group, .list-menu .filters-button .icon-large-48px_fuel {
        font-size: 2.2rem;
        width: 22px;
        display: inline-block;
        position: relative
    }

@media screen and (min-width:1025px) {
    .list-menu .filters-button .icon-large-24px-outline_funnel, .list-menu .filters-button .icon-large-24px-outline_group, .list-menu .filters-button .icon-large-48px_fuel {
        font-size: 2.6rem;
        width: 30px
    }
}

.list-menu .filters-button > i:first-child + span i, .list-menu .filters-button > i:first-child ~ i {
    font-size: 16px
}

.list-menu .filters-button .counter {
    position: absolute;
    bottom: -7px;
    left: 0;
    border: 2px solid #fff
}

.list-menu .options-button {
    padding-right: 1rem;
    margin-left: auto
}

    .list-menu .options-button.hidden + .save-button {
        margin-left: auto
    }

.list-menu .new-button ~ .save-button {
    margin-left: 0 !important
}

.list-menu i.visible-xs {
    font-size: 23px
}

.list-menu__wrap {
    background: #e7e6e6;
    text-align: left;
    padding: 1.5rem 1rem;
    position: relative
}

@media screen and (min-width:769px) {
    .list-menu__wrap {
        padding: 3rem 2rem
    }
}

.list-menu__wrap h2 {
    color: #1b1b1b;
    font-size: 1.6rem;
    font-family: Arial,sans-serif;
    margin-top: 10px
}

@media screen and (min-width:769px) {
    .list-menu__wrap h2 {
        margin-top: 0;
        font-size: 2rem
    }
}

.list-menu__wrap > h2:first-child {
    margin-top: 0;
    margin-bottom: 1.5rem;
    font-size: 2.4rem
}

.list-menu__wrap .reset-button {
    position: absolute;
    top: 18px;
    right: 10px
}

    .list-menu__wrap .reset-button i {
        font-size: 23px;
        position: relative;
        top: -2px
    }

.list-menu__wrap .form-row {
    max-width: inherit
}

.list-menu__wrap .mat-slide-toggle {
    margin-top: 0 !important
}

.list-menu__wrap .left-col .form-row, .list-menu__wrap .right-col .form-row {
    margin-bottom: 2rem
}

    .list-menu__wrap .left-col .form-row:last-child, .list-menu__wrap .right-col .form-row:last-child {
        margin-bottom: 0
    }

@media screen and (min-width:1367px) {
    .list-menu__wrap .left-col {
        width: 60%
    }
}

@media screen and (min-width:0px) and (max-width:480px) {
    .list-menu__wrap .right-col {
        margin-top: 2rem
    }
}

.list-menu__wrap .left-col, .list-menu__wrap .right-col {
    vertical-align: top
}

@media screen and (min-width:1367px) {
    .list-menu__wrap .left-col, .list-menu__wrap .right-col {
        display: inline-block
    }
}

.loading:before {
    width: 100%;
    -webkit-animation: b 1s infinite linear;
    animation: b 1s infinite linear;
    display: block;
    font-family: icomoon;
    content: "";
    font-size: 2rem;
    line-height: 2.7rem;
    vertical-align: middle
}

@media screen and (min-width:769px) {
    .loading:before {
        font-size: 2.7rem;
        line-height: 2.7rem
    }
}

@-webkit-keyframes b {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes b {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

.svg-loader {
    clear: both;
    display: inline-block;
    width: 100%;
    margin: 2rem 0 4rem
}

@media screen and (min-width:769px) {
    .svg-loader {
        margin: 3rem 0 6rem
    }
}

.svg-loader path {
    -webkit-transform-origin: 24px 24px;
    transform-origin: 24px 24px;
    -webkit-animation: b 1s infinite linear;
    animation: b 1s infinite linear
}

.runway--centered .manchet, .runway--form-simple .manchet, .runway--form .manchet {
    max-width: 96.2rem;
    margin: 0 1rem
}

@media screen and (min-width:769px) {
    .runway--centered .manchet, .runway--form-simple .manchet, .runway--form .manchet {
        margin: 0 auto
    }
}

.manchet p {
    margin-top: 0
}

    .manchet p:first-child {
        margin-top: 1.7rem
    }

.message {
    padding-left: 2px;
    padding-top: 6px;
    text-align: left;
    clear: both;
    font-size: .875em
}

@media screen and (min-width:769px) {
    .message {
        font-size: 1em
    }
}

.message--success {
    color: #636363
}

.message--error {
    color: #db001b
}

.message--info-warning {
    color: #636363
}

.message--warning {
    color: #1b1b1b
}

.message p {
    font-size: 1em
}

.message a, .message p {
    color: inherit
}

.message--box {
    position: relative;
    display: inline-block;
    width: 100%;
    margin: 2rem 0;
    min-height: 70px;
    padding: 17px 10px 15px
}

@media screen and (min-width:769px) {
    .message--box {
        padding: 22px 20px 20px
    }
}

form .message--box {
    max-width: 480px;
    margin: 2rem auto 0
}

.dialog form .message--box {
    max-width: inherit
}

form > .message--box:first-child {
    margin-top: 0
}

.message--box h2 {
    display: inline-block;
    vertical-align: middle;
    font-size: 1.5rem;
    margin: 0;
    white-space: normal;
    max-width: 85%
}

@media screen and (min-width:769px) {
    .message--box h2 {
        font-size: 3rem
    }
}

.message--box > div, .message--box p {
    margin: 1.5rem 0
}

    .message--box > div:first-child, .message--box > p:first-child {
        margin-top: 0
    }

    .message--box > div:last-child, .message--box > p:last-child {
        margin-bottom: 0
    }

    .message--box > div p {
        margin-top: 0
    }

.message--box:before {
    display: inline-block;
    position: relative;
    font-family: icomoon;
    top: -1px;
    font-size: 2.5rem;
    vertical-align: middle;
    margin-right: 5px
}

@media screen and (min-width:769px) {
    .message--box:before {
        font-size: 3rem
    }
}

.message--box.align-center {
    padding-left: 20px !important
}

    .message--box.align-center:before {
        position: static;
        margin-top: -5px;
        -webkit-transform: none;
        transform: none
    }

.message--box.message--success {
    background: #eaf3db
}

    .message--box.message--success:before {
        color: #6fdb56;
        content: ""
    }

.message--box.message--error {
    background: #f8ccd1
}

    .message--box.message--error:before {
        color: #db001b;
        content: ""
    }

    .message--box.message--error.align-center:before {
        font-size: 3rem;
        line-height: 1em;
        margin-bottom: 10px
    }

@media screen and (min-width:769px) {
    .message--box.message--error.align-center:before {
        font-size: 4.5rem
    }
}

.message--box.message--warning {
    background: #fef3d3
}

    .message--box.message--warning:before {
        color: #fac323;
        content: ""
    }

.message--box.message--info-warning {
    background: #fef3d3;
    font-size: 1.6rem
}

    .message--box.message--info-warning:before {
        color: #636363;
        content: "";
        font-size: 3rem
    }

@media screen and (min-width:769px) {
    .message--box.message--info-warning:before {
        font-size: 4.5rem
    }
}

.message--box.message--info-warning strong + p {
    margin-top: 0
}

.service-message {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9
}

    .service-message .message--box {
        text-align: center;
        margin: 0;
        padding: 20px;
        min-height: inherit;
        width: 100%;
        max-width: inherit;
        white-space: nowrap
    }

        .service-message .message--box.message--success i {
            color: #6fdb56
        }

        .service-message .message--box i {
            margin-right: 3px;
            font-size: 2.2rem;
            vertical-align: middle;
            position: relative;
            top: -1px
        }

        .service-message .message--box:before {
            display: none
        }

    .service-message .wrap {
        position: relative;
        display: block
    }

@media screen and (min-width:0px) and (max-width:767px) {
    .service-message .wrap {
        padding-right: 15px
    }
}

.service-message .wrap span {
    cursor: pointer
}

.service-message .message__close {
    position: absolute;
    right: -20px
}

@media screen and (min-width:769px) {
    .service-message .message__close {
        right: -5px
    }
}

.page-header {
    font-size: 1.6rem
}

    .page-header > div.runway:first-child {
        z-index: 1
    }


@media screen and (min-width:1024px) {
    .page-header .runway--grey-white .wrap {
        position: relative;
        min-height: 103px
    }
}

.page-header .logo {
    width: 70px;
    left: 20px
}


.page-header .wrap {
    padding: 0 1rem
}

@media screen and (min-width:1024px) {
    .page-header .wrap {
        padding: 0 4rem
    }
}

.page-header .go-right i {
    margin-right: 2px;
    font-size: 2.4rem
}

.logo {
    text-decoration: none;
    transition: opacity .3s ease
}

    .logo img {
        vertical-align: top;
        width: 70px;
        height: 30px
    }

@media screen and (min-width:1024px) {
    .logo img {
        vertical-align: inherit;
        width: 150px;
        height: 63px
    }
}

@media screen and (min-width:0px) and (max-width:1023px) {
    .user-info {
        display: none
    }
}

@media screen and (min-width:1024px) {
    .user-info {
        float: right;
        text-align: right;
        height: 103px;
        color: #727272
    }

        .user-info a {
            color: #727272;
            text-decoration: none;
            font-size: 1.5625em
        }

            .user-info a > i {
                position: relative;
                top: -4px
            }

            .user-info a + button {
                margin-left: 13px
            }

    .user-info--loggedin {
        color: #1b1b1b
    }

        .user-info--loggedin a {
            font-size: 1em;
            color: #1b1b1b;
            padding-top: 2px;
            display: inline-block
        }

            .user-info--loggedin a > i {
                top: -2px
            }
}

.user-info .tbl__cell {
    position: relative
}

.page-main {
    background: #fff;
    clear: both;
}

    .page-main > .wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%
    }

@media screen and (min-width:0px) and (max-width:1023px) {
    .page-main > .wrap .wrap {
        padding: 0
    }
}

.page-main--full .wrap {
    display: block
}

.page-main__nav {
    display: none
}

@media screen and (min-width:1024px) {
    .page-main__nav {
        width: 23%;
        background: #e7e6e6;
        display: block;
        min-width: 30rem;
        border-right: 1px solid #e7e6e6
    }
}

.page-main__content {
    width: 100%;
    text-align: center;
    padding-top: 2rem
}

@media screen and (min-width:769px) and (max-width:1023px) {
    .page-main__content {
        margin: 0 15px
    }
}

@media screen and (min-width:1024px) {
    .page-main__content {
        width: 77%;
        border-right: 1px solid #e7e6e6;
        padding: 3rem 0 0
    }
}

.page-main--full .page-main__content {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
    border-right: 0
}

@media screen and (min-width:1024px) {
    .page-main__content > .runway {
        padding: 2rem 4rem
    }
}

.page-main__content > .runway .wrap {
    max-width: 96.2rem
}

.page-main__content > .runway:first-child {
    padding-top: 0
}

.panel {
    display: block;
    clear: both;
    background: #fff;
    text-align: left;
    padding: 15px 10px;
    font-size: 1.6rem
}

@media screen and (min-width:769px) {
    .panel {
        padding: 20px 25px;
        font-size: 2rem
    }
}

.no-touchevents .panel:not(.panel--no-hover):hover {
    background: #e8e7e7 !important
}

.dialog .panel, .step .panel {
    margin: 0
}

    .dialog .panel + .panel, .step .panel + .panel {
        margin-top: 2rem
    }

.panel--grey {
    background: #f0f1f2
}

.panel-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin: 3rem 10px .5rem;
    padding: 0 10px
}

@media screen and (min-width:769px) {
    .panel-header {
        margin: 3rem 0 .5rem;
        padding: 0 25px
    }
}

.panel-header h2 {
    margin: 0;
    color: #1b1b1b;
    font-family: Arial,sans-serif;
    font-size: 1.5rem
}

@media screen and (min-width:769px) {
    .panel-header h2 {
        font-size: 3rem
    }
}

.panel-header button {
    font-size: 2rem
}

.panel + .panel-header {
    margin-top: 6rem
}

.panel .form-row {
    display: block
}

    .panel .form-row:first-child, .panel .form-row:first-child .form-headline {
        margin-top: 0
    }

    .panel .form-row ~ .form-row:last-child {
        margin-bottom: 0
    }

.panel .form-headline:first-child {
    margin-top: 0
}

@media screen and (min-width:769px) {
    .panel .form-headline + p {
        margin-bottom: 4px
    }
}

@media print {
    .main-menu, .mat-input-suffix, .page-footer, .page-header .runway--grey-light, .user-info {
        display: none !important
    }

    .page-header .runway {
        background: transparent
    }

    .runway {
        border: 0 !important
    }

    .print-only {
        display: inline !important
    }
}

.runway.runway--article {
    border-top: 0;
    padding: 2rem 1rem 3rem
}

@media screen and (min-width:1025px) {
    .runway.runway--article {
        padding: 2rem 6rem 4rem
    }
}

@media screen and (min-width:1367px) {
    .runway.runway--article {
        padding: 2rem 25rem 4rem 6.5rem
    }
}

.runway.runway--article.runway--centered {
    padding: 2rem 0 6rem
}

.runway.runway--article > .wrap {
    text-align: left;
    font-size: 2rem
}

@media screen and (min-width:769px) {
    .runway.runway--article > .wrap {
        font-size: 3rem;
        line-height: 130%
    }
}

.runway.runway--article h1 {
    color: #1b1b1b
}

.runway.runway--article h2 {
    line-height: 133%;
    font-size: 2.7rem;
    margin-bottom: 0
}

@media screen and (min-width:768px) {
    .runway.runway--article h2 {
        font-size: 5.4rem
    }
}

.runway.runway--article h3 {
    line-height: 133%;
    font-size: 2.4rem;
    margin-bottom: 0
}

@media screen and (min-width:768px) {
    .runway.runway--article h3 {
        font-size: 4.8rem
    }
}

.runway.runway--article h4 {
    font-family: Arial,sans-serif;
    line-height: 133%;
    margin-bottom: 0;
    font-size: 2rem
}

@media screen and (min-width:768px) {
    .runway.runway--article h4 {
        font-size: 3rem
    }
}

.runway.runway--article h2, .runway.runway--article h3, .runway.runway--article h4 {
    color: #1b1b1b
}

    .runway.runway--article h2 + ol, .runway.runway--article h2 + p, .runway.runway--article h2 + ul, .runway.runway--article h2:first-child, .runway.runway--article h3 + ol, .runway.runway--article h3 + p, .runway.runway--article h3 + ul, .runway.runway--article h3:first-child, .runway.runway--article h4 + ol, .runway.runway--article h4 + p, .runway.runway--article h4 + ul, .runway.runway--article h4:first-child {
        margin-top: 0
    }

.runway.runway--article p {
    margin: 3rem 0
}

@media screen and (min-width:769px) {
    .runway.runway--article p {
        margin: 4rem 0
    }
}

.runway {
    padding: 1.6rem 0;
    border-top: 1px solid #e6d9d2;
    float: left;
    width: 100%;
    clear: both;
    background-color: #fff;
    text-align: left;
    position: relative
}

.epi-applicationContainer .runway, .epi-editContainer .runway {
    float: none !important
}

.runway--grey {
    background-color: #e7e6e6
}

.runway--grey-white {
    background-color: #f9f9f9
}

.runway--grey-light {
    background-color: #f2f2f2
}

.runway--no-border {
    border-top: 0
}

.runway--no-padding {
    padding: 0 !important
}

.runway--centered {
    text-align: center
}

    .runway--centered > .wrap {
        text-align: center !important
    }

.runway--content-heading {
    text-align: center;
    border-top: 0;
    padding: 0
}

.runway.runway--form {
    border-top: 0;
    margin-bottom: 2rem;
    padding-left: .5rem;
    padding-right: 1rem
}

@media screen and (min-width:481px) {
    .runway.runway--form {
        padding-left: 1rem
    }
}

@media screen and (min-width:769px) {
    .runway.runway--form {
        padding: 2rem 2rem 0;
        margin-bottom: 6rem
    }
}

.runway.runway--form > .wrap {
    max-width: 117rem
}

.runway.runway--form-simple {
    border-top: 0;
    padding-top: 0;
    padding-bottom: 20px;
    text-align: center
}

@media screen and (min-width:0px) and (max-width:768px) {
    .runway.runway--form-simple {
        padding-left: 1rem;
        padding-right: 1rem
    }
}

@media screen and (min-width:769px) and (max-width:1023px) {
    .runway.runway--form-simple {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }
}

.runway.runway--form-simple .manchet, .runway.runway--form-simple h1 ~ p {
    margin-left: 1rem;
    margin-right: 1rem;
    max-width: 96.2rem;
    text-align: center
}

@media screen and (min-width:0px) and (max-width:768px) {
    .runway.runway--form-simple .manchet, .runway.runway--form-simple h1 ~ p {
        margin-top: .5rem
    }
}

@media screen and (min-width:1025px) {
    .runway.runway--form-simple .manchet, .runway.runway--form-simple h1 ~ p {
        margin-left: auto;
        margin-right: auto
    }
}

.runway.runway--form-simple .message--box.message--error, .runway.runway--form-simple .message--box.message--info-warning {
    max-width: 96.2rem
}

.runway.runway--form-header {
    border-top: 0;
    text-align: center;
    padding: 0 1rem
}

@media screen and (min-width:1025px) {
    .runway.runway--form-header {
        margin-top: 5.2rem;
        margin-bottom: 3rem
    }
}

.runway.runway--form-header > .wrap {
    position: relative;
    max-width: 127rem
}

.runway.runway--form-header .logo {
    float: left;
    margin-bottom: 2rem
}

@media screen and (min-width:768px) {
    .runway.runway--form-header .logo {
        margin: 0
    }
}

@media screen and (min-width:769px) {
    .runway.runway--form-header .logo {
        position: absolute;
        left: 0
    }
}

.runway.runway--form-header h1 {
    clear: both
}

@media screen and (min-width:769px) {
    .runway.runway--form-header h1 {
        margin: 0 6rem
    }
}

@media screen and (min-width:1025px) {
    .runway.runway--form-header h1 {
        margin: 0 16rem
    }
}

.runway.runway--mobile-topnav {
    position: static
}

.runway__heading {
    padding: 0 20px
}

h1.runway__heading.h2 {
    margin-top: 20px
}

@media screen and (min-width:769px) {
    h1.runway__heading.h2 {
        margin-top: 40px
    }
}

.h2.runway__heading, h2.runway__heading {
    margin-bottom: 0;
    font-size: 2.25em;
    line-height: 1.13889em;
    color: #1b1b1b
}

@media screen and (min-width:769px) {
    .h2.runway__heading, h2.runway__heading {
        font-size: 3em;
        line-height: 1.10417em
    }
}

html {
    box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0,157,33,.3)
}

    html.menu-open {
        position: fixed
    }

@media screen and (min-width:0px) and (max-width:1023px) {
    html.menu-open {
        overflow: hidden;
        height: 100vh
    }
}

::-moz-selection {
    background: rgba(0,157,33,.3)
}

::selection {
    background: rgba(0,157,33,.3)
}

*, :after, :before {
    box-sizing: inherit
}

ol, ul {
    padding-left: 25px
}

hr {
    width: 100%;
    height: 1px;
    border: 0;
    display: inline-block;
    background: #e7e6e6;
    margin: 2rem 0
}

@media screen and (min-width:769px) {
    hr {
        margin: 3rem 0
    }
}

hr + h2, hr h3, hr h4 {
    margin-top: 1rem
}

nav > p {
    font-size: 1em
}

.block-wrap {
    clear: both;
    display: block;
    width: 100%
}

.sep {
    font-size: .85em;
    margin: 0 .6rem
}

@media screen and (min-width:769px) {
    .sep {
        margin: 0 1.2rem
    }
}

.print-only {
    display: none
}

.sort {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

    .sort:after {
        font-family: icomoon;
        opacity: .3;
        font-size: 1.8rem;
        content: "";
        vertical-align: bottom
    }

@media screen and (min-width:769px) {
    .sort:after {
        vertical-align: middle;
        margin-left: 2px;
        font-size: 1.4rem;
        content: ""
    }
}

.sort--asc:after {
    opacity: 1;
    content: ""
}

@media screen and (min-width:769px) {
    .sort--asc:after {
        content: ""
    }
}

.sort--desc:after {
    opacity: 1;
    content: ""
}

@media screen and (min-width:769px) {
    .sort--desc:after {
        content: ""
    }
}

.table {
    width: 100%;
    border-collapse: collapse;
    color: #1b1b1b
}

.no-touchevents .table--hoverable-rows tbody tr:hover {
    background: #e8e7e7
}

.table thead th {
    font-family: Arial,sans-serif;
    padding: .9rem 1rem 0;
    font-size: 1.5rem;
    font-weight: 400
}

@media screen and (min-width:769px) {
    .table thead th {
        padding: 1.9rem 2rem 0;
        font-size: 2.4rem
    }
}

.table tbody tr:nth-child(odd) {
    background: #f0f1f2
}

.table tbody td {
    padding: 1.4rem 1rem;
    font-size: 1.6rem
}

@media screen and (min-width:769px) {
    .table tbody td {
        padding: 1.9rem 2rem;
        font-size: 2rem
    }
}

.table tbody td i {
    margin-right: 4px;
    font-size: 2.6rem
}

@media screen and (min-width:769px) {
    .table tbody td i {
        font-size: 3.4rem
    }
}

.tooltip {
    position: relative;
    display: inline-block;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

    .tooltip:hover {
        overflow: visible
    }

        .tooltip:hover .tooltip__content, .tooltip:hover mat-input-container.simple-mat-input + error-text .message--error, .tooltip:hover mat-slide-toggle + error-text .message--error, mat-input-container.simple-mat-input + error-text .tooltip:hover .message--error, mat-slide-toggle + error-text .tooltip:hover .message--error {
            opacity: 1
        }

.tooltip__content, mat-input-container.simple-mat-input + error-text .message--error, mat-slide-toggle + error-text .message--error {
    display: block;
    position: absolute;
    left: 100%;
    background: #f0f1f2;
    opacity: 0;
    transition: opacity .3s ease-in-out;
    text-align: center;
    white-space: nowrap;
    min-width: 5rem;
    border: 1px solid #999;
    border-radius: 6px;
    color: #1b1b1b;
    font-family: Arial,sans-serif;
    z-index: 7;
    line-height: 130%;
    font-size: 1.6rem;
    top: -15px;
    padding: 1rem 1.5rem;
    margin-left: 10px
}

@media screen and (min-width:769px) {
    .tooltip__content, mat-input-container.simple-mat-input + error-text .message--error, mat-slide-toggle + error-text .message--error {
        top: -21px;
        padding: 1.5rem 1.3rem;
        font-size: 2rem;
        margin-left: 15px
    }
}

.tooltip__content:after, .tooltip__content:before, mat-input-container.simple-mat-input + error-text .message--error:after, mat-input-container.simple-mat-input + error-text .message--error:before, mat-slide-toggle + error-text .message--error:after, mat-slide-toggle + error-text .message--error:before {
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.tooltip__content:after, mat-input-container.simple-mat-input + error-text .message--error:after, mat-slide-toggle + error-text .message--error:after {
    border-color: transparent;
    border-width: 6px
}

@media screen and (min-width:769px) {
    .tooltip__content:after, mat-input-container.simple-mat-input + error-text .message--error:after, mat-slide-toggle + error-text .message--error:after {
        border-width: 8px
    }
}

.tooltip__content:before, mat-input-container.simple-mat-input + error-text .message--error:before, mat-slide-toggle + error-text .message--error:before {
    border-color: transparent;
    border-width: 7px
}

@media screen and (min-width:769px) {
    .tooltip__content:before, mat-input-container.simple-mat-input + error-text .message--error:before, mat-slide-toggle + error-text .message--error:before {
        border-width: 9px
    }
}

.tooltip__content p, mat-input-container.simple-mat-input + error-text .message--error p, mat-slide-toggle + error-text .message--error p {
    margin: 0
}

body .tooltip--left .tooltip__content, body .tooltip--left mat-input-container.simple-mat-input + error-text .message--error, body .tooltip--left mat-slide-toggle + error-text .message--error, mat-input-container.simple-mat-input + error-text body .tooltip--left .message--error, mat-slide-toggle + error-text body .tooltip--left .message--error {
    left: inherit;
    right: calc(100% + 10px);
    top: 45%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

    body .tooltip--left .tooltip__content:after, body .tooltip--left .tooltip__content:before, body .tooltip--left mat-input-container.simple-mat-input + error-text .message--error:after, body .tooltip--left mat-input-container.simple-mat-input + error-text .message--error:before, body .tooltip--left mat-slide-toggle + error-text .message--error:after, body .tooltip--left mat-slide-toggle + error-text .message--error:before, mat-input-container.simple-mat-input + error-text body .tooltip--left .message--error:after, mat-input-container.simple-mat-input + error-text body .tooltip--left .message--error:before, mat-slide-toggle + error-text body .tooltip--left .message--error:after, mat-slide-toggle + error-text body .tooltip--left .message--error:before {
        left: 100%;
        top: 50%
    }

    body .tooltip--left .tooltip__content:after, body .tooltip--left mat-input-container.simple-mat-input + error-text .message--error:after, body .tooltip--left mat-slide-toggle + error-text .message--error:after, mat-input-container.simple-mat-input + error-text body .tooltip--left .message--error:after, mat-slide-toggle + error-text body .tooltip--left .message--error:after {
        border-left-color: #f0f1f2;
        margin-top: -6px
    }

@media screen and (min-width:769px) {
    body .tooltip--left .tooltip__content:after, body .tooltip--left mat-input-container.simple-mat-input + error-text .message--error:after, body .tooltip--left mat-slide-toggle + error-text .message--error:after, mat-input-container.simple-mat-input + error-text body .tooltip--left .message--error:after, mat-slide-toggle + error-text body .tooltip--left .message--error:after {
        margin-top: -8px
    }
}

body .tooltip--left .tooltip__content:before, body .tooltip--left mat-input-container.simple-mat-input + error-text .message--error:before, body .tooltip--left mat-slide-toggle + error-text .message--error:before, mat-input-container.simple-mat-input + error-text body .tooltip--left .message--error:before, mat-slide-toggle + error-text body .tooltip--left .message--error:before {
    border-left-color: #999;
    margin-top: -7px
}

@media screen and (min-width:769px) {
    body .tooltip--left .tooltip__content:before, body .tooltip--left mat-input-container.simple-mat-input + error-text .message--error:before, body .tooltip--left mat-slide-toggle + error-text .message--error:before, mat-input-container.simple-mat-input + error-text body .tooltip--left .message--error:before, mat-slide-toggle + error-text body .tooltip--left .message--error:before {
        margin-top: -9px
    }
}

body .tooltip--left.tooltip--dark .tooltip__content:after, body .tooltip--left.tooltip--dark .tooltip__content:before, body .tooltip--left.tooltip--dark mat-input-container.simple-mat-input + error-text .message--error:after, body .tooltip--left.tooltip--dark mat-input-container.simple-mat-input + error-text .message--error:before, body .tooltip--left.tooltip--dark mat-slide-toggle + error-text .message--error:after, body .tooltip--left.tooltip--dark mat-slide-toggle + error-text .message--error:before, mat-input-container.simple-mat-input + error-text body .tooltip--left.tooltip--dark .message--error:after, mat-input-container.simple-mat-input + error-text body .tooltip--left.tooltip--dark .message--error:before, mat-slide-toggle + error-text body .tooltip--left.tooltip--dark .message--error:after, mat-slide-toggle + error-text body .tooltip--left.tooltip--dark .message--error:before {
    border-left-color: #6d6d6d !important
}

body .tooltip--right .tooltip__content, body .tooltip--right mat-input-container.simple-mat-input + error-text .message--error, body .tooltip--right mat-slide-toggle + error-text .message--error, mat-input-container.simple-mat-input + error-text body .tooltip--right .message--error, mat-slide-toggle + error-text body .tooltip--right .message--error {
    left: 100%;
    top: 45%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

    body .tooltip--right .tooltip__content:after, body .tooltip--right .tooltip__content:before, body .tooltip--right mat-input-container.simple-mat-input + error-text .message--error:after, body .tooltip--right mat-input-container.simple-mat-input + error-text .message--error:before, body .tooltip--right mat-slide-toggle + error-text .message--error:after, body .tooltip--right mat-slide-toggle + error-text .message--error:before, mat-input-container.simple-mat-input + error-text body .tooltip--right .message--error:after, mat-input-container.simple-mat-input + error-text body .tooltip--right .message--error:before, mat-slide-toggle + error-text body .tooltip--right .message--error:after, mat-slide-toggle + error-text body .tooltip--right .message--error:before {
        right: 100%;
        top: 50%
    }

    body .tooltip--right .tooltip__content:after, body .tooltip--right mat-input-container.simple-mat-input + error-text .message--error:after, body .tooltip--right mat-slide-toggle + error-text .message--error:after, mat-input-container.simple-mat-input + error-text body .tooltip--right .message--error:after, mat-slide-toggle + error-text body .tooltip--right .message--error:after {
        border-right-color: #f0f1f2;
        margin-top: -6px
    }

@media screen and (min-width:769px) {
    body .tooltip--right .tooltip__content:after, body .tooltip--right mat-input-container.simple-mat-input + error-text .message--error:after, body .tooltip--right mat-slide-toggle + error-text .message--error:after, mat-input-container.simple-mat-input + error-text body .tooltip--right .message--error:after, mat-slide-toggle + error-text body .tooltip--right .message--error:after {
        margin-top: -8px
    }
}

body .tooltip--right .tooltip__content:before, body .tooltip--right mat-input-container.simple-mat-input + error-text .message--error:before, body .tooltip--right mat-slide-toggle + error-text .message--error:before, mat-input-container.simple-mat-input + error-text body .tooltip--right .message--error:before, mat-slide-toggle + error-text body .tooltip--right .message--error:before {
    border-right-color: #999;
    margin-top: -7px
}

@media screen and (min-width:769px) {
    body .tooltip--right .tooltip__content:before, body .tooltip--right mat-input-container.simple-mat-input + error-text .message--error:before, body .tooltip--right mat-slide-toggle + error-text .message--error:before, mat-input-container.simple-mat-input + error-text body .tooltip--right .message--error:before, mat-slide-toggle + error-text body .tooltip--right .message--error:before {
        margin-top: -9px
    }
}

body .tooltip--right.tooltip--dark .tooltip__content:after, body .tooltip--right.tooltip--dark .tooltip__content:before, body .tooltip--right.tooltip--dark mat-input-container.simple-mat-input + error-text .message--error:after, body .tooltip--right.tooltip--dark mat-input-container.simple-mat-input + error-text .message--error:before, body .tooltip--right.tooltip--dark mat-slide-toggle + error-text .message--error:after, body .tooltip--right.tooltip--dark mat-slide-toggle + error-text .message--error:before, mat-input-container.simple-mat-input + error-text body .tooltip--right.tooltip--dark .message--error:after, mat-input-container.simple-mat-input + error-text body .tooltip--right.tooltip--dark .message--error:before, mat-slide-toggle + error-text body .tooltip--right.tooltip--dark .message--error:after, mat-slide-toggle + error-text body .tooltip--right.tooltip--dark .message--error:before {
    border-right-color: #6d6d6d !important
}

body .tooltip--top .tooltip__content, body .tooltip--top mat-input-container.simple-mat-input + error-text .message--error, body .tooltip--top mat-slide-toggle + error-text .message--error, mat-input-container.simple-mat-input + error-text body .tooltip--top .message--error, mat-slide-toggle + error-text body .tooltip--top .message--error {
    top: auto;
    bottom: 100%;
    margin-bottom: 10px;
    margin-left: 0;
    left: 50%;
    width: auto;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

    body .tooltip--top .tooltip__content:after, body .tooltip--top .tooltip__content:before, body .tooltip--top mat-input-container.simple-mat-input + error-text .message--error:after, body .tooltip--top mat-input-container.simple-mat-input + error-text .message--error:before, body .tooltip--top mat-slide-toggle + error-text .message--error:after, body .tooltip--top mat-slide-toggle + error-text .message--error:before, mat-input-container.simple-mat-input + error-text body .tooltip--top .message--error:after, mat-input-container.simple-mat-input + error-text body .tooltip--top .message--error:before, mat-slide-toggle + error-text body .tooltip--top .message--error:after, mat-slide-toggle + error-text body .tooltip--top .message--error:before {
        top: 100%;
        left: 50%
    }

    body .tooltip--top .tooltip__content:after, body .tooltip--top mat-input-container.simple-mat-input + error-text .message--error:after, body .tooltip--top mat-slide-toggle + error-text .message--error:after, mat-input-container.simple-mat-input + error-text body .tooltip--top .message--error:after, mat-slide-toggle + error-text body .tooltip--top .message--error:after {
        border-top-color: #f0f1f2;
        margin-left: -6px
    }

@media screen and (min-width:769px) {
    body .tooltip--top .tooltip__content:after, body .tooltip--top mat-input-container.simple-mat-input + error-text .message--error:after, body .tooltip--top mat-slide-toggle + error-text .message--error:after, mat-input-container.simple-mat-input + error-text body .tooltip--top .message--error:after, mat-slide-toggle + error-text body .tooltip--top .message--error:after {
        margin-left: -8px
    }
}

body .tooltip--top .tooltip__content:before, body .tooltip--top mat-input-container.simple-mat-input + error-text .message--error:before, body .tooltip--top mat-slide-toggle + error-text .message--error:before, mat-input-container.simple-mat-input + error-text body .tooltip--top .message--error:before, mat-slide-toggle + error-text body .tooltip--top .message--error:before {
    border-top-color: #999;
    margin-left: -7px
}

@media screen and (min-width:769px) {
    body .tooltip--top .tooltip__content:before, body .tooltip--top mat-input-container.simple-mat-input + error-text .message--error:before, body .tooltip--top mat-slide-toggle + error-text .message--error:before, mat-input-container.simple-mat-input + error-text body .tooltip--top .message--error:before, mat-slide-toggle + error-text body .tooltip--top .message--error:before {
        margin-left: -9px
    }
}

body .tooltip--top.tooltip--dark .tooltip__content:after, body .tooltip--top.tooltip--dark .tooltip__content:before, body .tooltip--top.tooltip--dark mat-input-container.simple-mat-input + error-text .message--error:after, body .tooltip--top.tooltip--dark mat-input-container.simple-mat-input + error-text .message--error:before, body .tooltip--top.tooltip--dark mat-slide-toggle + error-text .message--error:after, body .tooltip--top.tooltip--dark mat-slide-toggle + error-text .message--error:before, mat-input-container.simple-mat-input + error-text body .tooltip--top.tooltip--dark .message--error:after, mat-input-container.simple-mat-input + error-text body .tooltip--top.tooltip--dark .message--error:before, mat-slide-toggle + error-text body .tooltip--top.tooltip--dark .message--error:after, mat-slide-toggle + error-text body .tooltip--top.tooltip--dark .message--error:before {
    border-top-color: #6d6d6d !important
}

body .tooltip--dark .tooltip__content, body .tooltip--dark:after, body .tooltip--dark mat-input-container.simple-mat-input + error-text .message--error, body .tooltip--dark mat-slide-toggle + error-text .message--error, mat-input-container.simple-mat-input + error-text body .tooltip--dark .message--error, mat-slide-toggle + error-text body .tooltip--dark .message--error {
    background: #6d6d6d !important;
    border-color: #6d6d6d !important;
    color: #fff !important
}

body .tooltip.oilhouse-btn {
    line-height: 125%
}

    body .tooltip.oilhouse-btn .tooltip__content, body .tooltip.oilhouse-btn mat-input-container.simple-mat-input + error-text .message--error, body .tooltip.oilhouse-btn mat-slide-toggle + error-text .message--error, mat-input-container.simple-mat-input + error-text body .tooltip.oilhouse-btn .message--error, mat-slide-toggle + error-text body .tooltip.oilhouse-btn .message--error {
        padding: 5px
    }

@media screen and (min-width:0px) and (max-width:768px) {
    body .tooltip.oilhouse-btn .tooltip__content, body .tooltip.oilhouse-btn mat-input-container.simple-mat-input + error-text .message--error, body .tooltip.oilhouse-btn mat-slide-toggle + error-text .message--error, mat-input-container.simple-mat-input + error-text body .tooltip.oilhouse-btn .message--error, mat-slide-toggle + error-text body .tooltip.oilhouse-btn .message--error {
        margin-left: 25px
    }
}

.mat-tooltip {
    background: #f0f1f2 !important;
    text-align: center;
    min-width: 5rem;
    border: 1px solid #999;
    border-radius: 6px;
    color: #1b1b1b !important;
    font-family: Arial,sans-serif;
    z-index: 7;
    font-size: 1.6rem !important;
    padding: 1rem 1.5rem !important;
    margin-left: 10px
}

.breadcrumb a, .edit-button span, .elengros-flytte a, .faktura-info a, .flex-table__moreinfo .flex-table__cell a span, .hint a, .mat-checkbox-label a, .olie-automatisk-levering .form-row .hint + .hint, .pick-list--adr .cell--placering button, .pick-list-toggle span, .runway.runway--article a:not(.btn--white):not(.btn--red), .survey--white .survey__step--no-feedback a, .underline, .view-terms {
    position: relative;
    text-decoration: none;
    display: inline-block
}

    .breadcrumb a:after, .edit-button span:after, .elengros-flytte a:after, .faktura-info a:after, .flex-table__moreinfo .flex-table__cell a span:after, .hint a:after, .mat-checkbox-label a:after, .olie-automatisk-levering .form-row .hint + .hint:after, .pick-list--adr .cell--placering button:after, .pick-list-toggle span:after, .runway.runway--article a:not(.btn--red):not(.btn--white):after, .survey--white .survey__step--no-feedback a:after, .underline:after, .view-terms:after {
        content: "";
        position: absolute;
        top: 1.18em;
        left: .04em;
        display: block;
        height: 1px;
        width: calc(100% - .08em);
        background-color: rgba(99,99,99,.7)
    }

@media screen and (min-width:769px) {
    .breadcrumb a:after, .edit-button span:after, .elengros-flytte a:after, .faktura-info a:after, .flex-table__moreinfo .flex-table__cell a span:after, .hint a:after, .mat-checkbox-label a:after, .olie-automatisk-levering .form-row .hint + .hint:after, .pick-list--adr .cell--placering button:after, .pick-list-toggle span:after, .runway.runway--article a:not(.btn--red):not(.btn--white):after, .survey--white .survey__step--no-feedback a:after, .underline:after, .view-terms:after {
        top: 1.16em
    }
}

.breadcrumb .no-touchevents a:hover:after, .edit-button .no-touchevents span:hover:after, .elengros-flytte .no-touchevents a:hover:after, .faktura-info .no-touchevents a:hover:after, .flex-table__moreinfo .flex-table__cell a .no-touchevents span:hover:after, .hint .no-touchevents a:hover:after, .mat-checkbox-label .no-touchevents a:hover:after, .no-touchevents .breadcrumb a:hover:after, .no-touchevents .edit-button span:hover:after, .no-touchevents .elengros-flytte a:hover:after, .no-touchevents .faktura-info a:hover:after, .no-touchevents .flex-table__moreinfo .flex-table__cell a span:hover:after, .no-touchevents .hint a:hover:after, .no-touchevents .mat-checkbox-label a:hover:after, .no-touchevents .olie-automatisk-levering .form-row .hint + .hint:hover:after, .no-touchevents .pick-list--adr .cell--placering button:hover:after, .no-touchevents .pick-list-toggle span:hover:after, .no-touchevents .runway.runway--article a:not(.btn--red):not(.btn--white):hover:after, .no-touchevents .survey--white .survey__step--no-feedback a:hover:after, .no-touchevents .underline:hover:after, .no-touchevents .view-terms:hover:after, .olie-automatisk-levering .form-row .no-touchevents .hint + .hint:hover:after, .pick-list--adr .cell--placering .no-touchevents button:hover:after, .pick-list-toggle .no-touchevents span:hover:after, .runway.runway--article .no-touchevents a:not(.btn--red):not(.btn--white):hover:after, .survey--white .survey__step--no-feedback .no-touchevents a:hover:after {
    content: none
}

[data-whatinput=initial] :focus, [data-whatinput=mouse] :focus {
    outline: 0
}

[data-whatinput=keyboard] .hidden-toggle:focus + label, [data-whatinput=keyboard] :focus {
    outline: 4px auto #db001b
}

[data-whatinput=touch] :focus {
    outline: 0
}

.wrap {
    max-width: 168rem;
    margin: 0 auto
}

    .wrap > h1:first-child {
        margin-top: 5px
    }

@media screen and (min-width:769px) {
    .wrap > h1:first-child {
        margin-top: 20px
    }
}

.breadcrumb {
    display: none
}

@media screen and (min-width:1024px) {
    .breadcrumb {
        display: inline-block;
        color: #727272;
        margin-top: 2px
    }
}

.breadcrumb p {
    display: inline-block;
    margin: 0
}

.breadcrumb ol {
    list-style: none;
    padding: 0;
    margin: 0 0 0 4px
}

    .breadcrumb ol, .breadcrumb ol li {
        display: inline-block
    }

        .breadcrumb ol li:after {
            font-family: icomoon;
            content: "";
            margin-left: 4px;
            margin-right: 1px;
            font-size: 16px;
            vertical-align: middle;
            color: #999
        }

        .breadcrumb ol li:last-child:after, .breadcrumb ol li:last-child > a:after {
            content: none
        }

.breadcrumb a {
    color: #727272
}

.left-menu {
    padding-bottom: 30px
}

    .left-menu ul {
        list-style: none;
        padding: 0;
        margin: 0
    }

        .left-menu ul.left-menu__lvl-1 > li > .left-menu__item > a > i.icon, .left-menu ul.left-menu__lvl-2 > li > .left-menu__item > a > i.icon {
            display: block;
            position: absolute;
            left: 12px;
            top: 12px;
            text-align: center
        }

@media screen and (min-width:0px) and (max-width:1023px) {
    .left-menu ul.left-menu__lvl-1 > li > .left-menu__item > a > i.icon, .left-menu ul.left-menu__lvl-2 > li > .left-menu__item > a > i.icon {
        font-size: 3rem;
        left: -.3rem;
        top: .6rem
    }
}

.left-menu ul.left-menu__lvl-1 > li > .left-menu__item {
    border-bottom: 1px solid #fff;
    position: relative
}

    .left-menu ul.left-menu__lvl-1 > li > .left-menu__item > a {
        font-size: 1.5625em;
        line-height: 3rem;
        min-height: 4.4rem;
        padding: .7rem 1rem .7rem 2rem
    }

@media screen and (min-width:1024px) {
    .left-menu ul.left-menu__lvl-1 > li > .left-menu__item > a {
        padding: 1.1rem 1rem .7rem 4rem;
        min-height: 4.8rem
    }
}

.no-touchevents .left-menu ul.left-menu__lvl-1 > li > .left-menu__item > a:hover {
    background-color: #edecec
}

.left-menu ul.left-menu__lvl-1 > li > .left-menu__item--no-children {
    border-bottom: 1px solid #fff !important
}

.left-menu ul.left-menu__lvl-2 {
    padding-left: 20px;
    display: none
}

    .left-menu ul.left-menu__lvl-2 > li > .left-menu__item {
        border-bottom: 1px solid #e7e6e6;
        position: relative
    }

        .left-menu ul.left-menu__lvl-2 > li > .left-menu__item > a {
            font-size: 1em;
            line-height: 3rem;
            padding: .7rem 1rem .7rem 3rem;
            min-height: 4.4rem
        }

@media screen and (min-width:1024px) {
    .left-menu ul.left-menu__lvl-2 > li > .left-menu__item > a {
        font-size: 1.5625em;
        line-height: 1.2em;
        padding: 1.1rem 1rem .7rem 2rem;
        min-height: 4.8rem
    }
}

@media screen and (min-width:1024px) {
    .left-menu ul.left-menu__lvl-2 > li > .left-menu__item > a > i.icon {
        left: -9px
    }
}

.left-menu ul.left-menu__lvl-2 > li:last-child > .left-menu__item {
    border-bottom: 0
}

.left-menu ul.left-menu__lvl-2 > li:last-child > .left-menu__item--inpath {
    border-bottom: 1px solid #e7e6e6
}

.no-touchevents .left-menu ul.left-menu__lvl-2 a:hover {
    color: #1b1b1b
}

.left-menu ul.left-menu__lvl-3 {
    display: none;
    margin-left: 2rem;
    padding-left: 2rem
}

@media screen and (min-width:1024px) {
    .left-menu ul.left-menu__lvl-3 {
        padding-left: 2rem;
        margin-left: 0
    }
}

.left-menu ul.left-menu__lvl-3 > li > .left-menu__item {
    border-bottom: 1px solid #e7e6e6
}

    .left-menu ul.left-menu__lvl-3 > li > .left-menu__item > a {
        font-size: 1em;
        line-height: 3rem;
        padding: .7rem 1rem .7rem 3rem;
        min-height: 4.4rem
    }

@media screen and (min-width:1024px) {
    .left-menu ul.left-menu__lvl-3 > li > .left-menu__item > a {
        font-size: 1.25em;
        line-height: 1.25em;
        padding: 1.1rem 1rem .7rem 0;
        min-height: 4.8rem
    }
}

.left-menu ul.left-menu__lvl-4 {
    display: none;
    padding-left: 2rem
}

@media screen and (min-width:1024px) {
    .left-menu ul.left-menu__lvl-4 {
        padding-left: 0;
        margin-left: 0
    }
}

.left-menu ul.left-menu__lvl-4 > li > .left-menu__item {
    border-bottom: 1px solid #e7e6e6
}

    .left-menu ul.left-menu__lvl-4 > li > .left-menu__item > a {
        font-size: 1em;
        line-height: 1.875em;
        color: #8c8c8c;
        padding: .7rem 1rem .7rem 3rem;
        min-height: 4.4rem
    }

@media screen and (min-width:1024px) {
    .left-menu ul.left-menu__lvl-4 > li > .left-menu__item > a {
        padding: 1.1rem 1rem .7rem 2rem;
        min-height: 4.8rem
    }
}

@media screen and (min-width:1024px) {
    .left-menu .privat .left-menu__lvl-2 > li > .left-menu__item > a {
        font-size: 1.25em;
        line-height: 1.25em;
        min-height: 4.8rem
    }
}

.left-menu .privat .left-menu__lvl-2 > li a.active {
    color: inherit !important
}

.left-menu .privat .left-menu__item--initial + .left-menu__lvl-2 > li a.active {
    color: #000 !important
}

.left-menu .erhverv .left-menu__lvl-3 .left-menu__item a.active {
    color: #727272 !important
}

.left-menu .erhverv .left-menu__lvl-3 .left-menu__item--initial ~ .left-menu__lvl-4 a.active {
    color: #000 !important
}

.left-menu__header > a {
    background: #727272;
    color: #fff;
    font-family: Arial,sans-serif;
    text-transform: uppercase;
    font-size: 1em;
    line-height: 1.25em;
    border-bottom: 1px solid #fff;
    text-decoration: none;
    display: block;
    padding: 1rem 1.5rem 1rem 2rem;
    transition: background .25s ease-in-out
}

@media screen and (min-width:1024px) {
    .left-menu__header > a {
        padding: 2rem 1.5rem 2rem 4rem
    }
}

.no-touchevents .left-menu__header > a:hover {
    background: #999;
    color: #fff
}

.left-menu__header i {
    margin-right: 9px;
    position: relative;
    top: -2px;
    font-size: 2.2rem
}

    .left-menu__header i.icon-large-16px-home-simple {
        font-size: 1.8rem
    }

.left-menu__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #727272
}

.left-menu__item--inpath {
    border-color: #e7e6e6 !important
}

    .left-menu__item--inpath + .left-menu__lvl-2 {
        border-bottom: 1px solid #fff
    }

        .left-menu__item--inpath + .left-menu__lvl-2 > li:last-child > .left-menu__lvl-3 {
            border: 0
        }

    .left-menu__item--inpath + .left-menu__lvl-3 {
        border-bottom: 1px solid #e7e6e6
    }

        .left-menu__item--inpath + .left-menu__lvl-3 > li:last-child > .left-menu__item, .left-menu__item--inpath + .left-menu__lvl-3 > li:last-child > .left-menu__lvl-4 {
            border-bottom: 0
        }

        .left-menu__item--inpath + .left-menu__lvl-3 > li:last-child > .left-menu__item--inpath {
            border-bottom: 1px solid #e7e6e6
        }

        .left-menu__item--inpath + .left-menu__lvl-3 .left-menu__lvl-4 > li:last-child > .left-menu__item {
            border: 0
        }

    .left-menu__item--inpath + .left-menu__lvl-4 {
        border-bottom: 1px solid #e7e6e6
    }

    .left-menu__item--inpath > button.expand {
        background-color: #f2f2f2;
        border-color: #e7e6e6
    }

        .left-menu__item--inpath > button.expand i {
            color: #1b1b1b
        }

            .left-menu__item--inpath > button.expand i.visible-xs:before {
                content: ""
            }

            .left-menu__item--inpath > button.expand i.hidden-xs:before {
                content: ""
            }

    .left-menu__item--inpath + mok-left-nav nav > ul, .left-menu__item--inpath + ul {
        display: block !important;
        background-color: #f2f2f2
    }

        .left-menu__item--inpath + mok-left-nav nav > ul button, .left-menu__item--inpath + ul button {
            border-color: #e7e6e6 !important
        }

            .left-menu__item--inpath + mok-left-nav nav > ul button i, .left-menu__item--inpath + ul button i {
                color: #1b1b1b
            }

.left-menu__item--profile {
    background-color: #727272;
    color: #fff;
    margin-left: 0 !important
}

    .left-menu__item--profile > a {
        color: #fff;
        padding: .9rem 1rem .1rem 5rem !important
    }

        .left-menu__item--profile > a > i.icon {
            left: 22px !important;
            font-size: 1.6rem !important;
            top: 13px !important
        }

        .left-menu__item--profile > a > span {
            font-size: 16px;
            line-height: 1em;
            display: inline-block;
            font-family: Arial,sans-serif
        }

            .left-menu__item--profile > a > span span {
                display: block;
                font-size: 1.2rem;
                line-height: 1em;
                text-transform: uppercase
            }

    .left-menu__item--profile button.expand {
        background: #727272
    }

        .left-menu__item--profile button.expand .icon {
            color: #fff
        }

.left-menu__item a {
    -webkit-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    text-decoration: none;
    vertical-align: middle;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
    transition: background .25s ease-in-out,color .25s ease-in-out
}

    .left-menu__item a.change-customer {
        width: 100%;
        height: 44px
    }

@media screen and (min-width:1025px) {
    .left-menu__item a.change-customer {
        height: 48px
    }
}

.left-menu__item a.change-customer .ellipsis {
    vertical-align: middle;
    width: 82%
}

@media screen and (min-width:1367px) {
    .left-menu__item a.change-customer .ellipsis {
        width: 85%
    }
}

.left-menu__item a.change-customer .icon-wrap {
    float: right;
    text-align: center;
    line-height: 1.9rem;
    margin-top: 0;
    font-size: 1.2rem
}

@media screen and (min-width:1025px) {
    .left-menu__item a.change-customer .icon-wrap {
        font-size: 1.6rem;
        margin-top: -4px;
        line-height: 2.2rem
    }
}

.left-menu__item a.change-customer .icon-wrap i {
    display: block;
    width: 100%;
    margin-bottom: 0;
    font-size: 1.4rem
}

@media screen and (min-width:1025px) {
    .left-menu__item a.change-customer .icon-wrap i {
        font-size: 1.6rem
    }
}

.left-menu__item a.active {
    color: #000 !important
}

.left-menu__item button {
    display: inline-block;
    float: right;
    background: transparent none;
    border: 0;
    border-left: 1px solid #fff;
    min-width: 44px;
    height: 44px;
    padding: 0;
    transition: background .25s ease-in-out,color .25s ease-in-out
}

@media screen and (min-width:1024px) {
    .left-menu__item button {
        min-width: 48px;
        height: 48px
    }
}

.no-touchevents .left-menu__item button:hover {
    color: #1b1b1b;
    background-color: #edecec
}

.left-menu__item button.expand {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
}

.left-menu__item button.edit {
    border-right: 1px solid #fff;
    margin-right: -1px;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

.left-menu__item button i {
    font-size: 2.5rem
}

@media screen and (min-width:768px) {
    .left-menu__item button i {
        font-size: 1.6rem
    }
}

@media screen and (min-width:768px) and (max-width:768px) {
    .left-menu__item button i {
        margin-left: -2px
    }
}

.left-menu__search {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-right: 20px;
    padding-top: 5px
}

    .left-menu__search form {
        -webkit-box-flex: 2;
        -ms-flex-positive: 2;
        flex-grow: 2;
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
        position: relative;
        margin-bottom: 5px
    }

        .left-menu__search form > button {
            position: absolute;
            left: 0;
            line-height: 1rem;
            border: 0;
            top: 1px;
            height: 35px;
            min-width: 30px;
            cursor: default
        }

@media screen and (min-width:1024px) {
    .left-menu__search form > button {
        width: 58px
    }
}

.no-touchevents .left-menu__search form > button:hover {
    background: transparent
}

@media screen and (min-width:0px) and (max-width:1023px) {
    .left-menu__search form > button .icon {
        font-size: 1.3rem
    }
}

.left-menu__search #kontosearch {
    background: #fff;
    border: 1px solid #999;
    width: 100%;
    border-radius: 6px;
    color: #999;
    font-family: Arial,sans-serif !important;
    font-size: 1em !important;
    line-height: 38px;
    height: 37px;
    padding: 0 1.2rem 0 3rem
}

@media screen and (min-width:1024px) {
    .left-menu__search #kontosearch {
        padding: 0 1.2rem 0 4.4rem
    }
}

.left-menu__search__options {
    background: #e7e6e6;
    width: 100%;
    padding: 1rem;
    display: none
}

.left-menu__search__options-toggle.active {
    background-color: #e7e6e6;
    font-family: Arial,sans-serif;
    color: #1b1b1b
}

    .left-menu__search__options-toggle.active + .left-menu__search__options {
        display: block
    }

.left-menu__search__options-toggle .state--active i {
    font-size: 1rem;
    position: relative;
    top: 5px
}

.left-menu__search__options-toggle .state--inactive i {
    font-size: 2rem;
    position: relative;
    top: 3px
}

.main-menu {
    display: none
}

@media screen and (min-width:1024px) {
    .main-menu {
        display: inline-block;
        margin-top: 25px
    }

        .main-menu:before {
            content: "";
            width: 15%;
            height: 1px;
            min-width: 210px;
            display: inline-block
        }
}

.main-menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: inline-block
}

.main-menu li {
    float: left
}

.main-menu__link {
    font-size: 1.5625em;
    text-decoration: none;
    padding: 1rem 1.8rem;
    display: inline-block;
    position: relative;
    top: 1px;
    margin-top: -1px
}

.toggle-mobilemenu {
    cursor: pointer
}

.mobile-topnav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

    .mobile-topnav a {
        text-decoration: none
    }

    .mobile-topnav .left-menu__header .icon {
        margin-right: 5px;
        font-size: 2rem
    }

.mobile-menu {
    position: fixed;
    left: -100%;
    top: 62px;
    width: 100%;
    bottom: 0;
    right: 0;
    z-index: 6;
    opacity: 0;
    transition: all .2s ease-out
}

@media screen and (min-width:1025px) {
    .mobile-menu {
        display: none
    }
}

.mobile-menu .main-menu {
    display: block
}

.mobile-menu > label {
    position: fixed;
    right: -100%;
    top: 15px;
    z-index: 6;
    opacity: 0;
    transition: opacity 1s ease .2s,right .4s ease-out .3s;
    font-size: 12px
}

    .mobile-menu > label .icon {
        font-size: 30px
    }

.mobile-menu__wrap {
    background: #e7e6e6;
    height: 100%;
    overflow-y: scroll
}

.mobile-menu .left-menu {
    padding-bottom: 0
}

.mobile-menu .root-menu .left-menu__lvl-2 .left-menu__item a {
    font-size: 2rem
}

#toggle-mobilemenu-input:checked ~ .mobile-menu {
    left: 0;
    opacity: 1
}

    #toggle-mobilemenu-input:checked ~ .mobile-menu > label {
        opacity: 1;
        right: .5rem
    }

.left-menu.mobile-user-menu .left-menu__lvl-1 > li > .left-menu__item {
    margin-left: 2rem
}

    .left-menu.mobile-user-menu .left-menu__lvl-1 > li > .left-menu__item > a {
        font-size: 1.25em;
        padding: .7rem 1rem .7rem 3rem
    }

.left-menu.mobile-user-menu .left-menu__lvl-2 {
    padding: 0
}

    .left-menu.mobile-user-menu .left-menu__lvl-2 > li > .left-menu__item {
        margin-left: 2rem
    }

.left-menu.mobile-user-menu > ul a i.icon {
    font-size: 1.3rem !important;
    top: 15px !important;
    left: 6px !important
}

.left-menu.mobile-user-menu mok-left-nav, .left-menu.mobile-user-menu ul.left-menu__lvl-1 > li {
    display: none
}

.left-menu.mobile-user-menu > ul.left-menu__lvl-1 > li:first-child {
    display: block
}

.left-menu.mobile-user-menu--active {
    border-bottom: 5px solid #727272
}

    .left-menu.mobile-user-menu--active mok-left-nav-mobile .left-menu__lvl-1 > li:last-child > .left-menu__item {
        border-bottom: 0
    }

    .left-menu.mobile-user-menu--active ul.left-menu__lvl-1 > li {
        display: block
    }

.left-menu.mobile-user-menu .expand .counter {
    width: 7px;
    height: 7px;
    position: absolute;
    top: 4px;
    right: 4px;
    line-height: 1em
}

.left-menu.mobile-user-menu .left-menu__item > a.red-alert {
    color: #db001b
}

    .left-menu.mobile-user-menu .left-menu__item > a.red-alert .counter {
        float: right;
        margin-top: 5px;
        margin-right: 1px;
        line-height: 21px
    }

@media screen and (min-width:769px) {
    .segment {
        display: inline-block;
        vertical-align: bottom;
        height: 42px
    }

        .segment:before {
            content: "";
            width: 15%;
            height: 1px;
            min-width: 210px;
            display: inline-block
        }
}

.mobile-menu__wrap .segment {
    height: 4.4rem
}

.segment ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: inline-block
}

@media screen and (min-width:0px) and (max-width:768px) {
    .segment ul {
        width: 100%
    }
}

.segment li {
    float: left
}

@media screen and (min-width:0px) and (max-width:768px) {
    .segment li {
        width: 33.3333%
    }
}

.segment li:last-child > a {
    border-right: 0
}

.segment__link {
    text-decoration: none;
    padding: 1rem 1.8rem;
    border: 1px solid #fff;
    background: #f9f9f9;
    border-left: 0;
    text-align: center;
    display: block
}

@media screen and (min-width:769px) {
    .segment__link {
        background: transparent;
        display: inline-block;
        width: inherit;
        border: 0;
        position: relative;
        top: 1px;
        margin-top: -1px
    }
}

.segment__link--active {
    background-color: #e7e6e6;
    border-bottom: 1px solid #e7e6e6
}

@media screen and (min-width:769px) {
    .segment__link--active {
        background-color: #f9f9f9;
        border-bottom: 0;
        border-left: 1px solid #e7e6e6;
        border-right: 1px solid #e7e6e6;
        border-top: 1px solid #f9f9f9
    }
}

.no-touchevents .segment__link:hover {
    color: #1b1b1b
}

.toolbar ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.toolbar li {
    float: right
}

    .toolbar li:first-child .toolbar__link {
        padding-right: 0
    }

.toolbar__link {
    text-decoration: none;
    padding: 1rem;
    display: inline-block;
    position: relative;
    top: 1px;
    margin-top: -1px
}

.no-touchevents .toolbar__link:hover {
    color: #1b1b1b
}

.accordion {
    max-width: 96.2rem;
    margin-left: auto;
    margin-right: auto;
    font-size: 1.6rem
}

    .accordion + .accordion {
        padding-top: 3rem
    }

    .accordion > h2 {
        color: #1b1b1b;
        text-align: left;
        margin-bottom: 1rem;
        padding: 0 1rem;
        font-size: 1.5em
    }

@media screen and (min-width:769px) {
    .accordion > h2 {
        margin-bottom: 3rem;
        padding: 0 2rem;
        font-size: 3em
    }
}

.accordion__wrap {
    border-bottom: 1px solid #e7e6e6;
    text-align: left
}

@media screen and (min-width:769px) {
    .accordion--compressed .accordion__wrap {
        border: 0
    }
}

.accordion__item {
    width: 100%;
    border-top: 1px solid #e7e6e6
}

    .accordion__item input.hidden-toggle:checked + label span {
        color: #1b1b1b
    }

@media screen and (min-width:769px) {
    .accordion__item input.hidden-toggle:checked + label span {
        font-family: Arial,sans-serif
    }
}

.accordion__item input.hidden-toggle:checked + label i:before {
    content: ""
}

@media screen and (min-width:769px) {
    .accordion__item input.hidden-toggle:checked + label i:before {
        content: ""
    }
}

.no-touchevents .accordion__item input.hidden-toggle:checked + label:hover {
    background: transparent
}

.accordion__item input.hidden-toggle:checked ~ .accordion__content {
    display: block
}

.accordion__item.unread label {
    font-family: Arial,sans-serif
}

@media screen and (min-width:769px) {
    .accordion--compressed .accordion__item {
        width: auto;
        border: 0
    }
}

.accordion__content {
    display: none;
    text-align: left;
    padding: 0 1rem 1.5rem;
    font-size: 1em
}

@media screen and (min-width:769px) {
    .accordion__content {
        font-size: 1.25em;
        padding: 0 2rem 2.5rem
    }
}

.accordion__content p:first-child {
    margin-top: 0
}

.accordion__content > * {
    font-size: 1em
}

.accordion__content .qlinks {
    max-width: none;
    margin-left: inherit
}

@media screen and (min-width:769px) {
    .accordion__content .qlinks {
        margin-top: 3rem
    }
}

.accordion--compressed .accordion__content .qlinks {
    margin-top: 0;
    margin-bottom: 0
}

.accordion--compressed .accordion__content .qlinks__wrap {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.accordion__link, .faq-list__item a {
    text-decoration: none;
    cursor: pointer;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem;
    transition: background .25s ease-in-out
}

@media screen and (min-width:769px) {
    .accordion__link, .faq-list__item a {
        padding: 1.8rem 2rem
    }
}

.faq-list__item .no-touchevents a:hover, .no-touchevents .accordion__link:hover, .no-touchevents .faq-list__item a:hover {
    background-color: #e8e7e7
}

.accordion--compressed .accordion__link, .accordion--compressed .faq-list__item a, .faq-list__item .accordion--compressed a {
    padding: 1.8rem 1rem
}

@media screen and (min-width:769px) {
    .accordion--compressed .accordion__link, .accordion--compressed .faq-list__item a, .faq-list__item .accordion--compressed a {
        display: inline-block;
        text-align: left;
        padding: 1rem 2rem
    }
}

.faq-list__item .no-touchevents .accordion--compressed a:hover, .no-touchevents .accordion--compressed .accordion__link:hover, .no-touchevents .accordion--compressed .faq-list__item a:hover {
    background-color: inherit
}

.accordion__link span, .faq-list__item a span {
    text-align: left;
    font-size: 1em;
    font-family: Arial,sans-serif;
    -webkit-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2
}

@media screen and (min-width:769px) {
    .accordion__link span, .faq-list__item a span {
        font-size: 1.5em
    }
}

@media screen and (min-width:769px) {
    .accordion--compressed .accordion__link span, .accordion--compressed .faq-list__item a span, .faq-list__item .accordion--compressed a span {
        color: #1b1b1b;
        font-family: Arial,sans-serif;
        font-size: 1.875em
    }
}

.accordion__link i, .faq-list__item a i {
    font-family: icomoon;
    font-style: normal;
    vertical-align: middle;
    text-align: right;
    width: 50px;
    display: inline-block
}

    .accordion__link i:before, .faq-list__item a i:before {
        content: ""
    }

@media screen and (min-width:769px) {
    .accordion__link i:before, .faq-list__item a i:before {
        content: ""
    }
}

@media screen and (min-width:769px) {
    .accordion--compressed .accordion__link i, .accordion--compressed .faq-list__item a i, .faq-list__item .accordion--compressed a i {
        width: auto;
        position: relative;
        top: -2px;
        vertical-align: inherit
    }
}

.contact-box .qlinks__item:first-child {
    margin-left: 0
}

.contact-box__txt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (min-width:768px) {
    .contact-box__txt {
        margin: 4rem 2rem
    }
}

.contact-box__txt > div {
    text-align: left
}

.contact-box__txt h2 {
    margin-bottom: 0;
    color: #1b1b1b
}

    .contact-box__txt h2 + p {
        margin-top: 0
    }

@media screen and (min-width:768px) {
    .contact-box__txt .qlinks {
        margin-top: 4rem
    }
}

@media screen and (min-width:0px) and (max-width:767px) {
    .contact-box__img {
        min-height: 23rem
    }
}

.kontakt-form .form-row + .form-btns {
    padding-top: 3rem
}

.kontakt-form .more-help {
    padding: 3rem 0 1rem
}

@media screen and (min-width:768px) {
    .kontakt-form .more-help {
        padding: 5rem 0 3rem
    }
}

@media screen and (min-width:0px) and (max-width:767px) {
    .kontakt-form .more-help .mat-button {
        padding: 0 10px
    }

        .kontakt-form .more-help .mat-button + .mat-button {
            margin-left: 10px
        }
}

.error-page img {
    max-width: 35rem
}

.faq-list-header {
    color: #1b1b1b;
    text-align: left;
    margin-bottom: 1rem;
    padding: 0 1rem;
    font-size: 1.5em;
    margin-top: 3rem
}

@media screen and (min-width:769px) {
    .faq-list-header {
        padding: 0 2rem;
        margin-top: 6rem;
        font-size: 3em
    }
}

.faq-search faq-search .faq-list > h2 {
    margin: 7.4rem 0 5.3rem
}

.faq-search faq-search .mat-input-element::-ms-clear {
    display: none
}

.faq-list__item {
    width: 100%;
    border-top: 1px solid #e7e6e6
}

    .faq-list__item a i:before {
        content: "" !important
    }

@media screen and (min-width:769px) {
    .faq-list__item a i:before {
        content: "" !important
    }
}

.faq-list__wrap {
    margin-bottom: 2rem;
    border-bottom: 1px solid #e7e6e6
}

@media screen and (min-width:769px) {
    .faq-list__wrap {
        margin-bottom: 3rem
    }
}

login-form .login-form:first-child {
    padding: 0
}

@media screen and (min-width:0px) and (max-width:480px) {
    login-form .login-form:first-child > .wrap {
        padding: 0
    }
}

.login-form > .wrap {
    max-width: 480px !important;
    text-align: center
}

.login-form .go-left {
    overflow: hidden
}

    .login-form .go-left .form-row {
        margin-top: 10px !important
    }

        .login-form .go-left .form-row .mat-checkbox {
            padding-top: 0
        }

        .login-form .go-left .form-row .mat-checkbox-label {
            white-space: nowrap
        }

.login-form .go-right {
    margin-top: 4px
}

@media screen and (min-width:0px) and (max-width:480px) {
    .login-form .go-right {
        width: 100%;
        clear: both;
        margin-bottom: 20px
    }

        .login-form .go-right > button {
            width: 100%
        }
}

@media screen and (min-width:769px) {
    .login-form .go-right {
        margin-top: 0;
        margin-bottom: 10px
    }
}

.login-form .nemid-link {
    clear: both;
    display: block;
    margin: 60px 0 20px;
    position: relative;
    text-align: center;
    font-size: 1.1875em
}

    .login-form .nemid-link:before {
        content: "";
        display: block;
        position: absolute;
        top: -30px;
        left: 0;
        right: 0;
        width: 86px;
        height: 1px;
        margin: 0 auto;
        background: #b3b3b3
    }

.login-form #email {
    text-align: left
}

@media screen and (min-width:0px) and (max-width:767px) {
    .login-form #email .form-row {
        margin-top: 0;
        margin-bottom: 0
    }
}

@media screen and (min-width:0px) and (max-width:480px) {
    .login-form #email .form-row .hint {
        margin-top: 10px
    }
}

.login-form__nav {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

    .login-form__nav li {
        font-size: 1.6rem;
        width: 50%
    }

        .login-form__nav li:first-child .login-form__nav-item {
            border-left: 0
        }

.login-form__nav-item {
    background: #f9f9f9;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
    display: block;
    padding: 1.3rem 2rem .8rem;
    text-align: center;
    font-size: 2rem;
    text-decoration: none
}

.no-touchevents .login-form__nav-item:hover {
    background-color: #f2f2f2
}

.login-form__nav-item--active {
    background: #e7e6e6;
    border-bottom: 1px solid #e7e6e6
}

.no-touchevents .login-form__nav-item--active:hover {
    background: #e7e6e6
}

.login-form__business, .login-form__forgot {
    display: block;
    clear: both
}

@media screen and (min-width:0px) and (max-width:768px) {
    .login-form__business, .login-form__forgot {
        font-size: .75em
    }
}

.login-form__forgot {
    margin-bottom: 15px;
    margin-top: -5px
}

@media screen and (min-width:769px) {
    .login-form__forgot {
        margin-top: -15px
    }
}

.login-form__business {
    margin-top: 15px;
    font-size: 1em;
    float: left
}

@media screen and (min-width:769px) {
    .login-form__business {
        font-size: 1.1875em
    }
}

.login-form.runway--grey {
    padding: 15px 0
}

@media screen and (min-width:769px) {
    .login-form.runway--grey {
        padding: 25px 0 40px
    }
}

.email-verification-form nemid-verification-form {
    display: block;
    color: #1b1b1b
}

.nvtooltip {
    border: 0 !important;
    border-radius: 0 !important
}

.chart-tip {
    text-align: center;
    font-size: 2rem;
    line-height: 2.5rem;
    padding: 1rem
}

.chart {
    display: inline-block;
    width: 100%;
    margin-bottom: 20px
}

    .chart.rotated {
        margin-bottom: 90px
    }

    .chart svg {
        height: 400px !important;
        overflow: visible
    }

.chart-nodata {
    color: #9d0024;
    text-align: center;
    padding: 0 40px;
    font-size: 1.5em;
    margin-bottom: 20px
}

@media screen and (min-width:768px) {
    .chart-nodata {
        font-size: 1.875em
    }
}

.chart-nodata .icon {
    display: block;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 45px
}

@media screen and (min-width:768px) {
    .chart-nodata .icon {
        margin-top: 40px;
        margin-bottom: 25px;
        font-size: 90px
    }
}

.chart .nvd3 text {
    font-size: 1.6rem;
    font-family: Arial,sans-serif
}

.chart .nvd3 .nv-y text {
    margin-right: 5px
}

.chart .nvd3 .nv-x text {
    font-family: Arial,sans-serif;
    font-weight: 400
}

.chart .nvd3 .nv-legend-text {
    margin-bottom: 10px
}

.chart .nvd3 .tick text {
    opacity: 1 !important
}

.elengros-flytte {
    margin-bottom: 20px
}

@media screen and (min-width:0px) and (max-width:767px) {
    .elengros-flytte {
        text-align: left;
        margin-left: 15px
    }
}

.elengros-flytte h2 {
    margin-bottom: 0;
    padding: 0
}

.elengros-flytte a {
    font-size: 1em
}

@media screen and (min-width:768px) {
    .elengros-flytte a {
        font-size: 1.5em
    }
}

@media screen and (min-width:769px) {
    .elengros-flytte-form {
        padding: 2rem 7rem !important
    }
}

.elengros-flytte-form .pick-list-toggle {
    margin-top: 0
}

.elengros-flytte-form .manchet, .elengros-flytte-form h1.runway__heading {
    text-align: center
}

.elengros-flytte-form .vaelgere .grid-box__item {
    text-align: left;
    padding: 0
}

    .elengros-flytte-form .vaelgere .grid-box__item h2 {
        color: #1b1b1b;
        font-size: 1.6rem !important
    }

@media screen and (min-width:769px) {
    .elengros-flytte-form .vaelgere .grid-box__item h2 {
        font-size: 2.4rem !important
    }
}

.elengros-flytte-form el-aftale-vaelger {
    display: inline-block;
    min-height: inherit
}

    .elengros-flytte-form el-aftale-vaelger p {
        margin-top: 0
    }

@media screen and (min-width:769px) {
    .elengros-flytte-form .form-headline {
        margin-bottom: 6px
    }

        .elengros-flytte-form .form-headline + p {
            font-size: 2.2rem;
            margin-bottom: 5px
        }
}

@media screen and (min-width:769px) {
    .elengros-flytte-form .table {
        width: calc(100% + 40px);
        margin: 3rem 0 3rem -2rem
    }

        .elengros-flytte-form .table td:first-child, .elengros-flytte-form .table th:first-child {
            width: 60%
        }
}

.elengros-forbrug .form-row {
    max-width: inherit
}

@media screen and (min-width:0px) and (max-width:1024px) {
    .elengros-forbrug .chart {
        padding-left: 20px
    }
}

@media screen and (min-width:0px) and (max-width:767px) {
    .elengros-forbrug .mat-slider-track {
        left: 20px !important;
        right: 20px !important
    }
}

csv-overlay .dialog {
    max-width: 43rem !important
}

csv-overlay .dialog__content {
    text-align: center
}

csv-overlay button.btn {
    padding: 0 20px 0 15px;
    margin-bottom: 20px;
    font-size: 1.25em;
    font-family: Arial,sans-serif;
    min-width: 130px;
    text-align: left
}

    csv-overlay button.btn .icon {
        margin-right: 10px
    }

@media screen and (min-width:0px) and (max-width:1024px) {
    forbrugs-graf-advanced .flex-wrap {
        padding: 0 1rem
    }
}

forbrugs-graf-advanced .runway__heading {
    margin-top: 7rem
}

@media screen and (min-width:768px) {
    forbrugs-graf-advanced .runway__heading {
        margin-top: 9rem
    }
}

@media screen and (min-width:0px) and (max-width:767px) {
    forbrugs-graf-advanced .runway__heading + p {
        margin-top: 5px;
        margin-bottom: 0
    }
}

@media screen and (min-width:769px) {
    .elengros-historik thead th {
        font-size: 2.9rem
    }
}

@media screen and (min-width:769px) {
    .elengros-historik tbody td {
        padding: 2.5rem 2rem;
        font-size: 2rem
    }
}

.elengros-overblik h2 {
    font-size: 1.6875em;
    line-height: 1.18519em;
    font-family: Arial,sans-serif
}

@media screen and (min-width:769px) {
    .elengros-overblik h2 {
        font-size: 3em;
        line-height: 1.20833em
    }
}

.elengros-overblik .table {
    margin-top: 30px
}

    .elengros-overblik .table td {
        padding: 1.9rem .6rem
    }

    .elengros-overblik .table th {
        padding: 0 .6rem;
        font-family: Arial,sans-serif;
        font-size: .9375em
    }

@media screen and (min-width:769px) {
    .elengros-overblik .table th {
        font-size: 1.5625em
    }
}

.elengros-overblik .table td {
    font-size: .75em
}

@media screen and (min-width:769px) {
    .elengros-overblik .table td {
        font-size: 1.25em
    }
}

.elengros-overblik .grid-box--50 .grid-box__item {
    width: 100%
}

@media screen and (min-width:1025px) {
    .elengros-overblik .grid-box--50 .grid-box__item {
        width: 50%
    }
}

@media screen and (min-width:768px) and (max-width:1530px) {
    .elengros-overblik .grid-box--50 section:last-child h2 {
        margin: 28px 0 27px
    }
}

@media screen and (min-width:768px) {
    .erhverv-aaben-laaste-kort .cell--kortnr {
        min-width: 220px;
        max-width: 220px
    }
}

.erhverv-aaben-laaste-kort .cell--korttekst {
    -webkit-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2
}

@media screen and (min-width:768px) {
    .erhverv-aaben-laaste-kort .cell--korttype {
        min-width: 170px;
        max-width: 170px
    }
}

.erhverv-aaben-laaste-kort .cell--aendret {
    min-width: 220px;
    max-width: 220px
}

.erhverv-aaben-laaste-kort .flex-table__moreinfo .cell--aendret, .erhverv-aaben-laaste-kort .flex-table__moreinfo .cell--korttype {
    max-width: none
}

.erhverv-aaben-laaste-kort .submit-button, .erhverv-skift-pinkode .save-button {
    margin-left: auto
}

.erhverv-skift-pinkode .cell--kortnr {
    -webkit-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2
}

@media screen and (min-width:1024px) {
    .erhverv-skift-pinkode .cell--kortnr {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        min-width: 210px;
        max-width: 210px
    }
}

.erhverv-skift-pinkode .cell--korttekst {
    -webkit-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2
}

.erhverv-skift-pinkode .cell--aendret, .erhverv-skift-pinkode .cell--gentagpinkode, .erhverv-skift-pinkode .cell--pinkode {
    min-width: 180px;
    max-width: 180px
}

@media screen and (min-width:769px) {
    .erhverv-skift-pinkode .flex-table__moreinfo .cell--korttekst {
        max-width: 45%
    }
}

.erhverv-skift-pinkode .flex-table__moreinfo .cell--aendret {
    max-width: none
}

@media screen and (min-width:0px) and (max-width:480px) {
    .erhverv-skift-pinkode .flex-table__moreinfo .cell--gentagpinkode, .erhverv-skift-pinkode .flex-table__moreinfo .cell--pinkode {
        width: 50%;
        min-width: inherit;
        max-width: none
    }
}

.erhverv-skift-pinkode .floating-menu .go-left > button {
    margin-left: 0
}

.faktura-oversigt .flex-wrap__col--60 .form-row {
    max-width: 250px
}

.faktura-oversigt .cell--dato {
    width: 25%
}

.faktura-oversigt .cell--produkt {
    width: 35%;
    white-space: nowrap
}

.faktura-oversigt .cell--beloeb {
    text-align: right;
    width: 30%;
    white-space: nowrap
}

.faktura-oversigt .cell--vismere {
    width: 10%;
    text-align: center
}

@media screen and (min-width:769px) {
    .faktura-oversigt .cell--dato {
        width: 20%
    }

    .faktura-oversigt .cell--produkt {
        width: 40%
    }

    .faktura-oversigt .cell--beloeb {
        width: 20%
    }

    .faktura-oversigt .cell--saldo {
        text-align: right;
        width: 20%
    }
}

.faktura-oversigt .privat .cell--produkt {
    width: 50%
}

.faktura-oversigt .privat .cell--beloeb {
    width: 25%
}

.faktura-oversigt .privat .cell--vismere {
    display: none
}

@media screen and (min-width:769px) {
    .faktura-oversigt .privat .cell--beloeb {
        width: 40%
    }
}

.faktura-info, .faktura-oversigt .flex-table__moreinfo .cell--saldo {
    text-align: left
}

.faktura-info {
    color: #1b1b1b
}

.grid-box .faktura-info h2 {
    font-family: Arial,sans-serif;
    margin: 0;
    position: relative;
    font-size: 1.5rem
}

@media screen and (min-width:769px) {
    .grid-box .faktura-info h2 {
        font-size: 3rem
    }
}

.grid-box .faktura-info h2 ~ p {
    margin-top: 10px;
    color: inherit;
    font-size: 1.2rem
}

@media screen and (min-width:769px) {
    .grid-box .faktura-info h2 ~ p {
        font-size: 2.4rem
    }
}

.faktura-info__future, .faktura-info__past {
    position: relative;
    float: left;
    clear: both;
    padding: .5rem 0 .5rem 1rem
}

@media screen and (min-width:769px) {
    .faktura-info__future, .faktura-info__past {
        padding: 1rem 0 1rem 3rem
    }
}

.faktura-info__future:before, .faktura-info__past:before {
    content: "";
    display: block;
    position: absolute;
    left: 5px;
    top: 0;
    bottom: 0;
    left: -5px;
    width: 4px
}

@media screen and (min-width:769px) {
    .faktura-info__future:before, .faktura-info__past:before {
        left: 5px;
        width: 8px
    }
}

.faktura-info__future {
    display: inline-block
}

    .faktura-info__future:before {
        background: #c5c5c5
    }

@media screen and (min-width:0px) and (max-width:768px) {
    .faktura-info__future h2 > span:first-child {
        display: block
    }
}

.faktura-info__future a {
    display: inline-block;
    margin-top: 5px;
    color: #1b1b1b;
    overflow: visible;
    font-size: 1.5rem
}

@media screen and (min-width:769px) {
    .faktura-info__future a {
        margin-top: inherit;
        font-size: 3rem
    }
}

.faktura-info__future a > span {
    opacity: 1;
    white-space: normal;
    width: 190px
}

@media screen and (min-width:769px) {
    .faktura-info__future a > span {
        width: 250px
    }
}

.faktura-info__future + .faktura-info__past {
    margin-top: 2rem;
    display: block
}

.faktura-info__past:before {
    background: #376d2b
}

.fgo-leveringsadresser {
    margin-bottom: 3rem
}

    .fgo-leveringsadresser .flex-table {
        max-width: 96.2rem;
        margin: 0 auto
    }

    .fgo-leveringsadresser .cell--leveringsadresse {
        -webkit-box-flex: 2;
        -ms-flex-positive: 2;
        flex-grow: 2
    }

    .fgo-leveringsadresser .cell--stoerrelse {
        text-align: right;
        max-width: 110px;
        min-width: 110px
    }

@media screen and (min-width:768px) {
    .fgo-leveringsadresser .cell--stoerrelse {
        max-width: 160px;
        min-width: 160px
    }
}

.fgo-leveringsadresser .cell--senestleveret {
    text-align: right;
    max-width: 180px;
    min-width: 180px
}

.fgo-leveringsadresser .cell--placering {
    text-align: right;
    max-width: 170px;
    min-width: 170px
}

.fgo-leveringsadresser .flex-table__moreinfo [class*=cell] {
    text-align: left;
    max-width: inherit
}

@media screen and (min-width:768px) {
    .fgo-leveringsadresser .flex-table__moreinfo .cell--tilmeldt {
        text-align: right;
        margin-right: 210px
    }
}

@media screen and (min-width:769px) {
    .fgo-leveringsadresser .flex-table__moreinfo .cell--tilmeldt {
        margin-right: 220px
    }
}

.flaadestyring .list-menu .new-button {
    margin-left: auto
}

.flaadestyring .list-menu .options-button {
    margin-left: 0
}

.flaadestyring .list-menu__wrap .form-row {
    margin-bottom: 2rem
}

    .flaadestyring .list-menu__wrap .form-row:last-child {
        margin-bottom: 0
    }

.flaadestyring .flex-table .simple-mat-input .mat-input-element {
    text-align: left
}

@media screen and (min-width:0px) and (max-width:767px) {
    .flaadestyring .flex-table__cell, .flaadestyring .flex-table__header {
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center
    }
}

.flaadestyring .cell--toggle {
    text-align: left
}

    .flaadestyring .cell--toggle .message {
        width: 180px;
        white-space: normal
    }

.flaadestyring .flex-table__moreinfo .cell--tlf {
    max-width: 50%
}

.flaadestyring .flex-table__moreinfo .cell--oprettet {
    max-width: 50%;
    min-width: inherit
}

.flaadestyring .flex-table__moreinfo .cell--toggle {
    text-align: left;
    width: 100%;
    max-width: inherit
}

.flaadestyring.dialog .flex-table__headers .cell--kmindtastning .form-row, .flaadestyring.dialog .flex-table__headers .cell--pin .form-row, .flaadestyring.dialog .flex-table__headers .cell--vognnr .form-row {
    margin-top: -4px;
    margin-right: 4px;
    margin-bottom: 5px
}

.flaadestyring.dialog .flex-table__headers .cell--kmindtastning, .flaadestyring.dialog .flex-table__headers .cell--pin, .flaadestyring.dialog .flex-table__headers .cell--vognnr, .flaadestyring.dialog .flex-table__row .cell--kmindtastning, .flaadestyring.dialog .flex-table__row .cell--pin, .flaadestyring.dialog .flex-table__row .cell--vognnr {
    position: relative;
    min-width: 160px;
    max-width: 160px
}

    .flaadestyring.dialog .flex-table__headers .cell--kmindtastning .form-row, .flaadestyring.dialog .flex-table__headers .cell--pin .form-row, .flaadestyring.dialog .flex-table__headers .cell--vognnr .form-row, .flaadestyring.dialog .flex-table__row .cell--kmindtastning .form-row, .flaadestyring.dialog .flex-table__row .cell--pin .form-row, .flaadestyring.dialog .flex-table__row .cell--vognnr .form-row {
        width: 30px;
        padding: 0;
        float: left
    }

        .flaadestyring.dialog .flex-table__headers .cell--kmindtastning .form-row mat-checkbox, .flaadestyring.dialog .flex-table__headers .cell--pin .form-row mat-checkbox, .flaadestyring.dialog .flex-table__headers .cell--vognnr .form-row mat-checkbox, .flaadestyring.dialog .flex-table__row .cell--kmindtastning .form-row mat-checkbox, .flaadestyring.dialog .flex-table__row .cell--pin .form-row mat-checkbox, .flaadestyring.dialog .flex-table__row .cell--vognnr .form-row mat-checkbox {
            margin: 0;
            padding: 0;
            width: 30px
        }

.flaadestyring.dialog .flex-table__headers .cell--slet, .flaadestyring.dialog .flex-table__row .cell--slet {
    max-width: 60px;
    min-width: 60px;
    text-align: right
}

.flaadestyring.dialog .flex-table__moreinfo {
    padding-left: 0
}

    .flaadestyring.dialog .flex-table__moreinfo .cell--pin, .flaadestyring.dialog .flex-table__moreinfo .cell--vognnr {
        max-width: 100%
    }

    .flaadestyring.dialog .flex-table__moreinfo .cell--slet {
        width: 100%;
        text-align: center
    }

        .flaadestyring.dialog .flex-table__moreinfo .cell--slet button {
            color: #727272
        }

    .flaadestyring.dialog .flex-table__moreinfo mat-checkbox {
        margin: 0;
        padding: 0
    }

.flaadestyring--medarbejder .cell--navn, .opret-medarbejder .cell--navn {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    -webkit-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2
}

@media screen and (min-width:768px) {
    .flaadestyring--medarbejder .cell--navn, .opret-medarbejder .cell--navn {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 170px;
        min-width: 170px
    }
}

@media screen and (min-width:1367px) {
    .flaadestyring--medarbejder .cell--navn, .opret-medarbejder .cell--navn {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 250px;
        min-width: 250px
    }
}

.flaadestyring--medarbejder .cell--initialer, .opret-medarbejder .cell--initialer {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    max-width: 100px;
    min-width: 100px
}

@media screen and (min-width:768px) {
    .flaadestyring--medarbejder .cell--initialer, .opret-medarbejder .cell--initialer {
        max-width: 130px;
        min-width: 130px
    }
}

.flaadestyring--medarbejder .cell--tlf, .opret-medarbejder .cell--tlf {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    -webkit-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2
}

    .flaadestyring--medarbejder .cell--tlf .simple-mat-input, .opret-medarbejder .cell--tlf .simple-mat-input {
        max-width: 120px
    }

.flaadestyring--medarbejder .cell--oprettet, .opret-medarbejder .cell--oprettet {
    max-width: 150px;
    min-width: 150px
}

    .flaadestyring--medarbejder .cell--oprettet .small-text, .flaadestyring--medarbejder .cell--oprettet forbrugsalarmer .cell--label, .flaadestyring--medarbejder .cell--oprettet produktbegraensning .cell--product, .flaadestyring--medarbejder .cell--oprettet tidsbegraensning .cell--allday, .flaadestyring--medarbejder .cell--oprettet tidsbegraensning .cell--time span, .opret-medarbejder .cell--oprettet .small-text, .opret-medarbejder .cell--oprettet forbrugsalarmer .cell--label, .opret-medarbejder .cell--oprettet produktbegraensning .cell--product, .opret-medarbejder .cell--oprettet tidsbegraensning .cell--allday, .opret-medarbejder .cell--oprettet tidsbegraensning .cell--time span, forbrugsalarmer .flaadestyring--medarbejder .cell--oprettet .cell--label, forbrugsalarmer .opret-medarbejder .cell--oprettet .cell--label, produktbegraensning .flaadestyring--medarbejder .cell--oprettet .cell--product, produktbegraensning .opret-medarbejder .cell--oprettet .cell--product, tidsbegraensning .cell--time .flaadestyring--medarbejder .cell--oprettet span, tidsbegraensning .cell--time .opret-medarbejder .cell--oprettet span, tidsbegraensning .flaadestyring--medarbejder .cell--oprettet .cell--allday, tidsbegraensning .opret-medarbejder .cell--oprettet .cell--allday {
        font-size: 1.4rem !important
    }

@media screen and (min-width:768px) {
    .flaadestyring--medarbejder .cell--oprettet .small-text, .flaadestyring--medarbejder .cell--oprettet forbrugsalarmer .cell--label, .flaadestyring--medarbejder .cell--oprettet produktbegraensning .cell--product, .flaadestyring--medarbejder .cell--oprettet tidsbegraensning .cell--allday, .flaadestyring--medarbejder .cell--oprettet tidsbegraensning .cell--time span, .opret-medarbejder .cell--oprettet .small-text, .opret-medarbejder .cell--oprettet forbrugsalarmer .cell--label, .opret-medarbejder .cell--oprettet produktbegraensning .cell--product, .opret-medarbejder .cell--oprettet tidsbegraensning .cell--allday, .opret-medarbejder .cell--oprettet tidsbegraensning .cell--time span, forbrugsalarmer .flaadestyring--medarbejder .cell--oprettet .cell--label, forbrugsalarmer .opret-medarbejder .cell--oprettet .cell--label, produktbegraensning .flaadestyring--medarbejder .cell--oprettet .cell--product, produktbegraensning .opret-medarbejder .cell--oprettet .cell--product, tidsbegraensning .cell--time .flaadestyring--medarbejder .cell--oprettet span, tidsbegraensning .cell--time .opret-medarbejder .cell--oprettet span, tidsbegraensning .flaadestyring--medarbejder .cell--oprettet .cell--allday, tidsbegraensning .opret-medarbejder .cell--oprettet .cell--allday {
        font-size: 1.6rem !important
    }
}

.flaadestyring--medarbejder .cell--oprettet.flex-table__cell, .opret-medarbejder .cell--oprettet.flex-table__cell {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
}

.flaadestyring--koeretoejer .cell--navn {
    -webkit-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2
}

@media screen and (min-width:1025px) {
    .flaadestyring--koeretoejer .cell--navn {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        min-width: 30%;
        max-width: 30%
    }
}

.flaadestyring--koeretoejer .cell--produkter {
    min-width: 30%;
    max-width: 30%
}

.flaadestyring--koeretoejer .cell--oprettet {
    -webkit-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2
}

.flaadestyring--koeretoejer .flex-table__moreinfo {
    position: relative;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.flaadestyring--koeretoejer.dialog .flex-table__headers .cell--kmindtastning, .flaadestyring--koeretoejer.dialog .flex-table__row .cell--kmindtastning {
    max-width: 210px !important;
    min-width: 210px !important;
    margin-right: auto
}

.has-floating-menu {
    padding-bottom: 40px
}

@media screen and (min-width:768px) {
    .has-floating-menu {
        padding-bottom: 70px
    }
}

.floating-menu {
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 8;
    position: fixed
}

.floating-menu--pinned {
    position: absolute;
    left: 0 !important;
    right: 0 !important
}

.floating-menu__wrap {
    background: rgba(99,99,99,.98);
    color: #fff;
    display: inline-block;
    width: 100%;
    vertical-align: bottom;
    text-align: left;
    font-size: 1.6rem;
    padding: 1rem
}

@media screen and (min-width:768px) {
    .floating-menu__wrap {
        font-size: 2rem;
        padding: 2rem 4rem 1.5rem
    }
}

.floating-menu h2 {
    display: inline-block;
    margin: 0;
    text-align: left;
    font-size: 1.6rem
}

@media screen and (min-width:768px) {
    .floating-menu h2 {
        font-size: 2rem
    }
}

@media screen and (min-width:1025px) {
    .floating-menu h2 {
        padding-right: 0;
        font-size: 3rem
    }
}

.floating-menu h2 button {
    display: inline-block;
    vertical-align: top;
    font-size: 12px
}

@media screen and (min-width:768px) {
    .floating-menu h2 button {
        font-size: 16px;
        margin-left: 10px
    }
}

@media screen and (min-width:1025px) {
    .floating-menu h2 button {
        font-size: 20px;
        margin-left: 20px
    }
}

.floating-menu h2 button i {
    margin-top: -2px;
    position: relative;
    top: -1px;
    margin-right: 2px
}

@media screen and (min-width:769px) {
    .floating-menu h2 button i {
        margin-right: 5px
    }
}

.no-touchevents .floating-menu h2 button:hover {
    font-family: Arial,sans-serif;
    color: #fff !important
}

.floating-menu h2 button i.visible-xs {
    font-size: 23px
}

.floating-menu h2.go-right button {
    margin-left: 10px
}

@media screen and (min-width:769px) {
    .floating-menu h2.go-right button {
        margin-left: 15px
    }
}

.floating-menu h2.go-right button:first-child i {
    margin-right: 0
}

.floating-menu__close {
    position: absolute;
    top: 5px;
    right: 5px
}

@media screen and (min-width:768px) {
    .floating-menu__close {
        top: 15px;
        right: 15px
    }
}

.floating-menu__close i {
    font-size: 20px
}

@media screen and (min-width:768px) {
    .floating-menu__close i {
        font-size: 25px
    }
}

.floating-menu ul {
    list-style: none;
    padding: 0;
    display: block;
    margin: 2rem 0 0
}

.floating-menu li {
    border-top: 1px solid #8c8c8c;
    clear: both
}

    .floating-menu li button {
        padding: 10px 0 !important;
        display: block
    }

.no-touchevents .floating-menu li button:hover {
    font-family: Arial,sans-serif;
    color: #fff !important
}

.floating-menu li button[disabled] {
    color: #cbcbcb
}

.no-touchevents .floating-menu li button[disabled]:hover {
    font-family: Arial,sans-serif;
    color: #cbcbcb !important
}

.floating-menu li:last-child button {
    padding-bottom: 0 !important
}

.koeb-oversigt .grid-box__txt h2 {
    margin-bottom: 0
}

@media screen and (min-width:768px) {
    .koeb-oversigt .mat-button-toggle-label-content {
        min-width: 19rem
    }
}

.koeb-oversigt .cell--status .icon {
    line-height: 19px
}

    .koeb-oversigt .cell--status .icon:before {
        font-size: 1.4rem
    }

@media screen and (min-width:769px) {
    .koeb-oversigt .cell--status .icon:before {
        font-size: 2.2rem;
        position: relative;
        top: 2px
    }
}

.koeb-oversigt .flex-wrap__col--60 .form-row {
    max-width: 250px
}

.koeb-oversigt .icon-large-24px-outline_check-circle {
    color: #6fdb56
}

.koeb-oversigt .flex-table__moreinfo.active {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    padding-bottom: 0
}

    .koeb-oversigt .flex-table__moreinfo.active .cell--status {
        padding: 0
    }

        .koeb-oversigt .flex-table__moreinfo.active .cell--status > span {
            margin-top: -10px
        }

.koeb-oversigt .flex-table__cell, .koeb-oversigt .flex-table__header {
    text-align: left
}

@media screen and (min-width:769px) {
    .koeb-oversigt .flex-table__cell, .koeb-oversigt .flex-table__header {
        padding-left: 15px;
        padding-right: 15px
    }
}

.koeb-oversigt .cell--status {
    max-width: 5px;
    min-width: 5px;
    position: relative;
    z-index: 1;
    padding: 10px 0
}

@media screen and (min-width:769px) {
    .koeb-oversigt .cell--status {
        max-width: 8px;
        min-width: 8px
    }
}

.koeb-oversigt .cell--status > span {
    width: 5px;
    display: block;
    position: absolute;
    top: 10px;
    bottom: 10px
}

@media screen and (min-width:769px) {
    .koeb-oversigt .cell--status > span {
        width: 8px
    }
}

.koeb-oversigt .cell--status > span.grey {
    background: #c5c5c5
}

.koeb-oversigt .cell--status > span.green {
    background: #376d2b
}

.koeb-oversigt .cell--dato {
    max-width: 90px;
    min-width: 90px
}

@media screen and (min-width:768px) {
    .koeb-oversigt .cell--dato {
        max-width: 120px;
        min-width: 120px
    }
}

.koeb-oversigt .cell--produkt {
    -webkit-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2
}

    .koeb-oversigt .cell--produkt:not(.flex-table__header) {
        word-break: break-word
    }

@media screen and (min-width:768px) {
    .koeb-oversigt .cell--sted {
        max-width: 120px;
        min-width: 120px
    }
}

@media screen and (min-width:1025px) {
    .koeb-oversigt .cell--sted {
        max-width: 190px;
        min-width: 190px
    }
}

@media screen and (min-width:1025px) and (max-width:1125px) {
    .koeb-oversigt .cell--sted {
        max-width: 12%;
        min-width: 12%
    }
}

.koeb-oversigt .cell--antal, .koeb-oversigt .cell--apris {
    text-align: right;
    max-width: 90px;
    min-width: 90px
}

.koeb-oversigt .cell--beloeb {
    text-align: right;
    white-space: nowrap;
    max-width: 70px;
    min-width: 70px
}

@media screen and (min-width:481px) {
    .koeb-oversigt .cell--beloeb {
        max-width: 90px;
        min-width: 90px
    }
}

@media screen and (min-width:769px) {
    .koeb-oversigt .cell--beloeb {
        max-width: 110px;
        min-width: 110px
    }
}

@media screen and (min-width:0px) and (max-width:480px) {
    .koeb-oversigt .cell--vismere {
        max-width: 30px;
        min-width: 30px
    }

        .koeb-oversigt .cell--vismere .flex-table__expand {
            width: 30px
        }

        .koeb-oversigt .cell--vismere i {
            padding: 0
        }
}

.koeb-oversigt .aftale .cell--antal {
    text-align: right;
    max-width: 120px;
    min-width: 120px
}

.koeb-oversigt .aftale .cell--beloeb {
    width: 20%
}

@media screen and (min-width:481px) {
    .koeb-oversigt .aftale .cell--beloeb {
        max-width: 20%
    }
}

.koeb-oversigt .flex-table__moreinfo {
    position: relative;
    padding-left: 5px
}

@media screen and (min-width:769px) {
    .koeb-oversigt .flex-table__moreinfo {
        padding-left: 8px
    }
}

.koeb-oversigt .flex-table__moreinfo.grey:before {
    background: #c5c5c5
}

.koeb-oversigt .flex-table__moreinfo.green:before {
    background: #376d2b
}

.koeb-oversigt .flex-table__moreinfo:before {
    content: "";
    display: block;
    width: 5px;
    height: 100%;
    position: absolute;
    left: 0;
    top: -10px
}

@media screen and (min-width:769px) {
    .koeb-oversigt .flex-table__moreinfo:before {
        width: 8px
    }
}

.koeb-oversigt .flex-table__moreinfo .flex-table__cell {
    padding-top: 0;
    padding-bottom: 30px
}

.koeb-oversigt .flex-table__moreinfo .cell--kvittering {
    -ms-flex-item-align: end;
    align-self: flex-end
}

.koeb-oversigt .flex-table__moreinfo .cell--antal, .koeb-oversigt .flex-table__moreinfo .cell--apris {
    text-align: left
}

@media screen and (min-width:1025px) {
    .koeb-oversigt .flex-table__moreinfo .cell--kortid {
        max-width: 28rem
    }
}

.koersel .flex-wrap {
    margin-bottom: 4rem
}

.koersel .list-menu__btns > div {
    margin-right: auto
}

.koersel .list-menu__btns #search-input {
    width: auto;
    max-width: 22rem
}

@media screen and (min-width:768px) and (max-width:1366px) {
    .koersel .flex-table__header {
        padding: 1rem 1rem .5rem
    }
}

@media screen and (min-width:768px) and (max-width:1366px) {
    .koersel .flex-table__cell {
        padding: 1rem
    }
}

.koersel .flex-table__row--grey-dark .flex-table__cell {
    font-size: 1.5rem
}

@media screen and (min-width:769px) {
    .koersel .flex-table__row--grey-dark .flex-table__cell {
        font-size: 2rem
    }
}

.koersel .flex-table .cell--dato {
    -webkit-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2
}

    .koersel .flex-table .cell--dato br {
        display: none
    }

.koersel .flex-table .cell--km-liter, .koersel .flex-table .cell--koerte-km {
    text-align: right;
    max-width: 80px;
    min-width: 80px
}

@media screen and (min-width:768px) {
    .koersel .flex-table .cell--km-liter, .koersel .flex-table .cell--koerte-km {
        max-width: 130px;
        min-width: 130px
    }
}

@media screen and (min-width:1025px) {
    .koersel .flex-table .cell--dato {
        max-width: 145px;
        min-width: 145px
    }

    .koersel .flex-table .cell--kortnr, .koersel .flex-table .cell--vognnr {
        min-width: 185px;
        -webkit-box-flex: 2;
        -ms-flex-positive: 2;
        flex-grow: 2
    }

    .koersel .flex-table .cell--kvantum {
        max-width: 105px;
        min-width: 105px;
        text-align: right
    }

    .koersel .flex-table .cell--km {
        max-width: 115px;
        min-width: 115px;
        text-align: right
    }

    .koersel .flex-table .cell--km-liter, .koersel .flex-table .cell--koerte-km {
        max-width: 105px;
        min-width: 105px
    }
}

@media screen and (min-width:1367px) {
    .koersel .flex-table .cell--dato {
        max-width: 160px;
        min-width: 160px
    }

    .koersel .flex-table .cell--km, .koersel .flex-table .cell--km-liter, .koersel .flex-table .cell--koerte-km, .koersel .flex-table .cell--kvantum {
        max-width: 130px;
        min-width: 130px
    }
}

@media screen and (min-width:1025px) and (max-width:1200px) {
    .koersel .flex-table .cell--dato {
        max-width: 100px;
        min-width: 100px
    }

        .koersel .flex-table .cell--dato br {
            display: inline
        }
}

.koersel .flex-table__moreinfo .flex-table__cell {
    text-align: left
}

    .koersel .flex-table__moreinfo .flex-table__cell.cell--koerte-km {
        max-width: none;
        min-width: inherit
    }

konto-oversigt table {
    max-width: 96.2rem;
    margin: 30px auto
}

konto-oversigt td a {
    text-decoration: none
}

.kort-indstillinger.runway {
    padding-bottom: 6rem
}

@media screen and (min-width:769px) {
    .kort-indstillinger.runway {
        padding-bottom: 10rem
    }
}

.kort-indstillinger .flex-table .flex-table__header {
    position: relative;
    font-size: 2rem;
    padding-bottom: 1rem
}

@media screen and (min-width:768px) {
    .kort-indstillinger .flex-table .flex-table__header {
        padding: 1rem 1rem .5rem
    }
}

.kort-indstillinger .flex-table .flex-table__header.cell--day, .kort-indstillinger .flex-table .flex-table__header.cell--month, .kort-indstillinger .flex-table .flex-table__header.cell--refuel, .kort-indstillinger .flex-table .flex-table__header.cell--week {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
}

@media screen and (min-width:1024px) and (max-width:1365px) {
    .kort-indstillinger .flex-table .flex-table__header.cell--day, .kort-indstillinger .flex-table .flex-table__header.cell--month, .kort-indstillinger .flex-table .flex-table__header.cell--refuel, .kort-indstillinger .flex-table .flex-table__header.cell--week {
        font-size: 16px
    }
}

@media screen and (min-width:768px) {
    .kort-indstillinger .flex-table .flex-table__cell {
        padding: 1rem
    }
}

.kort-indstillinger .flex-table mat-input-container {
    max-width: 7.8rem
}

.kort-indstillinger .flex-table .cell--id {
    -webkit-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2
}

@media screen and (min-width:1025px) {
    .kort-indstillinger .flex-table .cell--id {
        max-width: 190px;
        min-width: 190px;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }
}

.kort-indstillinger .flex-table .cell--text {
    -webkit-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2
}

@media screen and (min-width:1025px) {
    .kort-indstillinger .flex-table .cell--changed {
        max-width: 150px;
        min-width: 150px
    }
}

.kort-indstillinger .flex-table .cell--day, .kort-indstillinger .flex-table .cell--month, .kort-indstillinger .flex-table .cell--refuel, .kort-indstillinger .flex-table .cell--week {
    text-align: right;
    max-width: 88px;
    min-width: 88px
}

@media screen and (min-width:1367px) {
    .kort-indstillinger .flex-table .cell--day, .kort-indstillinger .flex-table .cell--month, .kort-indstillinger .flex-table .cell--refuel, .kort-indstillinger .flex-table .cell--week {
        max-width: 100px;
        min-width: 100px
    }
}

@media screen and (min-width:0px) and (max-width:480px) {
    .kort-indstillinger .flex-table .cell--day .message--error, .kort-indstillinger .flex-table .cell--month .message--error, .kort-indstillinger .flex-table .cell--refuel .message--error, .kort-indstillinger .flex-table .cell--week .message--error {
        width: 175%
    }
}

.kort-indstillinger .flex-table .cell--vis-mere {
    width: 5%
}

@media screen and (min-width:0px) and (max-width:1024px) {
    .kort-indstillinger .flex-table__moreinfo {
        padding-right: .9rem
    }
}

.kort-indstillinger .flex-table__moreinfo .cell--changed, .kort-indstillinger .flex-table__moreinfo .cell--text {
    width: 50%;
    max-width: none
}

@media screen and (min-width:0px) and (max-width:1024px) {
    .kort-indstillinger .flex-table__moreinfo .cell--changed {
        text-align: right
    }
}

.kort-indstillinger .flex-table__moreinfo .cell--day, .kort-indstillinger .flex-table__moreinfo .cell--month, .kort-indstillinger .flex-table__moreinfo .cell--refuel, .kort-indstillinger .flex-table__moreinfo .cell--week {
    width: 25%;
    min-width: 0;
    max-width: none
}

    .kort-indstillinger .flex-table__moreinfo .cell--day .mat-input-container, .kort-indstillinger .flex-table__moreinfo .cell--month .mat-input-container, .kort-indstillinger .flex-table__moreinfo .cell--refuel .mat-input-container, .kort-indstillinger .flex-table__moreinfo .cell--week .mat-input-container {
        max-width: none
    }

.kort-indstillinger .flex-table__moreinfo .cell--info {
    width: 100%;
    padding-left: 50px
}

    .kort-indstillinger .flex-table__moreinfo .cell--info .form-headline {
        padding-left: 1rem
    }

.kort-indstillinger .flex-table__moreinfo kortindstillinger-row-details {
    width: 100%
}

    .kort-indstillinger .flex-table__moreinfo kortindstillinger-row-details .form-table {
        margin-bottom: 4rem
    }

    .kort-indstillinger .flex-table__moreinfo kortindstillinger-row-details .flex-table__row {
        background: transparent
    }

    .kort-indstillinger .flex-table__moreinfo kortindstillinger-row-details .flex-table__cell {
        font-size: 1.6rem
    }

    .kort-indstillinger .flex-table__moreinfo kortindstillinger-row-details .form-headline {
        font-size: 2rem
    }

tankningsbegraensning .form-row {
    text-align: right
}

tankningsbegraensning .cell--label {
    -webkit-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2
}

    tankningsbegraensning .cell--label button {
        z-index: 5
    }

    tankningsbegraensning .cell--label .tooltip > span {
        white-space: normal;
        width: 260px
    }

@media screen and (min-width:769px) {
    tankningsbegraensning .cell--label .tooltip > span {
        min-width: 380px
    }
}

tankningsbegraensning .cell--value-mobile {
    text-align: right
}

tankningsbegraensning .cell--value {
    max-width: 300px
}

tankningsbegraensning .form-headline {
    margin-top: 0
}

    tankningsbegraensning .form-headline .help-button {
        margin-right: 4px;
        top: -1px
    }

@media screen and (min-width:768px) {
    tankningsbegraensning .form-headline .help-button {
        top: -2px
    }
}

tankningsbegraensning .input-stepper {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 10px !important;
    padding-bottom: 25px !important
}

tankningsbegraensning .flex-table__row {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

tankningsbegraensning .flex-table__moreinfo .flex-table__cell {
    width: 100%;
    text-align: center
}

@media screen and (min-width:0px) and (max-width:768px) {
    tankningsbegraensning .flex-table__moreinfo .flex-table__cell {
        margin-left: 15px
    }
}

tankningsbegraensning .flex-table__moreinfo .form-row {
    max-width: inherit
}

kilometerindtastning .grid-box {
    margin: 2rem 0
}

kilometerindtastning mat-slide-toggle {
    margin-top: 0 !important
}

tidsbegraensning .simple-mat-input .mat-input-wrapper {
    margin-bottom: 0
}

tidsbegraensning .simple-mat-input .mat-input-element {
    width: 50px;
    text-align: center
}

tidsbegraensning tidsbegraensning-day {
    display: block;
    background: #fff
}

tidsbegraensning .flex-table__row {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    tidsbegraensning .flex-table__row.master-row + .flex-table__moreinfo + mat-menu + mat-menu + tidsbegraensning-day {
        margin-top: 6rem;
        display: block
    }

tidsbegraensning .cell--day {
    -webkit-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2
}

tidsbegraensning .cell--time {
    text-align: right;
    white-space: nowrap;
    min-width: 220px;
    max-width: 240px
}

    tidsbegraensning .cell--time span {
        margin: 0 3px;
        vertical-align: top;
        display: inline-block
    }

tidsbegraensning .cell--time-mobile {
    white-space: nowrap;
    text-align: right
}

tidsbegraensning .cell--allday {
    text-align: right;
    min-width: 210px;
    max-width: 230px
}

@media screen and (min-width:1025px) {
    tidsbegraensning .cell--allday {
        height: 66px
    }
}

tidsbegraensning .cell--allday mat-slide-toggle {
    display: inline-block !important;
    margin-top: 0 !important
}

    tidsbegraensning .cell--allday mat-slide-toggle .mat-slide-toggle-content {
        white-space: nowrap
    }

tidsbegraensning .cell--allday span {
    color: #999
}

tidsbegraensning .flex-table__moreinfo .flex-table__cell {
    width: 100%;
    text-align: center;
    max-width: inherit
}

    tidsbegraensning .flex-table__moreinfo .flex-table__cell.cell--allday {
        height: inherit
    }

stationsbegraensning .flex-table__row {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

stationsbegraensning mat-checkbox {
    padding: 0;
    margin: 0
}

stationsbegraensning .mat-checkbox-label {
    font-family: Arial,sans-serif;
    font-size: 1.6rem
}

@media screen and (min-width:1367px) {
    stationsbegraensning .mat-checkbox-label {
        font-size: 2rem
    }
}

stationsbegraensning .mat-checkbox-inner-container {
    margin-right: 1.2rem !important
}

stationsbegraensning .cell--station {
    -webkit-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2
}

stationsbegraensning .cell--pick-counter {
    text-align: right;
    white-space: nowrap;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

stationsbegraensning .flex-table__moreinfo.active {
    display: inline-block !important
}

forbrugsalarmer .flex-table {
    margin-bottom: 0
}

    forbrugsalarmer .flex-table + .flex-table {
        margin-top: 0
    }

forbrugsalarmer .flex-table__row {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

forbrugsalarmer .cell--label {
    max-width: 350px;
    -webkit-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2;
    font-family: Arial,sans-serif
}

forbrugsalarmer .cell--slider {
    -webkit-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2;
    padding: 5px
}

    forbrugsalarmer .cell--slider mat-slider {
        padding: 0 !important
    }

forbrugsalarmer .cell--value {
    text-align: right;
    max-width: 120px;
    min-width: 120px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding-left: 5px
}

    forbrugsalarmer .cell--value .simple-mat-input {
        max-width: 55px
    }

    forbrugsalarmer .cell--value > span {
        margin-left: 2px
    }

@media screen and (min-width:769px) {
    forbrugsalarmer .cell--value > span {
        position: relative;
        top: -2px
    }
}

forbrugsalarmer .cell--value-mobile {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    text-align: right
}

forbrugsalarmer .flex-table__moreinfo .flex-table__cell {
    width: 100%;
    text-align: center;
    max-width: inherit;
    min-width: inherit
}

forbrugsalarmer .flex-table__moreinfo .cell--info {
    text-align: left
}

forbrugsalarmer .cell--info {
    text-align: right;
    padding-right: 5px;
    min-width: 310px;
    -webkit-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2
}

    forbrugsalarmer .cell--info button {
        vertical-align: middle;
        font-size: 16px;
        padding-right: 2px;
        position: relative;
        top: -1px
    }

    forbrugsalarmer .cell--info > span {
        margin-right: 2px;
        position: relative;
        top: -4px
    }

    forbrugsalarmer .cell--info .simple-mat-input {
        width: auto
    }

        forbrugsalarmer .cell--info .simple-mat-input .mat-input-element {
            text-align: left;
            max-width: 125px
        }

@media screen and (min-width:769px) {
    forbrugsalarmer .cell--info .simple-mat-input .mat-input-element {
        max-width: 200px
    }
}

forbrugsalarmer .cell--info .message {
    text-align: right
}

forbrugsalarmer .cell--info-mobile {
    text-align: right;
    white-space: nowrap
}

forbrugsalarmer .cell--add {
    max-width: 60px;
    min-width: 60px;
    text-align: right;
    padding-left: 10px;
    -ms-flex-item-align: start;
    align-self: flex-start
}

    forbrugsalarmer .cell--add > span {
        position: relative;
        top: -7px;
        left: -5px
    }

produktbegraensning .flex-table__moreinfo.active {
    display: inline-block !important
}

produktbegraensning .flex-table__row {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

produktbegraensning .cell--product {
    font-family: Arial,sans-serif
}

produktbegraensning .cell--pick-counter {
    text-align: right
}

@media screen and (min-width:0px) and (max-width:768px) {
    produktbegraensning .go-right {
        margin-top: 2rem;
        float: left
    }
}

produktbegraensning .go-right .tooltip {
    display: block
}

.kort-nypinkode nypinkode-row {
    display: block;
    margin-top: 1rem
}

@media screen and (min-width:769px) {
    .kort-nypinkode nypinkode-row {
        margin-top: 3rem
    }
}

.kort-nypinkode .form-btns {
    margin-top: 3rem
}

.kort-nypinkode .form-headline + p {
    font-family: Arial,sans-serif
}

.kort-spaer .list-menu .save-button {
    margin-left: auto
}

.kort-spaer .flex-table__moreinfo .flex-table__cell + .flex-table__cell {
    padding-left: 1rem
}

@media screen and (min-width:768px) and (max-width:1365px) {
    .kort-spaer .flex-table__header {
        padding: 1rem 1rem .5rem
    }
}

@media screen and (min-width:768px) and (max-width:1365px) {
    .kort-spaer .flex-table__cell {
        padding: 1rem
    }
}

@media screen and (min-width:769px) {
    .kort-spaer .mat-slide-toggle-container {
        margin-right: 0 !important
    }
}

@media screen and (min-width:769px) and (max-width:1365px) {
    .kort-spaer .flex-table__headers .cell--toggle, .kort-spaer .flex-table__row > .cell--toggle {
        max-width: 88px;
        min-width: 88px
    }
}

.kort-spaer .flex-table__headers .cell--toggle .mat-slide-toggle-bar, .kort-spaer .flex-table__row > .cell--toggle .mat-slide-toggle-bar {
    margin-right: 0
}

@media screen and (min-width:768px) {
    .kort-spaer .flex-table__headers .cell--erstat, .kort-spaer .flex-table__row > .cell--erstat {
        max-width: 155px;
        min-width: 155px
    }
}

@media screen and (min-width:1025px) {
    .kort-spaer .flex-table__headers .cell--erstat, .kort-spaer .flex-table__row > .cell--erstat {
        max-width: 175px;
        min-width: 175px
    }
}

.kort-spaer .flex-table__headers .cell--id, .kort-spaer .flex-table__row > .cell--id {
    -webkit-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2
}

@media screen and (min-width:768px) {
    .kort-spaer .flex-table__headers .cell--id, .kort-spaer .flex-table__row > .cell--id {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 200px;
        min-width: 200px
    }
}

.kort-spaer .flex-table__headers .cell--text, .kort-spaer .flex-table__row > .cell--text {
    min-width: 120px;
    max-width: 120px
}

@media screen and (min-width:481px) {
    .kort-spaer .flex-table__headers .cell--text, .kort-spaer .flex-table__row > .cell--text {
        min-width: 150px;
        max-width: 150px
    }
}

@media screen and (min-width:768px) {
    .kort-spaer .flex-table__headers .cell--text, .kort-spaer .flex-table__row > .cell--text {
        min-width: 110px;
        max-width: 110px
    }
}

@media screen and (min-width:1367px) {
    .kort-spaer .flex-table__headers .cell--text, .kort-spaer .flex-table__row > .cell--text {
        min-width: none;
        max-width: none;
        -webkit-box-flex: 2;
        -ms-flex-positive: 2;
        flex-grow: 2
    }
}

.kort-spaer .flex-table__moreinfo .cell--toggle {
    width: 100%;
    max-width: none;
    text-align: left
}

.kort-tekst.runway {
    padding-bottom: 6rem
}

@media screen and (min-width:769px) {
    .kort-tekst.runway {
        padding-bottom: 10rem
    }
}

.kort-tekst .simple-mat-input {
    max-width: 250px
}

.kort-tekst .flex-table .flex-table__header {
    position: relative
}

.kort-tekst .flex-table__header--raised-txt {
    right: inherit;
    left: 20px
}

.kort-tekst .save-button {
    margin-left: auto
}

.kort-tekst .cell--id {
    -webkit-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2
}

@media screen and (min-width:768px) {
    .kort-tekst .cell--id {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 200px;
        min-width: 200px
    }
}

.kort-tekst .cell--text {
    text-align: left;
    -webkit-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2
}

.kort-tekst .flex-table__moreinfo .cell--text {
    max-width: inherit;
    min-width: inherit;
    width: 100%;
    margin-bottom: 20px
}

@media screen and (min-width:768px) {
    .erhverv-tankkvittering .cell--id {
        min-width: 200px;
        max-width: 200px
    }
}

.erhverv-tankkvittering .cell--korttekst {
    -webkit-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2
}

.erhverv-tankkvittering .cell--email {
    min-width: 120px;
    max-width: 120px
}

@media screen and (min-width:768px) {
    .erhverv-tankkvittering .cell--email {
        min-width: 200px;
        max-width: 200px
    }
}

@media screen and (min-width:1025px) {
    .erhverv-tankkvittering .cell--email {
        min-width: 250px;
        max-width: 250px
    }
}

.erhverv-tankkvittering .flex-table__moreinfo .cell--email {
    width: 100%;
    max-width: none
}

.erhverv-tankkvittering .flex-table__moreinfo .cell--changed {
    max-width: none
}

.erhverv-tankkvittering .submit-button {
    margin-left: auto
}

privat-tankkvittering-row {
    margin-bottom: 20px;
    display: block
}

.transponders #search-input {
    width: auto
}

.transponders .list-menu .new-button {
    margin-left: auto
}

.transponders .cell--transpondernummer {
    -webkit-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2
}

.transponders .cell--trailer {
    min-width: 90px;
    max-width: 90px
}

@media screen and (min-width:481px) {
    .transponders .cell--trailer {
        min-width: 150px;
        max-width: 150px
    }
}

.transponders .cell--flaadenummer {
    min-width: 150px;
    max-width: 150px
}

.transponders--opret .cell--transpondernummer .simple-mat-input {
    max-width: 15rem
}

.transponders--opret .cell--slet {
    min-width: 60px;
    max-width: 60px;
    text-align: center
}

.vaelgere:not(.grid-box--grey) {
    margin: 0 0 20px
}

    .vaelgere:not(.grid-box--grey) h2 {
        color: #636363
    }

.vaelgere.grid-box--grey .grid-box__item {
    min-height: 9rem
}

    .vaelgere.grid-box--grey .grid-box__item h2 {
        margin-bottom: 0 !important
    }

    .vaelgere.grid-box--grey .grid-box__item .svg-loader {
        margin-bottom: 0;
        margin-top: 0;
        max-height: 21px;
        position: relative;
        top: 4px
    }

.vaelgere aftale-vaelger, .vaelgere el-aftale-vaelger, .vaelgere konto-vaelger {
    margin-bottom: 0
}

aftale-vaelger, el-aftale-vaelger, konto-vaelger {
    display: inline-block;
    margin-bottom: 3rem
}

    aftale-vaelger h2, el-aftale-vaelger h2, konto-vaelger h2 {
        margin: 0;
        font-size: 2rem !important
    }

@media screen and (min-width:769px) {
    aftale-vaelger h2, el-aftale-vaelger h2, konto-vaelger h2 {
        font-size: 3rem !important
    }
}

aftale-vaelger ~ p, el-aftale-vaelger ~ p, konto-vaelger ~ p {
    font-size: 1.6rem
}

@media screen and (min-width:769px) {
    aftale-vaelger ~ p, el-aftale-vaelger ~ p, konto-vaelger ~ p {
        font-size: 2.4rem
    }
}

.grid-box__item aftale-vaelger, .grid-box__item el-aftale-vaelger, .grid-box__item konto-vaelger {
    display: inline-block;
    margin-bottom: 0
}

aftale-vaelger .svg-loader, el-aftale-vaelger .svg-loader, konto-vaelger .svg-loader {
    margin: 0
}

ok-station-filter form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0
}

ok-station-filter i {
    display: block;
    text-align: center;
    font-size: 3.5rem
}

ok-station-filter input:checked ~ label {
    color: #db001b !important
}

ok-station-filter label {
    font-size: 2rem;
    display: inline-block;
    padding: 0 10px;
    cursor: pointer
}

.no-touchevents ok-station-filter label:hover {
    color: #1b1b1b
}

html .cdk-overlay-container {
    position: fixed;
    top: 0;
    z-index: 7 !important
}

html.overlay--black, html.overlay--blurred {
    overflow: hidden;
    width: 100%;
    position: fixed
}

@media screen and (min-width:1025px) {
    html.overlay--black, html.overlay--blurred {
        padding-right: 17px
    }
}

html.overlay--black .cdk-overlay-container, html.overlay--blurred .cdk-overlay-container {
    bottom: 0;
    left: 0;
    right: 0;
    position: fixed
}

html.overlay--black .cdk-global-overlay-wrapper, html.overlay--blurred .cdk-global-overlay-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    position: relative;
    z-index: 5;
    overflow-x: hidden;
    overflow-y: scroll
}

html.overlay--black .dialog {
    background: #fff;
    border-radius: 6px;
    overflow: hidden;
    width: 90vw;
    padding: 1rem 1rem 0
}

@media screen and (min-width:768px) {
    html.overlay--black .dialog {
        width: 50vw;
        max-width: 42rem;
        padding: 1rem 2rem 0
    }
}

html.overlay--noescape .cdk-overlay-backdrop {
    pointer-events: none !important
}

html.overlay--blurred {
    height: 100%
}

    html.overlay--blurred .cdk-focus-trap-content > * {
        width: 100vw;
        display: block;
        max-width: 168rem
    }

    html.overlay--blurred .cdk-overlay-pane {
        width: 100%
    }

    html.overlay--blurred .cdk-global-overlay-wrapper {
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }

    html.overlay--blurred.cssfilters body .page-footer, html.overlay--blurred.cssfilters body .page-header, html.overlay--blurred.cssfilters body .page-main {
        -webkit-filter: blur(5px);
        filter: blur(5px);
        transition: -webkit-filter .2s;
        transition: filter .2s;
        transition: filter .2s,-webkit-filter .2s
    }

    html.overlay--blurred.no-cssfilters .cdk-overlay-backdrop {
        opacity: 1 !important
    }

    html.overlay--blurred .runway--form-header .logo, html.overlay--blurred header .logo {
        opacity: 0
    }

    html.overlay--blurred .dialog {
        max-width: 160rem;
        margin: 0 auto;
        padding: 20px 10px 10px
    }

@media screen and (min-width:769px) {
    html.overlay--blurred .dialog {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 20px 40px
    }
}

@media screen and (min-width:1024px) {
    html.overlay--blurred .dialog .logo {
        margin-top: 60px;
        display: block
    }
}

html.overlay--blurred .dialog .dialog__close {
    top: 10px
}

html.overlay--blurred .dialog .dialog__content {
    margin-top: 2rem !important
}

html.overlay--blurred .form-btns {
    margin-top: 2rem
}

@media screen and (min-width:768px) {
    html.overlay--blurred .form-btns {
        margin-top: 4rem
    }
}

.cdk-overlay-pane {
    position: absolute;
    z-index: 6
}

.overlay--blurred .cdk-overlay-pane {
    -webkit-transform: none !important;
    transform: none !important;
    background: transparent
}

.cdk-overlay-backdrop {
    position: fixed;
    z-index: 4;
    width: 100%;
    height: 100%;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0
}

.overlay--black .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
    transition: opacity .3s ease-in-out;
    background: #1b1b1b;
    opacity: .7
}

.overlay--blurred .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
    background: #fff;
    opacity: .8
}

.cdk-overlay-backdrop ~ .cdk-overlay-backdrop {
    z-index: 5;
    opacity: 0 !important
}

.mat-dialog-container {
    position: relative;
    box-shadow: none !important;
    padding: 0 !important;
    max-width: inherit !important;
    width: 100%
}

.overlay--black .mat-dialog-container {
    border-radius: 0 !important
}

.dialog__header {
    margin-bottom: 10px
}

    .dialog__header.h2 {
        font-size: 2.4rem;
        padding-right: 25px
    }

@media screen and (min-width:769px) {
    .dialog__header.h2 {
        font-size: 3rem
    }
}

.dialog__close {
    background: transparent;
    border: 0;
    position: absolute;
    top: 5px;
    right: 5px;
    font-size: 2.4rem;
    color: #474747;
    padding: 0
}

.dialog__close--white {
    color: #fff !important
}

.dialog__btns {
    border-top: 1px solid #e7e6e6;
    padding: 1.5rem 0 1rem;
    display: inline-block;
    width: 100%
}

@media screen and (min-width:481px) {
    .dialog__btns .go-left {
        margin-top: 6px;
        margin-right: 30px
    }
}

.dialog__btns .btn, .dialog__btns .mat-button {
    width: 100%;
    text-align: center;
    max-width: none
}

@media screen and (min-width:481px) {
    .dialog__btns .btn, .dialog__btns .mat-button {
        width: 40%
    }
}

@media screen and (min-width:1025px) {
    .dialog__btns .btn, .dialog__btns .mat-button {
        width: auto
    }
}

@media screen and (min-width:0px) and (max-width:480px) {
    .dialog__btns .btn + .btn, .dialog__btns .btn + .mat-button, .dialog__btns .mat-button + .btn, .dialog__btns .mat-button + .mat-button {
        margin-top: 15px
    }
}

@media screen and (min-width:769px) {
    .dialog__left {
        width: 13rem;
        margin-top: 2rem
    }
}

@media screen and (min-width:1024px) {
    .dialog__left {
        width: 18rem;
        margin-top: 0
    }
}

.dialog__left .logo img {
    width: 70px;
    height: 30px
}

@media screen and (min-width:1024px) {
    .dialog__left .logo img {
        width: 90px;
        height: 38px
    }
}

@media screen and (min-width:1025px) {
    .dialog__left .logo img {
        width: 150px;
        height: 63px
    }
}

.dialog__center {
    outline: none !important;
    text-align: center;
    margin-top: 2rem
}

@media screen and (min-width:769px) {
    .dialog__center {
        -webkit-box-flex: 2;
        -ms-flex-positive: 2;
        flex-grow: 2
    }
}

@media screen and (min-width:1024px) {
    .dialog__center {
        margin-top: 6.2rem;
        min-width: 73.6rem
    }
}

.dialog__center .dialog__content {
    min-width: 30rem;
    max-width: 94rem;
    margin: 0 auto
}

@media screen and (min-width:769px) and (max-width:1023px) {
    .dialog__center .dialog__content {
        max-width: 60rem
    }
}

.dialog__center .dialog__content form {
    padding: 0
}

.dialog__center .dialog__content .grid-box__item {
    text-align: left
}

@media screen and (min-width:769px) {
    .dialog__right {
        width: 13rem;
        position: relative
    }
}

@media screen and (min-width:1024px) {
    .dialog__right {
        margin-top: 5.5rem;
        width: 18rem
    }
}

.dialog__right .dialog__close {
    font-size: 35px;
    padding: 0;
    margin: 0;
    top: 8px;
    right: 8px
}

@media screen and (min-width:0px) and (max-width:1024px) {
    .dialog__right .dialog__close {
        top: 0;
        right: 15px;
        font-size: 30px
    }
}

.dialog--help .dialog__content {
    padding-bottom: 10px;
    padding-right: 20px;
    font-size: 1.6rem
}

@media screen and (min-width:769px) {
    .dialog--help .dialog__content {
        padding-right: 10px;
        font-size: 2.4rem
    }
}

.dialog--help .dialog__content p {
    margin-bottom: 0;
    font-size: 1.6rem
}

@media screen and (min-width:769px) {
    .dialog--help .dialog__content p {
        font-size: 2.4rem
    }
}

.dialog--help .dialog__content p:first-child {
    margin-top: 0
}

.dialog--help .dialog__content p + p {
    margin-top: 2rem
}

.dialog--generic-info .dialog__content h2:first-child {
    margin: -15px -20px 20px;
    padding: 15px 30px 10px 20px;
    background: #f9f9f9;
    font-size: 2.4rem;
    border-radius: 6px 0 0 6px
}

@media screen and (min-width:768px) {
    .dialog--generic-info .dialog__content h2:first-child {
        font-size: 3rem
    }
}

.dialog--generic-info .dialog__content p {
    font-size: 1.5rem
}

@media screen and (min-width:769px) {
    .dialog--generic-info .dialog__content p {
        font-size: 1.6rem
    }
}

.dialog--generic-info .dialog__content p:first-child {
    margin-top: 0
}

.dialog--decision .dialog__content p {
    font-size: 1.6rem
}

@media screen and (min-width:769px) {
    .dialog--decision .dialog__content p {
        font-size: 2.4rem
    }
}

.dialog--decision .dialog__content p:first-child {
    margin-top: 0
}

.dialog--newadr .dialog__center .dialog__content {
    max-width: 65rem
}

.dialog--newadr .dialog__center .form-row {
    max-width: inherit
}

.dialog--budskab {
    max-width: 43rem !important
}

    .dialog--budskab .dialog__close {
        color: #000
    }

.dialog--image {
    padding: 0 !important;
    background: transparent !important
}

    .dialog--image a {
        display: block
    }

    .dialog--image img {
        max-width: 100%;
        display: block
    }

.pick-list-toggle {
    display: inline-block;
    color: #1b1b1b;
    text-decoration: none;
    margin-bottom: 20px
}

@media screen and (min-width:0px) and (max-width:768px) {
    .pick-list-toggle {
        margin-top: .5rem !important
    }
}

.pick-list-toggle i {
    font-size: 1.8rem;
    margin-right: 3px
}

.pick-list-toggle span {
    font-family: Arial,sans-serif;
    font-size: 1.6rem
}

@media screen and (min-width:769px) {
    .pick-list-toggle span {
        font-size: 2rem
    }
}

@media screen and (min-width:0px) and (max-width:768px) {
    .pick-list-toggle + .pick-list-toggle {
        margin-top: 1rem !important;
        display: block
    }
}

@media screen and (min-width:769px) {
    .pick-list-toggle + .pick-list-toggle {
        margin-left: 2rem
    }
}

.pick-list a {
    text-decoration: none
}

.pick-list .flex-table__row.active {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

    .pick-list .flex-table__row.active .hidden-sm, .pick-list .flex-table__row.active .hidden-xs {
        display: block !important
    }

@media screen and (min-width:769px) {
    .pick-list .flex-table__row strong {
        display: none
    }
}

.pick-list .flex-table__cell {
    font-size: 1em
}

@media screen and (min-width:768px) {
    .pick-list .flex-table__cell {
        font-size: 1.25em
    }
}

.pick-list .flex-table__expand {
    border-left: 1px solid #e7e6e6
}

@media screen and (min-width:0px) and (max-width:767px) {
    .pick-list--customer .flex-table__row {
        padding-right: 50px
    }
}

.pick-list--customer .flex-table__row:nth-child(odd) {
    background: #f0f1f2
}

.pick-list--customer .flex-table__row:nth-child(2n) {
    background: #fff
}

.pick-list--customer .flex-table__cell:first-child {
    font-size: 1em;
    -webkit-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2
}

@media screen and (min-width:768px) {
    .pick-list--customer .flex-table__cell:first-child {
        font-size: 1.25em;
        width: 60%
    }
}

.pick-list--customer .flex-table__cell:first-child span {
    color: #636363;
    font-size: .8em
}

.pick-list--customer .flex-table__cell:first-child + .flex-table__cell {
    text-align: left
}

@media screen and (min-width:768px) {
    .pick-list--customer .flex-table__cell:first-child + .flex-table__cell {
        width: 40%
    }
}

.pick-list--adr .cell--adr {
    -webkit-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2
}

    .pick-list--adr .cell--adr br {
        display: none
    }

@media screen and (min-width:1024px) and (max-width:1366px) {
    .pick-list--adr .cell--adr br {
        display: inline
    }
}

.pick-list--adr .cell--str {
    max-width: 130px;
    min-width: 130px;
    text-align: right
}

.pick-list--adr .cell--placering {
    max-width: 220px;
    min-width: 220px;
    text-align: right
}

    .pick-list--adr .cell--placering > span {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }

    .pick-list--adr .cell--placering button {
        white-space: nowrap
    }

@media screen and (min-width:769px) {
    .pick-list--adr .cell--vismere {
        display: none
    }
}

.pick-list--adr .flex-table__expand.active {
    border: 0
}

.pick-list--kort .cell--id {
    -webkit-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2;
    cursor: pointer
}

.pick-list--kort .cell--tekst {
    min-width: 35%;
    max-width: 35%
}

.pick-list--account .cell--adr {
    -webkit-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2
}

    .pick-list--account .cell--adr br {
        display: none
    }

@media screen and (min-width:1024px) and (max-width:1366px) {
    .pick-list--account .cell--adr br {
        display: inline
    }
}

.pick-list--account .cell--aftalenr {
    min-width: 30%;
    max-width: 30%
}

.pick-list--elaftale .flex-table__headers {
    background: transparent
}

.pick-list--elaftale .flex-table__header {
    white-space: nowrap
}

@media screen and (min-width:0px) and (max-width:767px) {
    .pick-list--elaftale .flex-table__cell > strong {
        display: block
    }
}

.pick-list--elaftale .cell--adr {
    -webkit-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2
}

.pick-list--elaftale .cell--id {
    min-width: 250px;
    max-width: 250px
}

@media screen and (min-width:768px) {
    .pick-list--elaftale .cell--id {
        text-align: right
    }
}

.pick-list--elaftale .cell--konto {
    min-width: 200px;
    max-width: 200px
}

@media screen and (min-width:768px) {
    .pick-list--elaftale .cell--konto {
        text-align: right
    }
}

.qlinks {
    font-size: 1.6rem;
    max-width: 102.4rem;
    margin: 3rem auto 1.3rem
}

@media screen and (min-width:769px) {
    .qlinks {
        margin: 6rem auto 3.5rem
    }
}

.qlinks > h2 {
    color: #1b1b1b;
    font-size: 1.5em
}

@media screen and (min-width:769px) {
    .qlinks > h2 {
        font-size: 3em
    }
}

.qlinks .epi-editContainer, .qlinks__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

    .qlinks .epi-editContainer > div, .qlinks__item {
        text-decoration: none;
        text-align: center;
        max-width: 6.3rem;
        margin: 0 1.2rem 1.2rem
    }

@media screen and (min-width:769px) {
    .qlinks .epi-editContainer > div, .qlinks__item {
        max-width: 10.5rem;
        margin: 0 2.5rem 2.5rem
    }
}

.qlinks__item--red .qlinks__circle > i {
    color: #9d0024
}

.no-touchevents .qlinks__item--addable:hover .qlinks__circle {
    border-color: #e8e7e7
}

.qlinks__item--addable .qlinks__circle {
    position: relative;
    background-color: #fff;
    border: 1px solid #6d6d6d;
    transition: border-color .25s ease-in-out
}

.qlinks__circle {
    border-radius: 50%;
    display: block;
    background: #f0f1f2;
    width: 6.3rem;
    height: 6.3rem;
    line-height: 63px;
    transition: background .25s ease-in-out
}

@media screen and (min-width:769px) {
    .qlinks__circle {
        width: 10.5rem;
        height: 10.5rem;
        line-height: 105px
    }
}

.qlinks__circle > i {
    font-size: 3.4rem;
    transition: color .25s ease-in-out
}

@media screen and (min-width:769px) {
    .qlinks__circle > i {
        font-size: 5.4rem
    }
}

.qlinks--dark .qlinks__circle > i {
    color: #fff
}

.qlinks--dark .qlinks__circle {
    background: #474747;
    color: #1b1b1b
}

.no-touchevents a:hover .qlinks__circle {
    background: #e8e7e7
}

.no-touchevents .qlinks--dark a:hover .qlinks__circle {
    background: #d5d5d5
}

    .no-touchevents .qlinks--dark a:hover .qlinks__circle i {
        color: #1b1b1b
    }

.qlinks__circle > span {
    border-radius: 50%;
    display: block;
    background: #6d6d6d;
    width: 2.2rem;
    height: 2.2rem;
    line-height: 22px;
    position: absolute;
    bottom: 0;
    right: 0;
    color: #fff
}

@media screen and (min-width:769px) {
    .qlinks__circle > span {
        width: 3.4rem;
        height: 3.4rem;
        line-height: 34px
    }
}

.qlinks__lbl {
    display: block;
    clear: both;
    margin-top: 1rem;
    font-size: .75em;
    line-height: 1.25em
}

@media screen and (min-width:769px) {
    .qlinks__lbl {
        margin-top: 1.5rem;
        font-size: 1.25em;
        line-height: 1.15em
    }
}

.survey {
    position: relative;
    overflow: hidden;
    margin: 2rem 0
}

@media screen and (min-width:769px) {
    .survey {
        margin: 3rem 0
    }
}

.accordion__content .survey, .survey form {
    margin-bottom: 0
}

.survey--grey {
    overflow: visible
}

@media screen and (min-width:0px) and (max-width:768px) {
    .survey--grey {
        margin: 0 10px
    }
}

.survey--grey .survey__step {
    background: #f0f1f2;
    max-width: none;
    margin: 0
}

.survey--grey strong {
    line-height: 33px
}

.survey--grey form {
    margin-bottom: 0
}

.survey--grey .form-row {
    margin-left: 0 !important;
    max-width: inherit;
    text-align: center
}

@media screen and (min-width:1367px) {
    .survey--grey .form-row {
        text-align: left
    }
}

.survey--grey .form-row mat-input-container {
    margin-top: 0
}

@media screen and (min-width:1367px) {
    .survey--grey .form-row mat-input-container {
        max-width: 460px
    }
}

.survey--grey .form-row button {
    margin-top: 10px
}

@media screen and (min-width:1367px) {
    .survey--grey .form-row button {
        margin-top: 0;
        position: relative;
        top: -3px
    }
}

.survey--white {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 16rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

    .survey--white .survey__step {
        text-align: center;
        color: #1b1b1b
    }

        .survey--white .survey__step p {
            font-size: 1.25em
        }

@media screen and (min-width:769px) {
    .survey--white .survey__step p {
        font-size: 1.875em
    }
}

.survey--white .survey__step--no button {
    width: 100%;
    margin-left: 0;
    margin-top: 20px
}

.survey--white .btn {
    margin: 1.5rem 1rem 0;
    min-width: 10rem
}

@media screen and (min-width:769px) {
    .survey--white .btn {
        margin: 3rem 2rem 0;
        min-width: 17.5rem
    }
}

.survey--customerservice {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    position: relative;
    overflow: hidden;
    margin: 0;
    min-height: 26.5rem
}

@media screen and (min-width:769px) {
    .survey--customerservice {
        height: 38.5rem
    }
}

@media screen and (min-width:1024px) and (max-width:1366px) {
    .survey--customerservice {
        height: 44rem
    }
}

.survey--customerservice .survey__step {
    color: #fff
}

    .survey--customerservice .survey__step p {
        margin-top: .5rem;
        font-size: 1.6rem
    }

@media screen and (min-width:769px) {
    .survey--customerservice .survey__step p {
        font-size: 3rem
    }
}

.survey--customerservice .survey__step.survey__step--question .btn {
    padding-left: 20px;
    padding-right: 20px;
    margin: 1.5rem 1rem
}

@media screen and (min-width:769px) {
    .survey--customerservice .survey__step.survey__step--question .btn {
        margin: 3rem 2rem;
        min-width: 17.5rem
    }
}

.survey--customerservice .survey__step.survey__step--callme .flex-wrap {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.survey--customerservice .survey__step.survey__step--callme .form-row {
    width: auto;
    margin: 20px 0 20px auto;
    text-align: right
}

    .survey--customerservice .survey__step.survey__step--callme .form-row mat-input-container {
        margin: 0
    }

.survey--customerservice .survey__step.survey__step--callme .form-btns {
    width: auto;
    margin: 20px auto 20px 0
}

@media screen and (min-width:768px) {
    .survey--customerservice .survey__step.survey__step--callme .form-btns {
        text-align: left;
        margin-left: 0;
        margin-top: 20px
    }
}

.survey--customerservice .survey__step.survey__step--callme .form-btns .btn {
    max-width: 30rem;
    margin: 0;
    width: 100%;
    margin-left: 1rem
}

@media screen and (min-width:481px) {
    .survey--customerservice .survey__step.survey__step--callme .form-btns .btn {
        margin-left: 2rem;
        min-width: 150px;
        width: auto
    }
}

.survey--customerservice .survey__step.survey__step--callme .mat-input-element {
    min-width: inherit
}

.survey--customerservice .survey__step.survey__step--callme .replicate-mat-input {
    max-width: 30rem
}

.survey--customerservice .coin {
    margin-top: 0
}

    .survey--customerservice .coin i {
        font-size: 2.8rem
    }

@media screen and (min-width:769px) {
    .survey--customerservice .coin i {
        font-size: 4.8rem
    }
}

.survey--customerservice h2 {
    margin: 0;
    font-size: 2rem;
    font-weight: 400
}

@media screen and (min-width:769px) {
    .survey--customerservice h2 {
        font-size: 3rem
    }
}

.survey__bg {
    width: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1
}

    .survey__bg img {
        top: -9999px;
        right: -9999px;
        bottom: -9999px;
        left: -9999px;
        margin: auto;
        min-width: 100%;
        min-height: 100%
    }

.survey__step {
    opacity: 0;
    width: 100%;
    max-width: 96.2rem;
    margin: 0 auto;
    padding: 1rem;
    font-size: 1.6rem;
    transition: opacity .5s ease-in-out;
    top: 50%;
    left: 0;
    right: 0;
    position: absolute;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 3
}

@media screen and (min-width:769px) {
    .survey__step {
        padding: 1.7rem 2rem
    }
}

.survey__step mat-input-container ~ button {
    width: 100%;
    margin-top: 20px
}

@media screen and (min-width:769px) {
    .survey__step mat-input-container ~ button {
        width: auto;
        margin-top: 0;
        margin-left: 2rem
    }
}

.survey__step--active {
    opacity: 1;
    z-index: 5
}

.survey p {
    margin: 0;
    font-size: .9375em
}

@media screen and (min-width:769px) {
    .survey p {
        font-size: 1.25em
    }
}

body .survey .tooltip {
    margin: 0 .8rem !important;
    color: #474747
}

body .survey .tooltip__content, body .survey mat-input-container.simple-mat-input + error-text .message--error, body .survey mat-slide-toggle + error-text .message--error, mat-input-container.simple-mat-input + error-text body .survey .message--error, mat-slide-toggle + error-text body .survey .message--error {
    margin-left: 5px;
    margin-bottom: 15px
}

body .survey .tooltip i {
    font-style: normal
}

    body .survey .tooltip i:before {
        font-family: icomoon;
        position: relative;
        top: 2px;
        font-size: 1.8rem
    }

@media screen and (min-width:769px) {
    body .survey .tooltip i:before {
        font-size: 1.4375em
    }
}

body .survey .tooltip.yes-button {
    margin-left: 1.5rem !important
}

    body .survey .tooltip.yes-button i:before {
        content: ""
    }

@media screen and (min-width:769px) {
    body .survey .tooltip.yes-button i:before {
        content: ""
    }
}

body .survey .tooltip.no-button i:before {
    content: ""
}

@media screen and (min-width:769px) {
    body .survey .tooltip.no-button i:before {
        content: ""
    }
}

.tco .wrap {
    max-width: 96.2rem
}

.tco .list-menu {
    border-bottom: 0;
    margin-top: 30px
}

@media screen and (min-width:769px) {
    .tco .list-menu {
        margin-top: 40px
    }
}

.tco .list-menu__btns {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.tco .print-only {
    text-align: left;
    margin-bottom: 0
}

.tco ok-station-filter {
    margin-left: auto
}

.tco .search-input .mat-input-suffix {
    font-size: 21px
}

.tco .adr-result {
    margin: 0;
    padding: 0;
    list-style: none
}

    .tco .adr-result li {
        margin-top: 5px
    }

.tco .left-col .form-row {
    max-width: 48rem;
    margin-left: 0
}

.tco .rettigheder-3col .form-row {
    vertical-align: top
}

    .tco .rettigheder-3col .form-row > div {
        margin-bottom: 15px
    }

.tco .map-wrap {
    position: relative;
    overflow: hidden
}

.tco .map-info {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 5;
    width: 0
}

    .tco .map-info h2 {
        font-size: 1.7rem;
        margin: 0
    }

.tco .map-info__box {
    padding: 10px;
    font-family: Arial,sans-serif;
    text-align: left;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    width: 190px
}

.tco .map-info__box, .tco .map-info label {
    transition: all .5s ease-in-out;
    background-color: #f2f2f2
}

.tco .map-info label {
    position: absolute;
    display: block;
    right: 0;
    top: 0;
    width: 40px;
    height: 40px;
    cursor: pointer
}

    .tco .map-info label i {
        display: none;
        font-size: 24px;
        line-height: 40px
    }

    .tco .map-info label .open {
        display: inline
    }

.tco .map-info input:checked ~ .map-info__box {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

.tco .map-info input:checked ~ label {
    right: 190px
}

    .tco .map-info input:checked ~ label .open {
        display: none
    }

    .tco .map-info input:checked ~ label .close {
        display: inline
    }

.tco .marker-counts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

    .tco .marker-counts img {
        max-width: 30px;
        max-height: 30px;
        width: 30px;
        height: 30px;
        margin-right: 5px
    }

    .tco .marker-counts > div {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-top: 10px
    }

    .tco .marker-counts .pri {
        width: 100%;
        font-size: 2rem;
        border-bottom: 1px solid #e7e6e6;
        padding-bottom: 10px
    }

    .tco .marker-counts .sec {
        width: 50%;
        font-size: 1.6rem
    }

.tco #map {
    height: 55rem
}

.tco .cell--label {
    -webkit-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2
}

.tco .cell--value {
    text-align: right;
    min-width: 100px;
    max-width: 100px
}

.tco .flex-table {
    max-width: 96.2rem;
    margin-left: auto;
    margin-right: auto
}

@media print {
    .tco .list-menu button {
        display: none
    }

    .tco .map-info__box {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    .tco .flex-table {
        page-break-before: always
    }
}

.form-btns {
    clear: both;
    text-align: center;
    display: block;
    margin: 1rem 0
}

@media screen and (min-width:481px) {
    .form-btns {
        margin: 1rem auto
    }
}

@media screen and (min-width:1024px) {
    .form-btns {
        margin: 2rem auto
    }
}

.runway--form-simple .form-btns {
    max-width: 480px
}

@media screen and (min-width:1024px) {
    .step .form-btns {
        margin: 2rem auto 1rem
    }
}

.dialog .form-btns {
    margin-left: 0
}

.form-btns--submit-step {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (min-width:481px) {
    .form-btns--submit-step {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media screen and (min-width:1024px) {
    .form-btns--submit-step {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        padding: 0 2rem
    }
}

.form-btns--submit-step p {
    font-size: 1.2rem;
    line-height: 110%;
    margin-top: 0
}

@media screen and (min-width:1024px) {
    .form-btns--submit-step p {
        font-size: 1.6rem;
        margin: 0
    }
}

.form-btns--submit-step > span {
    margin-bottom: 10px
}

@media screen and (min-width:481px) {
    .form-btns--submit-step > span {
        width: 100%;
        margin-top: 0
    }
}

@media screen and (min-width:1024px) {
    .form-btns--submit-step > span {
        width: auto;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        text-align: right;
        padding: 0 20px 0 60px;
        margin: 0;
        -webkit-box-flex: 2;
        -ms-flex-positive: 2;
        flex-grow: 2
    }
}

.form-btns--submit-step > span strong {
    display: block
}

@media screen and (min-width:0px) and (max-width:480px) {
    .form-btns--submit-step > span + button {
        margin-top: 1.5rem
    }
}

@media screen and (min-width:0px) and (max-width:480px) {
    .form-btns--submit-step button {
        width: 100%;
        margin-bottom: 2rem
    }
}

@media screen and (min-width:481px) and (max-width:1023px) {
    .form-btns--submit-step .submit-btn, .form-btns--submit-step .submit-step-btn {
        margin-left: 2rem
    }
}

@media screen and (min-width:481px) {
    .form-btns--submit-step .submit-btn, .form-btns--submit-step .submit-step-btn {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }
}

.form-btns--submit-step .back-btn {
    margin-left: 0 !important
}

@media screen and (min-width:481px) {
    .form-btns--submit-step .back-btn {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
}

@media screen and (min-width:1024px) {
    .form-btns--submit-step .back-btn {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

.form-headline {
    color: #1b1b1b;
    font-family: Arial,sans-serif;
    margin-bottom: 2px;
    text-align: left
}

@media screen and (min-width:769px) {
    .form-headline {
        margin-bottom: 0
    }
}

.form-headline + p {
    margin: 0;
    line-height: 2rem;
    font-size: 1.3rem;
    color: #1b1b1b
}

@media screen and (min-width:769px) {
    .form-headline + p {
        font-size: 1.6rem
    }
}

h2.form-headline {
    font-size: 1.6rem
}

@media screen and (min-width:769px) {
    h2.form-headline {
        font-size: 2.4rem
    }
}

h3.form-headline {
    font-size: 1.6rem
}

@media screen and (min-width:769px) {
    h3.form-headline {
        font-size: 2rem
    }
}

.form-info {
    padding-top: 20px
}

@media screen and (min-width:769px) {
    .form-info {
        padding-top: 50px
    }
}

.form-info .icon {
    font-size: 2.625em;
    display: inline-block
}

@media screen and (min-width:769px) {
    .form-info .icon {
        font-size: 4em
    }
}

.form-info .icon + h2, .form-info .icon-bs {
    margin-top: 10px
}

.form-info h2 {
    color: #6d6d6d;
    font-size: 1.5em
}

@media screen and (min-width:769px) {
    .form-info h2 {
        font-size: 2.5em
    }
}

.form-row-inline--50 > .form-row {
    width: 50%;
    padding-left: 1rem
}

    .form-row-inline--50 > .form-row:first-child {
        padding-left: 0;
        padding-right: 1rem
    }

.form-row-inline--50 .mat-input-element {
    min-width: inherit
}

.form-row-inline--50 .mat-input-suffix {
    display: none
}

.form-row-inline > .form-row {
    float: left;
    clear: none
}

.form-row-inline.adr-line {
    display: inline-block;
    width: 100%
}

    .form-row-inline.adr-line > .form-row {
        margin: 0
    }

    .form-row-inline.adr-line .adr {
        width: 100%;
        margin-bottom: 16px
    }

    .form-row-inline.adr-line .number {
        width: 50%
    }

    .form-row-inline.adr-line .letter {
        width: 50%;
        padding-left: 2rem
    }

    .form-row-inline.adr-line .zip {
        width: 35%
    }

    .form-row-inline.adr-line .city {
        width: 65%;
        padding-left: 2rem
    }

@media screen and (min-width:769px) {
    .form-row-inline.adr-line .adr {
        width: 60%;
        margin-bottom: 0
    }

    .form-row-inline.adr-line .letter, .form-row-inline.adr-line .number {
        width: 20%;
        padding-left: 3rem
    }

    .form-row-inline.adr-line .zip {
        width: 30%
    }

    .form-row-inline.adr-line .city {
        width: 70%;
        padding-left: 3rem
    }
}

.form-row {
    width: 100%;
    clear: both;
    position: relative;
    text-align: left;
    max-width: 480px
}

.runway--form .form-row {
    margin: 3.5rem 0
}

@media screen and (min-width:769px) {
    .runway--form .form-row {
        margin: 6rem 0
    }
}

.form-row--no-margin-top {
    margin-top: 0 !important
}

.form-row + .form-row--no-margin-top {
    margin-top: -1.5rem !important
}

@media screen and (min-width:769px) {
    .form-row + .form-row--no-margin-top {
        margin-top: -3rem !important
    }
}

.form-row--no-margin {
    margin-top: 10px !important;
    margin-bottom: 10px !important
}

@media screen and (min-width:769px) {
    .form-row--no-margin {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }
}

.form-row--no-margin-bottom {
    margin-bottom: 0 !important
}

.form-row--accept {
    margin-left: 1rem !important
}

@media screen and (min-width:769px) {
    .form-row--accept {
        margin: 4rem 0 4rem 2rem !important
    }
}

.runway--form-simple .form-row {
    margin: 1.2rem 0
}

@media screen and (min-width:769px) {
    .runway--form-simple .form-row {
        margin: 2rem 0
    }
}

.form--center .form-row {
    margin-left: auto;
    margin-right: auto
}

.form-row mat-input-container, .form-row mat-select {
    margin-top: 2.3rem
}

.form-row .mat-sibling {
    display: inline-block;
    margin-top: 10px
}

.form-row .message {
    font-size: 1.4rem
}

@media screen and (min-width:769px) {
    .form-row .message {
        font-size: 1.6rem
    }
}

.form-table {
    margin-bottom: 3rem
}

@media screen and (min-width:769px) {
    .form-table {
        margin-bottom: 4rem
    }
}

.form-table .form-headline {
    margin-top: 0;
    margin-bottom: 1rem;
    padding-left: 1rem
}

@media screen and (min-width:769px) {
    .form-table .form-headline {
        padding-left: 2rem
    }
}

.form-table .flex-table__row {
    border-top: 1px solid #e7e6e6;
    background: #f0f1f2;
    clear: both
}

.form-table .flex-table__cell {
    font-size: 1.2rem
}

@media screen and (min-width:769px) {
    .form-table .flex-table__cell {
        font-size: 2rem
    }
}

.form-table .flex-table__cell:last-child {
    text-align: right
}

.form-table button.go-right {
    padding-right: 1rem;
    color: #6d6d6d
}

@media screen and (min-width:769px) {
    .form-table button.go-right {
        padding-right: 2rem
    }
}

form {
    margin-bottom: 3rem;
    text-align: left
}

@media screen and (min-width:769px) {
    form {
        margin-bottom: 2rem
    }
}

form.form--center {
    text-align: center
}

@media screen and (min-width:0px) and (max-width:768px) {
    form.form--center {
        margin: 0 1rem
    }
}

.checkbox-group__wrap, .group-validation, body .input-stepper, mat-checkbox, mat-radio-group {
    border: 1px solid transparent
}

    .group-validation.ng-invalid.ng-dirty, .group-validation.ng-invalid.ng-touched, .ng-invalid.ng-dirty.checkbox-group__wrap, .ng-invalid.ng-touched.checkbox-group__wrap, body .ng-invalid.ng-dirty.input-stepper, body .ng-invalid.ng-touched.input-stepper, mat-checkbox.ng-invalid.ng-dirty, mat-checkbox.ng-invalid.ng-touched, mat-radio-group.ng-invalid.ng-dirty, mat-radio-group.ng-invalid.ng-touched {
        position: relative;
        border: 1px solid #db001b;
        background: #f8ccd1;
        box-shadow: 0 0 16px 0 rgba(219,0,26,.17);
        border-radius: 6px;
        padding-right: 3.2rem
    }

@media screen and (min-width:769px) {
    .group-validation.ng-invalid.ng-dirty, .group-validation.ng-invalid.ng-touched, .ng-invalid.ng-dirty.checkbox-group__wrap, .ng-invalid.ng-touched.checkbox-group__wrap, body .ng-invalid.ng-dirty.input-stepper, body .ng-invalid.ng-touched.input-stepper, mat-checkbox.ng-invalid.ng-dirty, mat-checkbox.ng-invalid.ng-touched, mat-radio-group.ng-invalid.ng-dirty, mat-radio-group.ng-invalid.ng-touched {
        padding-right: 4rem
    }
}

.group-validation.ng-invalid.ng-dirty i, .group-validation.ng-invalid.ng-touched i, .ng-invalid.ng-dirty.checkbox-group__wrap i, .ng-invalid.ng-touched.checkbox-group__wrap i, body .ng-invalid.ng-dirty.input-stepper i, body .ng-invalid.ng-touched.input-stepper i, mat-checkbox.ng-invalid.ng-dirty i, mat-checkbox.ng-invalid.ng-touched i, mat-radio-group.ng-invalid.ng-dirty i, mat-radio-group.ng-invalid.ng-touched i {
    color: #db001b
}

.group-validation.ng-invalid.ng-dirty:before, .group-validation.ng-invalid.ng-touched:before, .ng-invalid.ng-dirty.checkbox-group__wrap:before, .ng-invalid.ng-touched.checkbox-group__wrap:before, body .ng-invalid.ng-dirty.input-stepper:before, body .ng-invalid.ng-touched.input-stepper:before, mat-checkbox.ng-invalid.ng-dirty:before, mat-checkbox.ng-invalid.ng-touched:before, mat-radio-group.ng-invalid.ng-dirty:before, mat-radio-group.ng-invalid.ng-touched:before {
    position: absolute;
    font-size: 2.4rem;
    font-family: icomoon;
    color: #db001b;
    content: "";
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
    opacity: 1;
    right: 8px;
    top: 3px
}

@media screen and (min-width:769px) {
    .group-validation.ng-invalid.ng-dirty:before, .group-validation.ng-invalid.ng-touched:before, .ng-invalid.ng-dirty.checkbox-group__wrap:before, .ng-invalid.ng-touched.checkbox-group__wrap:before, body .ng-invalid.ng-dirty.input-stepper:before, body .ng-invalid.ng-touched.input-stepper:before, mat-checkbox.ng-invalid.ng-dirty:before, mat-checkbox.ng-invalid.ng-touched:before, mat-radio-group.ng-invalid.ng-dirty:before, mat-radio-group.ng-invalid.ng-touched:before {
        right: 13px;
        top: 8px;
        content: ""
    }
}

.group-validation.ng-invalid.ng-dirty + error-text .message, .group-validation.ng-invalid.ng-touched + error-text .message, .ng-invalid.ng-dirty.checkbox-group__wrap + error-text .message, .ng-invalid.ng-touched.checkbox-group__wrap + error-text .message, body .ng-invalid.ng-dirty.input-stepper + error-text .message, body .ng-invalid.ng-touched.input-stepper + error-text .message, mat-checkbox.ng-invalid.ng-dirty + error-text .message, mat-checkbox.ng-invalid.ng-touched + error-text .message, mat-radio-group.ng-invalid.ng-dirty + error-text .message, mat-radio-group.ng-invalid.ng-touched + error-text .message {
    margin-left: -10px
}

@media screen and (min-width:769px) {
    .group-validation.ng-invalid.ng-dirty + error-text .message, .group-validation.ng-invalid.ng-touched + error-text .message, .ng-invalid.ng-dirty.checkbox-group__wrap + error-text .message, .ng-invalid.ng-touched.checkbox-group__wrap + error-text .message, body .ng-invalid.ng-dirty.input-stepper + error-text .message, body .ng-invalid.ng-touched.input-stepper + error-text .message, mat-checkbox.ng-invalid.ng-dirty + error-text .message, mat-checkbox.ng-invalid.ng-touched + error-text .message, mat-radio-group.ng-invalid.ng-dirty + error-text .message, mat-radio-group.ng-invalid.ng-touched + error-text .message {
        margin-left: -20px
    }
}

.checkbox-group__wrap, .group-validation-margin, body .input-stepper, mat-checkbox, mat-radio-group {
    width: calc(100% + 10px);
    padding-top: 10px;
    padding-left: 10px;
    margin-left: -10px
}

@media screen and (min-width:769px) {
    .checkbox-group__wrap, .group-validation-margin, body .input-stepper, mat-checkbox, mat-radio-group {
        width: calc(100% + 20px);
        padding-top: 15px;
        padding-left: 20px;
        margin-left: -20px
    }
}

.group-validation-align-right.ng-invalid.ng-dirty, .group-validation-align-right.ng-invalid.ng-touched, tankningsbegraensning .cell--value ok-input-stepper.ng-invalid.ng-dirty, tankningsbegraensning .cell--value ok-input-stepper.ng-invalid.ng-touched {
    padding-right: 0;
    padding-left: 40px
}

    .group-validation-align-right.ng-invalid.ng-dirty:before, .group-validation-align-right.ng-invalid.ng-touched:before, tankningsbegraensning .cell--value ok-input-stepper.ng-invalid.ng-dirty:before, tankningsbegraensning .cell--value ok-input-stepper.ng-invalid.ng-touched:before {
        left: 8px;
        right: inherit;
        text-align: left
    }

.group-validation-align-right + error-text .message, tankningsbegraensning .cell--value ok-input-stepper + error-text .message {
    text-align: right
}

.step {
    border: 0;
    padding: 10px 0 20px;
    border-left: 1px solid #c5c5c5;
    margin: 0 0 0 1.3rem
}

@media screen and (min-width:769px) {
    .step {
        margin: 0 0 0 1.5rem
    }
}

.step--1 {
    padding-top: 0
}

.step--last {
    padding-bottom: 0;
    border-left: 0
}

.step .grid-box {
    margin-top: 0
}

.add-new-oiltank button i, .step__number {
    margin: 0;
    padding: 0;
    border: 0;
    background: #9c9c9c;
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    position: relative;
    text-align: center;
    font-family: Arial,sans-serif;
    outline: 10px solid #fff;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 26px;
    height: 26px;
    line-height: 27px;
    left: -13px;
    font-size: 1.4rem;
    transition: background .25s ease-in-out
}

@media screen and (min-width:481px) {
    .add-new-oiltank button i, .step__number {
        width: 33px;
        height: 33px;
        line-height: 33px;
        left: -16px;
        font-size: 2rem
    }
}

.add-new-oiltank button i:focus, .step__number:focus {
    outline: 10px solid #fff
}

.add-new-oiltank button i i, .add-new-oiltank button i span, .step__number i, .step__number span {
    transition: all .3s ease-out
}

.add-new-oiltank button i span, .step__number span {
    opacity: 1
}

.add-new-oiltank button i i, .step__number i {
    opacity: 0;
    font-size: 24px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    line-height: 27px
}

@media screen and (min-width:768px) {
    .add-new-oiltank button i i, .step__number i {
        line-height: 33px
    }
}

.add-new-oiltank button i i.step__number-edit, .step__number i.step__number-edit {
    font-size: 14px
}

.add-new-oiltank button i i:before, .step__number i:before {
    margin-top: 1px;
    margin-left: 1px
}

.add-new-oiltank button .step.step--active i, .step.step--active .add-new-oiltank button i, .step.step--active .step__number {
    background: #376d2b
}

.add-new-oiltank button .step.step--completed i, .step.step--completed .add-new-oiltank button i, .step.step--completed .step__number {
    background: #376d2b;
    cursor: pointer;
    -webkit-user-select: inherit;
    -moz-user-select: inherit;
    -ms-user-select: inherit;
    user-select: inherit
}

    .add-new-oiltank button .step.step--completed i span, .step.step--completed .add-new-oiltank button i span, .step.step--completed .step__number span {
        opacity: 0
    }

    .add-new-oiltank button .step.step--completed i i.step__number-comp, .step.step--completed .add-new-oiltank button i i.step__number-comp, .step.step--completed .step__number i.step__number-comp {
        opacity: 1
    }

    .add-new-oiltank button .step.step--completed i:hover i.step__number-comp, .step.step--completed .add-new-oiltank button i:hover i.step__number-comp, .step.step--completed .step__number:hover i.step__number-comp {
        display: none
    }

    .add-new-oiltank button .step.step--completed i:hover i.step__number-edit, .step.step--completed .add-new-oiltank button i:hover i.step__number-edit, .step.step--completed .step__number:hover i.step__number-edit {
        opacity: 1
    }

.step__name {
    display: inline-block;
    margin-left: -8px;
    font-size: 1.6rem;
    color: #9c9c9c
}

@media screen and (min-width:769px) {
    .step__name {
        margin-left: -10px;
        font-size: 2rem
    }
}

.step.step--active .step__name, .step.step--completed .step__name {
    font-family: Arial,sans-serif;
    color: inherit
}

.step__form {
    padding: 1rem 1rem 3rem 2.3rem
}

@media screen and (min-width:481px) {
    .step__form {
        padding: 1rem 2rem 3rem 3rem
    }
}

@media screen and (min-width:769px) {
    .step__form {
        padding: 2rem 8rem 5rem
    }
}

@media screen and (min-width:1367px) {
    .step__form {
        padding: 2rem 19.5rem 5rem
    }
}

.step__form .message--box {
    max-width: inherit
}

@media screen and (min-width:0px) and (max-width:480px) {
    .step__form > .form-btns button {
        width: 100%;
        margin-bottom: 2rem
    }
}

.step__resume {
    margin: 1rem 0 .5rem;
    padding: 0 2rem;
    font-size: 2rem;
    color: #6d6d6d
}

@media screen and (min-width:769px) {
    .step__resume {
        padding: 0 2.5rem
    }
}

.step__resume p {
    line-height: 2.5rem;
    margin: 0;
    font-size: 1.6rem
}

@media screen and (min-width:769px) {
    .step__resume p {
        font-size: 2rem
    }
}

.step__resume button {
    color: #1b1b1b
}

.step .adr-info {
    position: relative
}

    .step .adr-info .grid-box__item {
        text-align: center
    }

    .step .adr-info h2 {
        font-size: 1.6rem;
        margin-bottom: 5px;
        padding: 0 30px
    }

@media screen and (min-width:481px) {
    .step .adr-info h2 {
        font-size: 2.4rem
    }
}

@media screen and (min-width:769px) {
    .step .adr-info h2 {
        margin-bottom: 0;
        font-size: 4rem;
        font-family: Arial,sans-serif;
        padding: 0 40px
    }
}

.step .adr-info p {
    font-size: 1.6rem
}

@media screen and (min-width:769px) {
    .step .adr-info p {
        font-size: 2rem
    }
}

.step .adr-info .form-btns {
    margin: 0 auto
}

@media screen and (min-width:769px) {
    .step .adr-info .form-btns {
        margin: 15px auto 5px
    }
}

.step .adr-info .form-btns button {
    margin: 0 5px
}

@media screen and (min-width:0px) and (max-width:768px) {
    .step .adr-info .form-btns button {
        margin: 15px 5px 0
    }
}

.step .adr-info .edit-button {
    position: absolute;
    top: 10px;
    right: 10px
}

.dot {
    display: inline-block;
    width: 15px;
    height: 15px;
    border: 1px solid #e7e6e6;
    border-radius: 50%;
    position: relative;
    top: 2px;
    margin-right: 8px
}

.dot--grey {
    background: #c5c5c5
}

.dot--green {
    background: #376d2b
}

.hint {
    width: calc(80% - 1px);
    display: inline-block;
    margin: 5px 0 0 1px;
    font-size: 1.4rem
}

@media screen and (min-width:769px) {
    .hint {
        width: calc(90% - 1px);
        margin: 8px 0 0 1px;
        font-size: 1.6rem
    }
}

.hint a, .hint p {
    font-size: 1em;
    margin: 0;
    padding: 0
}

.hint--upper {
    width: auto;
    margin-top: 4px;
    position: absolute;
    top: 0;
    right: 0;
    color: #b7b7b7
}

@media screen and (min-width:769px) {
    .hint--upper {
        margin-top: 0
    }
}

h2 + .hint--upper {
    top: 2rem
}

@media screen and (min-width:769px) {
    h2 + .hint--upper {
        top: 2.8rem
    }
}

.mat-hint.mat-right {
    display: inline-block;
    text-align: right;
    position: static !important;
    float: right;
    margin-top: 5px;
    width: 20%;
    font-size: 1.4rem;
    white-space: nowrap
}

@media screen and (min-width:769px) {
    .mat-hint.mat-right {
        font-size: 1.6rem;
        margin-top: 8px;
        width: 10%
    }
}

.ng-invalid.ng-touched:not(.ng-pristine) + .mat-hint.mat-right {
    position: absolute !important;
    bottom: -1px;
    right: 0
}

body .input-stepper {
    display: inline-block;
    padding-top: 20px;
    padding-bottom: 20px
}

@media screen and (min-width:769px) {
    body .input-stepper {
        padding-top: 30px;
        padding-bottom: 30px
    }
}

body .input-stepper.ng-invalid {
    margin-bottom: 0
}

body .input-stepper__btn, body forbrugsalarmer .cell--add button, forbrugsalarmer .cell--add body button {
    background: none #fff;
    display: inline-block;
    border-radius: 50%;
    color: #999;
    padding: 0;
    margin-right: 10px;
    margin-left: 10px;
    position: relative;
    top: 2px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 30px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid #999
}

@media screen and (min-width:769px) {
    body .input-stepper__btn, body forbrugsalarmer .cell--add button, forbrugsalarmer .cell--add body button {
        border: 2px solid #999;
        top: -3px;
        width: 28px;
        height: 28px;
        line-height: 28px;
        font-size: 28px
    }
}

body .input-stepper__btn .icon, body forbrugsalarmer .cell--add button .icon, forbrugsalarmer .cell--add body button .icon {
    margin-left: -1px;
    margin-top: -1px;
    display: block
}

@media screen and (min-width:769px) {
    body .input-stepper__btn .icon, body forbrugsalarmer .cell--add button .icon, forbrugsalarmer .cell--add body button .icon {
        margin-left: -2px;
        margin-top: -2px
    }
}

body .input-stepper__btn:first-child, body forbrugsalarmer .cell--add button:first-child, forbrugsalarmer .cell--add body button:first-child {
    margin-left: 0
}

body .input-stepper__btn:after, body forbrugsalarmer .cell--add button:after, forbrugsalarmer .cell--add body button:after {
    content: none !important
}

body .input-stepper .message--error {
    margin-top: 20px
}

body .input-stepper .mat-input-wrapper .mat-input-table {
    vertical-align: bottom !important
}

body .input-stepper mat-input-container {
    background: #fff;
    display: inline-block;
    max-width: 11.5rem;
    border-radius: 0 !important;
    box-shadow: 0 0 10px 0 rgba(0,0,0,.1);
    border-color: #e4e4e4 !important;
    text-align: center;
    margin-top: 0
}

    body .input-stepper mat-input-container .mat-input-wrapper {
        margin: .9rem 0 .6rem !important
    }

    body .input-stepper mat-input-container .mat-input-infix {
        width: 100%
    }

        body .input-stepper mat-input-container .mat-input-infix .mat-input-element {
            min-width: inherit;
            text-align: center;
            width: 100%;
            font-size: 1.6rem !important;
            line-height: 2.6rem
        }

@media screen and (min-width:769px) {
    body .input-stepper mat-input-container .mat-input-infix .mat-input-element {
        font-size: 3rem !important;
        line-height: 4rem
    }
}

body .input-stepper mat-input-container .mat-input-suffix {
    display: none
}

body .input-stepper mat-input-container .mat-input-placeholder-wrapper {
    left: 0 !important;
    width: 100% !important
}

body .input-stepper mat-input-container .mat-input-placeholder {
    text-align: center;
    line-height: 1.4em;
    font-size: 1.2rem !important;
    width: 100% !important;
    top: -28px !important
}

@media screen and (min-width:769px) {
    body .input-stepper mat-input-container .mat-input-placeholder {
        top: -30px !important;
        line-height: 1.1em;
        font-size: 1.6rem !important
    }
}

body .input-stepper mat-input-container .mat-input-placeholder.mat-float.mat-focused, body .input-stepper mat-input-container .mat-input-placeholder.mat-float:not(.mat-empty), mat-input-container.ng-invalid.ng-touched body .input-stepper mat-input-container .mat-input-placeholder.mat-float, mat-input-container.ng-valid.ng-dirty body .input-stepper mat-input-container .mat-input-placeholder.mat-float {
    -webkit-transform: none !important;
    transform: none !important
}

body .input-stepper .hint {
    text-align: center;
    left: 0;
    right: 0;
    position: absolute;
    width: auto !important;
    bottom: -26px;
    font-size: 1.2rem !important
}

@media screen and (min-width:769px) {
    body .input-stepper .hint {
        bottom: -30px;
        font-size: 1.6rem !important
    }
}

.input-suggest {
    background: #fff;
    border-radius: 6px;
    border: 1px solid #e7e6e6;
    z-index: 7;
    list-style: none;
    margin: 0;
    width: 100%;
    padding: 0;
    position: absolute;
    left: 0;
    top: calc(100% - 21px)
}

@media screen and (min-width:769px) {
    .input-suggest {
        top: calc(100% - 30px)
    }
}

.has-input-suggest.ng-invalid.ng-touched .input-suggest {
    top: calc(100% - 43px)
}

@media screen and (min-width:769px) {
    .has-input-suggest.ng-invalid.ng-touched .input-suggest {
        top: calc(100% - 58px)
    }
}

.input-suggest > li {
    display: block
}

.input-suggest button {
    border: 0;
    background: none transparent;
    padding: 8px 17px;
    display: block;
    width: 100%;
    text-align: left
}

.no-touchevents .input-suggest button:hover {
    background: #e8e7e7
}

.mat-autocomplete-panel {
    margin: 10px -16px;
    background: #fff;
    border-radius: 6px;
    box-shadow: none !important;
    border: 1px solid #e7e6e6;
    z-index: 7;
    list-style: none;
    padding: 0
}

    .mat-autocomplete-panel .mat-option {
        border: 0;
        background: none transparent;
        padding: 8px 17px;
        display: block;
        width: 100%;
        text-align: left;
        cursor: pointer
    }

        .mat-autocomplete-panel .mat-option.mat-active, .no-touchevents .mat-autocomplete-panel .mat-option:hover {
            background: #e8e7e7
        }

mat-button-toggle {
    border: 2px solid #6d6d6d;
    text-align: center;
    min-width: 8rem
}

@media screen and (min-width:0px) and (max-width:767px) {
    mat-button-toggle {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }
}

@media screen and (min-width:769px) {
    mat-button-toggle {
        min-width: 9.5rem
    }
}

mat-button-toggle + mat-button-toggle {
    margin-left: -2px
}

mat-button-toggle:first-child {
    border-radius: 21px 0 0 21px !important
}

mat-button-toggle:last-child {
    border-radius: 0 21px 21px 0 !important
}

mat-button-toggle-group {
    box-shadow: none !important;
    background: #e7e6e6
}

@media screen and (min-width:0px) and (max-width:767px) {
    mat-button-toggle-group {
        width: 100%
    }
}

.mat-button-toggle-label {
    font-size: 1.2rem
}

@media screen and (min-width:769px) {
    .mat-button-toggle-label {
        font-size: 2rem
    }
}

.mat-button-toggle-label-content {
    font-family: Arial,sans-serif;
    line-height: 4rem !important;
    padding: 0 .8rem !important
}

@media screen and (min-width:769px) {
    .mat-button-toggle-label-content {
        padding: 0 1.6rem !important
    }
}

@media screen and (min-width:0px) and (max-width:768px) {
    .mat-button-toggle-label-content .dot {
        top: 4px;
        margin-right: 5px
    }
}

.mat-button-toggle-label-content > * {
    vertical-align: inherit !important
}

.mat-button-toggle-checked {
    color: #fff;
    background: #4c4c4c
}

.mat-button-toggle-lbl {
    margin-left: 5px;
    color: #1b1b1b;
    font-size: 1.6rem
}

@media screen and (min-width:769px) {
    .mat-button-toggle-lbl {
        font-size: 2rem
    }
}

.disabled + .mat-button-toggle-lbl {
    opacity: .5
}

button[disabled] {
    cursor: not-allowed !important
}

[mat-button] .mat-button-ripple, [mat-button] .mat-ripple-foreground {
    display: none !important
}

@media screen and (min-width:481px) {
    [mat-button] + [mat-button] {
        margin-left: 1rem
    }
}

[mat-button] .icon {
    margin-right: .5rem;
    font-size: 14px
}

@media screen and (min-width:769px) {
    [mat-button] .icon {
        position: relative;
        font-size: 15px;
        top: -1px
    }
}

.btn, a.btn--trans-white {
    display: inline-block;
    text-decoration: none
}

.btn, .btn--trans-white, body button[mat-button] {
    max-width: 480px;
    white-space: nowrap;
    transition: background .25s ease-in-out,color .25s ease-in-out,border .25s ease-in-out
}

.no-touchevents .btn--trans-white:hover, .no-touchevents .btn:hover, .no-touchevents body button[mat-button]:hover {
    background: #4c4c4c !important;
    color: #fff !important;
    border-color: #4c4c4c
}

    .no-touchevents .btn--trans-white:hover:after, .no-touchevents .btn:hover:after, .no-touchevents body button[mat-button]:hover:after {
        display: none
    }

    .no-touchevents .btn--trans-white:hover[disabled], .no-touchevents .btn:hover[disabled], .no-touchevents body button[mat-button]:hover[disabled] {
        background: #e7e6e6 !important
    }

.btn--trans-white.mat-button--fullwidth, .btn.mat-button--fullwidth, body button[mat-button].mat-button--fullwidth {
    width: 100%
}

@media screen and (min-width:0px) and (max-width:480px) {
    .btn--trans-white.mat-button--fullwidth-xs, .btn.mat-button--fullwidth-xs, body button[mat-button].mat-button--fullwidth-xs {
        width: 100%
    }
}

.btn--trans-white[disabled], .btn[disabled], body button[mat-button][disabled] {
    background: #e7e6e6;
    border: 2px solid #c5c5c5;
    color: #c5c5c5 !important;
    cursor: not-allowed
}

.btn--trans-white.loading, .btn.loading, body button[mat-button].loading {
    overflow: hidden;
    position: relative
}

    .btn--trans-white.loading .mat-button-wrapper, .btn.loading .mat-button-wrapper, body button[mat-button].loading .mat-button-wrapper {
        position: relative;
        left: 200%
    }

    .btn--trans-white.loading:before, .btn.loading:before, body button[mat-button].loading:before {
        line-height: 30px;
        height: 31px;
        width: 33px;
        position: absolute;
        top: 6px;
        left: 50%;
        margin-left: -16px;
        -webkit-transform-origin: center;
        transform-origin: center
    }

@media screen and (min-width:769px) {
    .btn--trans-white.loading:before, .btn.loading:before, body button[mat-button].loading:before {
        line-height: 31px;
        top: 12px
    }
}

.btn--trans-white.loading.mat-accent:before, .btn.loading.mat-accent:before, body button[mat-button].loading.mat-accent:before {
    top: 2px
}

@media screen and (min-width:769px) {
    .btn--trans-white.loading.mat-accent:before, .btn.loading.mat-accent:before, body button[mat-button].loading.mat-accent:before {
        top: 5px
    }
}

.btn, .btn--white, .mat-accent[mat-button], .mat-accent[mat-fab], .mat-accent[mat-icon-button], .mat-accent[mat-mini-fab], .mat-accent[mat-raised-button], body [mat-button]:not(.mat-primary):not(.mat-accent) {
    color: #6d6d6d !important;
    background: #fff !important;
    font-family: Arial,sans-serif;
    border: 1px solid #6d6d6d;
    font-size: 1.5rem;
    line-height: 3.4rem;
    padding: 0 30px;
    border-radius: 1.7rem
}

@media screen and (min-width:769px) {
    .btn, .btn--white, .mat-accent[mat-button], .mat-accent[mat-fab], .mat-accent[mat-icon-button], .mat-accent[mat-mini-fab], .mat-accent[mat-raised-button], body [mat-button]:not(.mat-primary):not(.mat-accent) {
        font-size: 2rem;
        line-height: 3.8rem;
        border-radius: 2.1rem;
        border-width: 2px
    }
}

body [mat-button]:not(.mat-primary):not(.mat-accent) {
    background-color: transparent !important;
    padding: 0 15px
}

.btn--red, .mat-primary[mat-button], .mat-primary[mat-fab], .mat-primary[mat-icon-button], .mat-primary[mat-mini-fab], .mat-primary[mat-raised-button] {
    color: #fff !important;
    background: #104b3d !important;
    border-color: transparent !important;
    font-family: Arial,sans-serif;
    font-size: 1.6rem;
    line-height: 4.4rem;
    padding: 0 30px;
    border-radius: 2rem
}

@media screen and (min-width:769px) {
    .btn--red, .mat-primary[mat-button], .mat-primary[mat-fab], .mat-primary[mat-icon-button], .mat-primary[mat-mini-fab], .mat-primary[mat-raised-button] {
        font-size: 2rem;
        line-height: 5.2rem;
        padding: 0 45px;
        border-radius: 1rem
    }
}

.btn.btn--trans-white {
    background: transparent !important;
    color: #fff !important;
    border-color: #fff !important
}

.mat-button-focus[mat-button]:after, .mat-button-focus[mat-fab]:after, .mat-button-focus[mat-icon-button]:after, .mat-button-focus[mat-mini-fab]:after, .mat-button-focus[mat-raised-button]:after, [mat-button]:hover:after, [mat-icon-button]:hover:after {
    content: none !important
}

.mat-button-focus-overlay {
    display: none
}

mat-checkbox {
    display: inline-block;
    padding-bottom: 10px
}

@media screen and (min-width:769px) {
    mat-checkbox {
        padding-bottom: 15px
    }
}

.mat-checkbox {
    font-family: inherit !important
}

.mat-checkbox-inner-container {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    min-width: 30px;
    width: 30px !important;
    height: 30px !important
}

@media screen and (min-width:769px) {
    .mat-checkbox-inner-container {
        min-width: 26px;
        width: 26px !important;
        height: 26px !important
    }
}

.mat-checkbox-inner-container .mat-checkbox-input {
    position: relative;
    top: 3px;
    left: 3px
}

.mat-checkbox-frame {
    background: #fff !important;
    border-radius: 3px !important;
    border-color: #999 !important;
    transition: border-color .25s ease-in-out
}

@media screen and (min-width:769px) {
    .mat-checkbox-frame {
        border-radius: 7px !important
    }
}

.mat-checkbox-label {
    line-height: inherit !important;
    font-size: 1em
}

.mat-checkbox-focused .mat-ink-ripple {
    display: none
}

.mat-checkbox-checked .mat-checkbox-background {
    background: #4c4c4c !important;
    border-radius: 3px !important
}

@media screen and (min-width:769px) {
    .mat-checkbox-checked .mat-checkbox-background {
        border-radius: 7px !important
    }
}

.mat-checkbox-checked .mat-checkbox-background svg {
    top: 2px;
    left: 2px;
    width: 85% !important;
    height: 85%
}

.mat-checkbox-checked.ng-invalid .mat-checkbox-background {
    background: #db001b !important
}

.no-touchevents .mat-checkbox-checked:hover .mat-checkbox-background {
    background: #999 !important
}

.mat-checkbox-layout {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important
}

.no-touchevents .mat-checkbox-layout:hover .mat-checkbox-frame {
    border-color: #4c4c4c !important
}

.mat-checkbox-disabled .mat-checkbox-frame {
    background: #e8e7e7 !important
}

.mat-checkbox-disabled .mat-checkbox-layout {
    cursor: not-allowed
}

.no-touchevents .mat-checkbox-disabled .mat-checkbox-layout:hover .mat-checkbox-frame {
    border-color: #999 !important
}

.checkbox-group__wrap {
    padding-top: 0
}

mat-input-container:not(.simple-mat-input) {
    font-family: inherit !important
}

.form-row mat-input-container:not(.simple-mat-input) {
    position: relative;
    z-index: 1;
    transition: box-shadow .3s ease-in;
    background: #fff;
    border: 1px solid #999;
    box-shadow: inset 3px 3px 6px -3px rgba(0,0,0,.06);
    width: 100%;
    border-radius: 3px;
    padding: 0 1rem
}

@media screen and (min-width:769px) {
    .form-row mat-input-container:not(.simple-mat-input) {
        border-radius: 6px;
        padding: 0 1.6rem
    }
}

.form-row mat-input-container:not(.simple-mat-input):after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    border-radius: 3px;
    box-shadow: 1px 1px 16px -1px rgba(0,0,0,.15);
    transition: opacity .3s ease-in-out;
    pointer-events: none
}

@media screen and (min-width:769px) {
    .form-row mat-input-container:not(.simple-mat-input):after {
        border-radius: 6px
    }
}

.no-touchevents mat-input-container:not(.simple-mat-input):hover {
    border-color: #000 !important
}

    .no-touchevents mat-input-container:not(.simple-mat-input):hover:after {
        opacity: 1
    }

mat-input-container:not(.simple-mat-input).mat-focused {
    border-color: #000 !important
}

    mat-input-container:not(.simple-mat-input).mat-focused:after {
        opacity: 1
    }

    mat-input-container:not(.simple-mat-input).mat-focused .mat-input-element {
        color: #000
    }

    mat-input-container:not(.simple-mat-input).mat-focused .mat-input-placeholder {
        color: #000;
        -webkit-transform: translateX(-11px) translateY(-30px) scale(.8) !important;
        transform: translateX(-11px) translateY(-30px) scale(.8) !important
    }

@media screen and (min-width:769px) {
    mat-input-container:not(.simple-mat-input).mat-focused .mat-input-placeholder {
        -webkit-transform: translateX(-17px) translateY(-38px) scale(.8) !important;
        transform: translateX(-17px) translateY(-38px) scale(.8) !important
    }
}

mat-input-container:not(.simple-mat-input).mat-focused.has-mat-prefix .mat-input-placeholder {
    -webkit-transform: translateX(-36px) translateY(-30px) scale(.8) !important;
    transform: translateX(-36px) translateY(-30px) scale(.8) !important
}

@media screen and (min-width:769px) {
    mat-input-container:not(.simple-mat-input).mat-focused.has-mat-prefix .mat-input-placeholder {
        -webkit-transform: translateX(-57px) translateY(-38px) scale(.8) !important;
        transform: translateX(-57px) translateY(-38px) scale(.8) !important
    }
}

.has-input-suggest.ng-invalid.ng-touched mat-input-container:not(.simple-mat-input), .saurons-eye.ng-invalid.ng-touched mat-input-container:not(.simple-mat-input), mat-input-container:not(.simple-mat-input).ng-invalid.ng-touched {
    border-color: #db001b !important;
    background: #f8ccd1;
    box-shadow: 0 0 16px 0 rgba(219,0,26,.17)
}

    .has-input-suggest.ng-invalid.ng-touched mat-input-container:not(.simple-mat-input) .mat-input-placeholder, .has-input-suggest.ng-invalid.ng-touched mat-input-container:not(.simple-mat-input) i, .saurons-eye.ng-invalid.ng-touched mat-input-container:not(.simple-mat-input) .mat-input-placeholder, .saurons-eye.ng-invalid.ng-touched mat-input-container:not(.simple-mat-input) i, mat-input-container:not(.simple-mat-input).ng-invalid.ng-touched .mat-input-placeholder, mat-input-container:not(.simple-mat-input).ng-invalid.ng-touched i {
        color: #db001b
    }

    .has-input-suggest.ng-invalid.ng-touched mat-input-container:not(.simple-mat-input) .mat-input-suffix > span:before, .saurons-eye.ng-invalid.ng-touched mat-input-container:not(.simple-mat-input) .mat-input-suffix > span:before, mat-input-container:not(.simple-mat-input).ng-invalid.ng-touched .mat-input-suffix > span:before {
        color: #db001b;
        content: "";
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg);
        opacity: 1;
        position: relative
    }

@media screen and (min-width:769px) {
    .has-input-suggest.ng-invalid.ng-touched mat-input-container:not(.simple-mat-input) .mat-input-suffix > span:before, .saurons-eye.ng-invalid.ng-touched mat-input-container:not(.simple-mat-input) .mat-input-suffix > span:before, mat-input-container:not(.simple-mat-input).ng-invalid.ng-touched .mat-input-suffix > span:before {
        content: ""
    }
}

.has-input-suggest.ng-valid.ng-touched:not(.ng-pristine) mat-input-container:not(.simple-mat-input) .mat-input-suffix > span:before, .saurons-eye.ng-valid.ng-touched:not(.ng-pristine) mat-input-container:not(.simple-mat-input) .mat-input-suffix > span:before, mat-input-container:not(.simple-mat-input).ng-valid.ng-touched:not(.ng-pristine):not(.mat-input-no-validation) .mat-input-suffix > span:before {
    color: #6fdb56;
    content: "";
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
    opacity: 1;
    position: relative;
    top: 1px
}

mat-input-container:not(.simple-mat-input) .mat-input-underline.mat-disabled {
    height: 100%;
    background: none #ccc;
    border-radius: 6px;
    top: 0;
    left: 0;
    margin-top: 0;
    opacity: .3;
    z-index: 0;
    display: block !important;
    cursor: not-allowed
}

mat-input-container:not(.simple-mat-input).ng-dirty .mat-input-element, mat-input-container:not(.simple-mat-input).ng-dirty .mat-input-prefix, mat-input-container:not(.simple-mat-input).ng-dirty .mat-input-suffix button {
    color: #1b1b1b
}

mat-input-container:not(.simple-mat-input) .mat-input-wrapper {
    padding-bottom: 0 !important;
    margin: 1.1rem 0 1rem !important
}

@media screen and (min-width:769px) {
    mat-input-container:not(.simple-mat-input) .mat-input-wrapper {
        margin: 1.4rem 0 1.3rem !important
    }
}

mat-input-container:not(.simple-mat-input) .mat-input-table {
    vertical-align: middle !important;
    height: 22px
}

@media screen and (min-width:1024px) {
    mat-input-container:not(.simple-mat-input) .mat-input-table {
        height: 27px
    }
}

mat-input-container:not(.simple-mat-input) .mat-input-prefix {
    vertical-align: middle;
    position: relative
}

    mat-input-container:not(.simple-mat-input) .mat-input-prefix > span {
        padding-right: 1rem;
        width: 24px;
        display: inline-block;
        vertical-align: middle
    }

@media screen and (min-width:769px) {
    mat-input-container:not(.simple-mat-input) .mat-input-prefix > span {
        padding-right: 1.6rem;
        width: 40px
    }
}

mat-input-container:not(.simple-mat-input) .mat-input-prefix i {
    position: relative;
    top: 1px;
    vertical-align: top;
    font-size: 1em
}

@media screen and (min-width:769px) {
    mat-input-container:not(.simple-mat-input) .mat-input-prefix i {
        position: static;
        vertical-align: middle;
        font-size: 1.5625em
    }
}

mat-input-container:not(.simple-mat-input).has-mat-prefix .mat-input-prefix {
    width: 24px
}

@media screen and (min-width:769px) {
    mat-input-container:not(.simple-mat-input).has-mat-prefix .mat-input-prefix {
        width: 40px
    }
}

mat-input-container:not(.simple-mat-input).has-mat-prefix .mat-input-element:-webkit-autofill + label {
    -webkit-transform: translateX(-36px) translateY(-30px) scale(.8) !important;
    transform: translateX(-36px) translateY(-30px) scale(.8) !important
}

@media screen and (min-width:769px) {
    mat-input-container:not(.simple-mat-input).has-mat-prefix .mat-input-element:-webkit-autofill + label {
        -webkit-transform: translateX(-57px) translateY(-38px) scale(.8) !important;
        transform: translateX(-57px) translateY(-38px) scale(.8) !important
    }
}

@media screen and (min-width:1024px) {
    mat-input-container:not(.simple-mat-input).has-mat-prefix .mat-input-placeholder {
        line-height: 27px
    }
}

mat-input-container:not(.simple-mat-input).has-mat-prefix .mat-input-placeholder.mat-float:not(.mat-empty) {
    -webkit-transform: translateX(-36px) translateY(-30px) scale(.8) !important;
    transform: translateX(-36px) translateY(-30px) scale(.8) !important
}

@media screen and (min-width:769px) {
    mat-input-container:not(.simple-mat-input).has-mat-prefix .mat-input-placeholder.mat-float:not(.mat-empty) {
        -webkit-transform: translateX(-57px) translateY(-38px) scale(.8) !important;
        transform: translateX(-57px) translateY(-38px) scale(.8) !important
    }
}

mat-input-container:not(.simple-mat-input) .mat-input-infix {
    vertical-align: middle
}

mat-input-container:not(.simple-mat-input) .mat-input-element {
    font-family: Arial,sans-serif !important;
    font-size: 1.6rem !important
}

@media screen and (min-width:769px) {
    mat-input-container:not(.simple-mat-input) .mat-input-element {
        font-size: 2rem !important
    }
}

mat-input-container:not(.simple-mat-input) .mat-input-element.changed {
    font-family: Arial,sans-serif
}

mat-input-container:not(.simple-mat-input) .mat-input-element:-moz-placeholder, mat-input-container:not(.simple-mat-input) .mat-input-element::-moz-placeholder {
    color: transparent
}

mat-input-container:not(.simple-mat-input) .mat-input-element:-ms-input-placeholder {
    color: transparent
}

mat-input-container:not(.simple-mat-input) .mat-input-element::-webkit-input-placeholder {
    color: transparent
}

mat-input-container:not(.simple-mat-input) .mat-input-element[type=number]::-webkit-inner-spin-button, mat-input-container:not(.simple-mat-input) .mat-input-element[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    appearance: none
}

mat-input-container:not(.simple-mat-input) .mat-input-element:-webkit-autofill, mat-input-container:not(.simple-mat-input) .mat-input-element:-webkit-autofill:active, mat-input-container:not(.simple-mat-input) .mat-input-element:-webkit-autofill:focus, mat-input-container:not(.simple-mat-input) .mat-input-element:-webkit-autofill:hover {
    transition: background-color 5000s ease-in-out 0s
}

    mat-input-container:not(.simple-mat-input) .mat-input-element:-webkit-autofill + label {
        -webkit-transform: translateX(-11px) translateY(-30px) scale(.8) !important;
        transform: translateX(-11px) translateY(-30px) scale(.8) !important
    }

@media screen and (min-width:769px) {
    mat-input-container:not(.simple-mat-input) .mat-input-element:-webkit-autofill + label {
        -webkit-transform: translateX(-17px) translateY(-38px) scale(.8) !important;
        transform: translateX(-17px) translateY(-38px) scale(.8) !important
    }
}

mat-input-container:not(.simple-mat-input) .mat-input-element:focus {
    color: #1b1b1b
}

mat-input-container:not(.simple-mat-input) .mat-input-element[type=password] {
    line-height: 130%
}

mat-input-container:not(.simple-mat-input) .mat-input-placeholder-wrapper {
    padding-top: 0 !important;
    top: 0 !important;
    left: 0 !important;
    overflow: visible !important;
    width: auto !important;
    line-height: 22px
}

@media screen and (min-width:1024px) {
    mat-input-container:not(.simple-mat-input) .mat-input-placeholder-wrapper {
        line-height: 27px
    }
}

mat-input-container:not(.simple-mat-input) .mat-input-placeholder {
    padding-top: 0 !important;
    font-family: Arial,sans-serif;
    -webkit-transform-origin: top left !important;
    transform-origin: top left !important;
    left: auto !important;
    font-size: 1.6rem !important;
    color: #999;
    top: 0 !important;
    width: auto !important;
    overflow: visible
}

@media screen and (min-width:769px) {
    mat-input-container:not(.simple-mat-input) .mat-input-placeholder {
        font-size: 2rem !important
    }
}

mat-input-container:not(.simple-mat-input) .mat-input-placeholder:not(.mat-empty) {
    color: #000;
    -webkit-transform: translateX(-11px) translateY(-30px) scale(.8) !important;
    transform: translateX(-11px) translateY(-30px) scale(.8) !important
}

@media screen and (min-width:769px) {
    mat-input-container:not(.simple-mat-input) .mat-input-placeholder:not(.mat-empty) {
        -webkit-transform: translateX(-17px) translateY(-38px) scale(.8) !important;
        transform: translateX(-17px) translateY(-38px) scale(.8) !important
    }
}

mat-input-container:not(.simple-mat-input) .mat-input-suffix {
    width: 24px;
    padding-left: 1rem
}

@media screen and (min-width:769px) {
    mat-input-container:not(.simple-mat-input) .mat-input-suffix {
        width: 45px;
        padding-left: 1.4rem
    }
}

mat-input-container:not(.simple-mat-input) .mat-input-suffix > span {
    display: block;
    text-align: right;
    width: 22px;
    vertical-align: middle
}

@media screen and (min-width:769px) {
    mat-input-container:not(.simple-mat-input) .mat-input-suffix > span {
        width: 30px
    }
}

mat-input-container:not(.simple-mat-input) .mat-input-suffix > span:before {
    display: block;
    opacity: 0;
    width: 100%;
    content: "";
    font-family: icomoon;
    -webkit-transform: rotateY(90deg);
    transform: rotateY(90deg);
    transition: opacity .4s ease-in-out,-webkit-transform .4s ease-in-out;
    transition: opacity .4s ease-in-out,transform .4s ease-in-out;
    transition: opacity .4s ease-in-out,transform .4s ease-in-out,-webkit-transform .4s ease-in-out;
    font-size: 1.8rem;
    line-height: 115%
}

@media screen and (min-width:769px) {
    mat-input-container:not(.simple-mat-input) .mat-input-suffix > span:before {
        font-size: 2.4rem
    }
}

mat-input-container:not(.simple-mat-input) .mat-input-suffix > span span {
    opacity: 0;
    -webkit-transform: rotateY(90deg);
    transform: rotateY(90deg);
    transition: opacity .4s ease-in-out,-webkit-transform .4s ease-in-out;
    transition: opacity .4s ease-in-out,transform .4s ease-in-out;
    transition: opacity .4s ease-in-out,transform .4s ease-in-out,-webkit-transform .4s ease-in-out
}

mat-input-container:not(.simple-mat-input).has-mat-suffix-btn .mat-input-suffix > span:before {
    right: 45px
}

@media screen and (min-width:769px) {
    mat-input-container:not(.simple-mat-input).has-mat-suffix-btn .mat-input-suffix > span:before {
        right: 52px
    }
}

mat-input-container:not(.simple-mat-input).has-mat-suffix-btn .mat-input-suffix button {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    border: 0;
    border-left: 1px solid #999;
    background: #e7e6e6;
    font-size: 20px;
    border-radius: 0 3px 3px 0;
    width: 45px;
    padding: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media screen and (min-width:769px) {
    mat-input-container:not(.simple-mat-input).has-mat-suffix-btn .mat-input-suffix button {
        font-size: 23px;
        border-radius: 0 6px 6px 0;
        width: 55px
    }
}

mat-input-container:not(.simple-mat-input).has-mat-suffix-btn .mat-input-suffix button i {
    position: relative
}

    mat-input-container:not(.simple-mat-input).has-mat-suffix-btn .mat-input-suffix button i.icon-large-24px_eye-ban, mat-input-container:not(.simple-mat-input).has-mat-suffix-btn .mat-input-suffix button i.icon-small-48px_eye-ban {
        top: -1px
    }

mat-input-container:not(.simple-mat-input).has-mat-suffix-btn input[type=password]::-ms-clear, mat-input-container:not(.simple-mat-input).has-mat-suffix-btn input[type=password]::-ms-reveal {
    display: none
}

mat-input-container:not(.simple-mat-input) .mat-input-underline {
    display: none
}

mat-input-container:not(.simple-mat-input) .mat-input-suffix .search-clear, mat-input-container:not(.simple-mat-input) .mat-input-suffix .search-gfx {
    position: absolute;
    right: 10px;
    top: 10px;
    height: 26px;
    line-height: 100%
}

@media screen and (min-width:769px) {
    mat-input-container:not(.simple-mat-input) .mat-input-suffix .search-clear, mat-input-container:not(.simple-mat-input) .mat-input-suffix .search-gfx {
        right: 17px;
        top: 10px
    }
}

mat-input-container:not(.simple-mat-input) .mat-input-suffix .search-clear button, mat-input-container:not(.simple-mat-input) .mat-input-suffix .search-gfx button {
    height: 26px;
    line-height: 100%
}

mat-input-container:not(.simple-mat-input) .mat-input-suffix .search-clear {
    color: #1b1b1b;
    font-size: 2.2rem;
    z-index: 5
}

@media screen and (min-width:769px) {
    mat-input-container:not(.simple-mat-input) .mat-input-suffix .search-clear {
        top: 17px;
        font-size: 2.4rem
    }
}

mat-input-container:not(.simple-mat-input) .mat-input-suffix .search-gfx {
    cursor: pointer;
    font-size: 2.2rem
}

@media screen and (min-width:769px) {
    mat-input-container:not(.simple-mat-input) .mat-input-suffix .search-gfx {
        top: 15px;
        font-size: 3rem
    }
}

mat-input-container:not(.simple-mat-input).ng-dirty .search-clear, mat-input-container:not(.simple-mat-input).ng-pristine .search-gfx {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
    opacity: 1
}

mat-input-container.simple-mat-input {
    font-family: inherit !important;
    width: 100%
}

    mat-input-container.simple-mat-input.ng-invalid.ng-touched .mat-input-element {
        color: #db001b
    }

        mat-input-container.simple-mat-input.ng-invalid.ng-touched .mat-input-element + .mat-input-placeholder-wrapper:after {
            background-image: linear-gradient(90deg,#db001b 0,#db001b 66%,hsla(0,0%,100%,0) 67%,hsla(0,0%,100%,0))
        }

    mat-input-container.simple-mat-input.ng-invalid.ng-touched .mat-hint {
        color: #db001b
    }

mat-input-container.simple-mat-input--left .mat-input-element {
    text-align: left !important
}

mat-input-container.simple-mat-input .mat-input-wrapper {
    margin: 0 !important;
    padding: 0 !important
}

mat-input-container.simple-mat-input .mat-input-element {
    text-align: right;
    font-size: 1.6rem;
    font-family: Arial,sans-serif !important
}

@media screen and (min-width:769px) {
    mat-input-container.simple-mat-input .mat-input-element {
        font-size: 2rem
    }
}

mat-input-container.simple-mat-input .mat-input-element:focus + .mat-input-placeholder-wrapper:after {
    background-image: linear-gradient(90deg,#000 0,#000 66%,hsla(0,0%,100%,0) 67%,hsla(0,0%,100%,0))
}

mat-input-container.simple-mat-input .mat-input-element.changed {
    font-family: Arial,sans-serif !important;
    border-bottom-width: 2px;
    border-bottom-color: #1b1b1b
}

    mat-input-container.simple-mat-input .mat-input-element.changed + .mat-input-placeholder-wrapper {
        bottom: -1px
    }

        mat-input-container.simple-mat-input .mat-input-element.changed + .mat-input-placeholder-wrapper:after {
            height: 2px;
            background-image: linear-gradient(90deg,#000 0,#000 66%,hsla(0,0%,100%,0) 67%,hsla(0,0%,100%,0))
        }

mat-input-container.simple-mat-input .mat-input-element + .mat-input-placeholder-wrapper {
    left: 0 !important;
    padding-bottom: 0 !important;
    -webkit-transform: none !important;
    transform: none !important;
    width: 100% !important;
    text-indent: 100%;
    bottom: 0;
    display: inline-block
}

    mat-input-container.simple-mat-input .mat-input-element + .mat-input-placeholder-wrapper:after {
        content: "";
        display: block;
        position: absolute;
        height: 1px;
        bottom: 0;
        left: 0;
        right: 0;
        background-image: linear-gradient(90deg,#cbcbcb 0,#cbcbcb 66%,hsla(0,0%,100%,0) 67%,hsla(0,0%,100%,0));
        background-size: 6px 2px
    }

mat-input-container.simple-mat-input .mat-input-suffix, mat-input-container.simple-mat-input .mat-input-underline {
    display: none
}

mat-input-container.simple-mat-input .mat-input-subscript-wrapper {
    margin-top: 0
}

mat-input-container.simple-mat-input .mat-hint.mat-right {
    width: auto;
    margin-top: 2px;
    font-size: 1.4rem
}

mat-input-container.simple-mat-input + error-text {
    position: relative;
    width: 100%;
    bottom: 48px;
    left: 0;
    display: block
}

    mat-input-container.simple-mat-input + error-text .message--error {
        opacity: 1;
        border: 1px solid #db001b;
        background: #f8ccd1;
        color: #db001b;
        font-size: 16px;
        top: auto;
        bottom: 100%;
        margin-bottom: 10px;
        margin-left: 0;
        left: 50%;
        width: auto;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 135%;
        white-space: normal
    }

        mat-input-container.simple-mat-input + error-text .message--error:after, mat-input-container.simple-mat-input + error-text .message--error:before {
            top: 100%;
            left: 50%
        }

        mat-input-container.simple-mat-input + error-text .message--error:after {
            border-top-color: #f8ccd1;
            margin-left: -6px
        }

@media screen and (min-width:769px) {
    mat-input-container.simple-mat-input + error-text .message--error:after {
        margin-left: -8px
    }
}

mat-input-container.simple-mat-input + error-text .message--error:before {
    border-top-color: #db001b;
    margin-left: -7px
}

@media screen and (min-width:769px) {
    mat-input-container.simple-mat-input + error-text .message--error:before {
        margin-left: -9px
    }
}

mat-input-container.simple-mat-input.simple-mat-input--toggle {
    cursor: pointer
}

    mat-input-container.simple-mat-input.simple-mat-input--toggle .mat-input-element {
        pointer-events: none;
        padding-right: 2rem
    }

    mat-input-container.simple-mat-input.simple-mat-input--toggle .mat-input-suffix {
        display: inline-block;
        position: absolute;
        right: 5px;
        top: 2px;
        width: auto
    }

mat-input-container textarea {
    width: 100% !important
}

.mat-menu-panel {
    box-shadow: 0 0 5px 1px rgba(0,0,0,.4) !important;
    min-width: 130% !important
}

.mat-menu-content {
    padding: 0 !important;
    max-height: 300px
}

    .mat-menu-content button {
        background: #fff;
        padding: 1.5rem 2.5rem;
        overflow: hidden;
        line-height: inherit !important;
        text-align: left
    }

.no-touchevents .mat-menu-content button:hover {
    background: #f0f1f2;
    color: #1b1b1b
}

.mat-menu-content button[disabled=true] {
    color: #c5c5c5;
    cursor: not-allowed
}

.no-touchevents .mat-menu-content button[disabled=true]:hover {
    background: #fff;
    color: #c5c5c5
}

.mat-menu-content button .mat-menu-ripple {
    display: none
}

mat-radio-group {
    display: inline-block;
    padding-bottom: 2px
}

@media screen and (min-width:769px) {
    mat-radio-group {
        padding-bottom: 8px
    }
}

mat-radio-button {
    clear: both;
    display: block !important;
    margin-bottom: 1.1rem
}

    mat-radio-button:last-child {
        margin-bottom: 0
    }

.mat-radio-container {
    min-width: 32px;
    top: 0 !important;
    width: 32px !important;
    height: 32px !important
}

@media screen and (min-width:769px) {
    .mat-radio-container {
        min-width: 28px;
        width: 28px !important;
        height: 28px !important
    }
}

.mat-radio-outer-circle {
    margin-top: 0 !important;
    min-width: 30px;
    width: 30px !important;
    height: 30px !important;
    border-color: #999 !important;
    background: #fff
}

@media screen and (min-width:769px) {
    .mat-radio-outer-circle {
        min-width: 26px;
        width: 26px !important;
        height: 26px !important
    }
}

.no-touchevents .mat-radio-label:hover .mat-radio-outer-circle {
    border-color: #4c4c4c !important
}

.mat-radio-inner-circle {
    background: #4c4c4c;
    top: 3px !important;
    left: 3px !important
}

@media screen and (min-width:0px) and (max-width:768px) {
    .mat-radio-inner-circle {
        width: 24px !important;
        height: 24px !important
    }
}

.mat-radio-label {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    font-size: 1em
}

.mat-radio-label-content {
    white-space: normal
}

    .mat-radio-label-content img {
        max-height: 23px;
        margin-right: 8px;
        vertical-align: middle;
        position: relative;
        top: -1px
    }

    .mat-radio-label-content i {
        margin-right: 5px;
        position: relative;
        top: -1px
    }

.mat-radio-focused .mat-ink-ripple {
    display: none
}

.mat-radio-checked .mat-radio-outer-circle {
    border-color: #4c4c4c !important
}

.mat-radio-checked .mat-radio-inner-circle {
    -webkit-transform: scale(.8) !important;
    transform: scale(.8) !important
}

.no-touchevents .mat-radio-checked .mat-radio-label:hover .mat-radio-outer-circle {
    border-color: #999 !important
}

.no-touchevents .mat-radio-checked .mat-radio-label:hover .mat-radio-inner-circle {
    background: #999 !important
}

.mat-radio-disabled .mat-radio {
    cursor: not-allowed
}

.mat-radio-disabled .mat-radio-outer-circle {
    background: #e8e7e7 !important;
    border-color: #999 !important
}

.no-touchevents .mat-radio-disabled .mat-radio-label:hover .mat-radio-outer-circle {
    border-color: #999 !important
}

.radio-betalingsform img {
    max-height: 2.3rem
}

.radio-betalingsform .icon {
    width: 3.8rem;
    font-size: 2.6rem;
    display: inline-block;
    text-align: center
}

.mat-select.ng-invalid.ng-touched {
    border-color: #db001b;
    background: #f8ccd1;
    box-shadow: 0 0 16px 0 rgba(219,0,26,.17)
}

    .mat-select.ng-invalid.ng-touched .mat-select-arrow, .mat-select.ng-invalid.ng-touched .mat-select-placeholder {
        color: #db001b
    }

    .mat-select.ng-invalid.ng-touched .mat-select-arrow {
        position: relative
    }

        .mat-select.ng-invalid.ng-touched .mat-select-arrow:before {
            font-family: icomoon;
            color: #db001b;
            -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
            opacity: 1;
            position: absolute;
            line-height: 115%;
            left: -30px;
            top: -14px;
            font-size: 1.8rem;
            content: ""
        }

@media screen and (min-width:769px) {
    .mat-select.ng-invalid.ng-touched .mat-select-arrow:before {
        top: -18px;
        left: -40px;
        font-size: 2.4rem;
        content: ""
    }
}

.mat-select.ng-valid.ng-touched:not(.ng-pristine) .mat-select-arrow {
    position: relative
}

    .mat-select.ng-valid.ng-touched:not(.ng-pristine) .mat-select-arrow:before {
        font-family: icomoon;
        color: #6fdb56;
        content: "";
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg);
        opacity: 1;
        position: absolute;
        line-height: 115%;
        left: -30px;
        top: -13px;
        font-size: 1.8rem
    }

@media screen and (min-width:769px) {
    .mat-select.ng-valid.ng-touched:not(.ng-pristine) .mat-select-arrow:before {
        top: -17px;
        left: -40px;
        font-size: 2.4rem;
        content: ""
    }
}

.form-row .mat-select {
    background: #fff;
    border: 1px solid #999;
    box-shadow: inset 3px 3px 6px -3px rgba(0,0,0,.06);
    width: 100%;
    border-radius: 3px;
    padding: 0 1rem;
    position: relative
}

@media screen and (min-width:769px) {
    .form-row .mat-select {
        border-radius: 6px;
        padding: 0 1.6rem
    }
}

.mat-select-panel {
    background: #fff;
    box-shadow: 0 0 5px 1px rgba(0,0,0,.4) !important
}

.mat-select-trigger {
    margin: .9rem 0 !important;
    height: auto !important;
    min-width: inherit !important
}

@media screen and (min-width:769px) {
    .mat-select-trigger {
        margin: 1.3rem 0 !important
    }
}

.mat-select-placeholder {
    position: static;
    font-family: Arial,sans-serif !important;
    font-size: 1.6rem !important;
    top: 0 !important;
    left: 0 !important;
    -webkit-transform: none !important;
    transform: none !important
}

@media screen and (min-width:769px) {
    .mat-select-placeholder {
        font-size: 2rem !important
    }
}

.mat-select .mat-floating-placeholder {
    top: -34px !important;
    -webkit-transform: scale(.75) !important;
    transform: scale(.75) !important;
    left: -11px !important
}

@media screen and (min-width:769px) {
    .mat-select .mat-floating-placeholder {
        left: -18px !important;
        top: -37px !important
    }
}

.mat-select-value-text {
    font-family: Arial,sans-serif !important;
    font-size: 1.6rem !important
}

@media screen and (min-width:769px) {
    .mat-select-value-text {
        font-size: 2rem !important
    }
}

.mat-select-content .mat-option {
    cursor: pointer;
    padding: 1rem 2rem;
    overflow: hidden;
    line-height: inherit !important;
    font-size: 1.6rem;
    display: block
}

.no-touchevents .mat-select-content .mat-option:hover {
    background: #f0f1f2;
    color: #1b1b1b
}

.mat-select-content .mat-option[disabled=true] {
    color: #c5c5c5;
    cursor: not-allowed
}

.no-touchevents .mat-select-content .mat-option[disabled=true]:hover {
    background: #fff;
    color: #c5c5c5
}

.mat-option-ripple {
    display: none !important
}

mat-slide-toggle {
    height: auto !important;
    display: inline-block !important;
    margin: .4rem 0 0 !important
}

@media screen and (min-width:0px) and (max-width:767px) {
    mat-slide-toggle {
        margin-top: 1.5rem !important
    }
}

mat-slide-toggle .mat-slide-toggle-label {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer !important
}

mat-slide-toggle .mat-slide-toggle-bar {
    background: #9d0024;
    border: 1px solid #5e0016;
    border-radius: 19px;
    min-width: 95px;
    height: 38px !important
}

@media screen and (min-width:768px) {
    mat-slide-toggle .mat-slide-toggle-bar {
        min-width: 68px;
        height: 28px !important;
        border-radius: 14px
    }
}

mat-slide-toggle .mat-slide-toggle-bar:after, mat-slide-toggle .mat-slide-toggle-bar:before {
    display: block;
    position: absolute;
    font-size: 2rem;
    color: #fff;
    top: 1px;
    font-family: icomoon;
    transition: all .2s ease-out
}

mat-slide-toggle .mat-slide-toggle-bar:after {
    content: "";
    right: 15px;
    top: 6px;
    font-size: 2.7rem
}

@media screen and (min-width:768px) {
    mat-slide-toggle .mat-slide-toggle-bar:after {
        top: 1px;
        content: "";
        right: 11px;
        font-size: 1.7rem
    }
}

mat-slide-toggle .mat-slide-toggle-bar:before {
    content: "";
    left: 14px;
    font-size: 2.7rem;
    top: 5px;
    opacity: 0
}

@media screen and (min-width:768px) {
    mat-slide-toggle .mat-slide-toggle-bar:before {
        top: 1px;
        content: "";
        left: 9px;
        font-size: 2.3rem
    }
}

mat-slide-toggle .mat-slide-toggle-thumb-container {
    display: inline-block !important;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    position: relative;
    cursor: pointer !important;
    width: 100% !important;
    top: 3px !important;
    margin: 0 2px
}

mat-slide-toggle .mat-slide-toggle-ripple {
    display: none
}

mat-slide-toggle.show-label .mat-slide-toggle-content {
    white-space: normal;
    line-height: 1.3em;
    font-family: Arial,sans-serif;
    color: #1b1b1b;
    font-size: 1.6rem
}

@media screen and (min-width:768px) {
    mat-slide-toggle.show-label .mat-slide-toggle-content {
        font-size: 2rem
    }
}

mat-slide-toggle .mat-slide-toggle-thumb {
    transition: all 80ms linear;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    background: #fff;
    box-shadow: none !important;
    top: 1px !important;
    left: 3px !important;
    width: 30px !important;
    height: 30px !important
}

@media screen and (min-width:768px) {
    mat-slide-toggle .mat-slide-toggle-thumb {
        width: 20px !important;
        height: 20px !important
    }
}

mat-slide-toggle:not(.mat-checked) .mat-slide-toggle-content {
    color: #999
}

mat-slide-toggle.mat-checked .mat-slide-toggle-thumb-container {
    -webkit-transform: none !important;
    transform: none !important
}

mat-slide-toggle.mat-checked .mat-slide-toggle-thumb {
    -webkit-transform: translate3d(59px,0,0);
    transform: translate3d(59px,0,0)
}

@media screen and (min-width:768px) {
    mat-slide-toggle.mat-checked .mat-slide-toggle-thumb {
        -webkit-transform: translate3d(42px,0,0);
        transform: translate3d(42px,0,0)
    }
}

mat-slide-toggle.mat-checked .mat-slide-toggle-bar {
    background: #376d2b;
    border: 1px solid #23461c
}

    mat-slide-toggle.mat-checked .mat-slide-toggle-bar:after {
        opacity: 0
    }

    mat-slide-toggle.mat-checked .mat-slide-toggle-bar:before {
        opacity: 1
    }

mat-slide-toggle.mat-disabled .mat-slide-toggle-label {
    opacity: .5;
    cursor: not-allowed !important
}

mat-slide-toggle.mat-disabled .mat-slide-toggle-container {
    cursor: not-allowed !important
}

mat-slide-toggle + error-text {
    position: relative;
    width: 100%;
    bottom: 48px;
    left: 0;
    display: block
}

    mat-slide-toggle + error-text .message--error {
        opacity: 1;
        border: 1px solid #db001b;
        background: #f8ccd1;
        color: #db001b;
        font-size: 16px;
        top: auto;
        bottom: 100%;
        margin-bottom: 10px;
        margin-left: 0;
        left: 50%;
        width: auto;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

        mat-slide-toggle + error-text .message--error:after, mat-slide-toggle + error-text .message--error:before {
            top: 100%;
            left: 50%
        }

        mat-slide-toggle + error-text .message--error:after {
            border-top-color: #f8ccd1;
            margin-left: -6px
        }

@media screen and (min-width:768px) {
    mat-slide-toggle + error-text .message--error:after {
        margin-left: -8px
    }
}

mat-slide-toggle + error-text .message--error:before {
    border-top-color: #db001b;
    margin-left: -7px
}

@media screen and (min-width:768px) {
    mat-slide-toggle + error-text .message--error:before {
        margin-left: -9px
    }
}

mat-slider {
    width: 100%;
    font-size: 1em;
    cursor: pointer
}

.mat-slider {
    overflow: hidden
}

.mat-slider-ticks-container {
    display: none
}

.mat-slider-wrapper {
    height: 3px !important;
    left: 16px !important;
    right: 16px !important
}

.mat-slider-track {
    background-color: #999;
    box-shadow: none !important
}

.mat-slider-track-wrapper {
    height: 3px !important;
    background: #999
}

.mat-slider-track-fill {
    background-color: #db001b;
    height: 3px !important
}

.mat-slider-thumb {
    right: -15px !important;
    bottom: -16px !important;
    left: -15px;
    width: 3rem !important;
    height: 3rem !important;
    border-radius: 50%;
    -webkit-transform: scale(1) !important;
    transform: scale(1) !important;
    border: 0 !important
}

    .mat-slider-thumb:after {
        content: "";
        display: block;
        width: 3rem;
        height: 3rem;
        border-radius: 50%;
        background-color: #db001b;
        border-color: #db001b;
        left: 0
    }

.mat-slider-thumb-container {
    left: 100%
}

.mat-slider-sliding {
    overflow: visible
}

    .mat-slider-sliding .mat-slider-thumb {
        left: -16px
    }

        .mat-slider-sliding .mat-slider-thumb:after {
            width: 3.2rem;
            height: 3.2rem;
            border-radius: 60% 70% 0 70%;
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
            margin-top: -29px
        }

    .mat-slider-sliding .mat-slider-thumb-label {
        z-index: 2;
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        top: -41px !important;
        left: 0 !important;
        right: 0 !important;
        -webkit-transform: rotate(0deg) translateX(-50%) !important;
        transform: rotate(0deg) translateX(-50%) !important
    }

    .mat-slider-sliding .mat-slider-thumb-label-text {
        opacity: 1;
        color: #fff;
        font-size: 1.3rem;
        -webkit-transform: none !important;
        transform: none !important
    }

.slider-limit.max, .slider-limit.min {
    position: absolute;
    white-space: nowrap;
    text-align: right;
    bottom: -20px
}

.slider-limit.min {
    left: 3px
}

.slider-limit.max {
    text-align: left;
    right: 3px
}

.oilhouse {
    background: #fff
}

    .oilhouse .st0 {
        fill: #e7e6e6
    }

    .oilhouse .st1 {
        fill: #fff
    }

    .oilhouse .st3 {
        fill: #f2f2f2
    }

    .oilhouse .st4 {
        fill: #474747
    }

    .oilhouse .st5 {
        fill: #cbcbcb
    }

    .oilhouse .st6 {
        fill: #636363
    }

    .oilhouse .st7 {
        fill: #8c8c8c
    }

    .oilhouse .st8 {
        fill: #999
    }

    .oilhouse .st9 {
        fill: #0d0b0e
    }

    .oilhouse .st10 {
        fill: #f0f1f2
    }

    .oilhouse .petal {
        opacity: .2;
        fill: #8c8c8c;
        enable-background: new;
        transition: opacity .4s ease-in-out;
        cursor: pointer
    }

    .oilhouse .petal-wrap:hover .petal {
        opacity: .8
    }

    .oilhouse.a #a .petal, .oilhouse.b #b .petal, .oilhouse.e #e .petal, .oilhouse.f #f .petal, .oilhouse.g #g .petal, .oilhouse.h #h .petal, .oilhouse.j #j .petal, .oilhouse.n #n .petal, .oilhouse.o #o .petal, .oilhouse.r #r .petal, .oilhouse.v #v .petal, .oilhouse.ø #ø .petal {
        fill: #eaf3db;
        opacity: .8
    }

    .oilhouse.a #a .st4, .oilhouse.b #b .st4, .oilhouse.e #e .st4, .oilhouse.f #f .st4, .oilhouse.g #g .st4, .oilhouse.h #h .st4, .oilhouse.j #j .st4, .oilhouse.n #n .st4, .oilhouse.o #o .st4, .oilhouse.r #r .st4, .oilhouse.v #v .st4, .oilhouse.ø #ø .st4 {
        fill: #eaf3db
    }

    .oilhouse.a #a .st3, .oilhouse.b #b .st3, .oilhouse.e #e .st3, .oilhouse.f #f .st3, .oilhouse.g #g .st3, .oilhouse.h #h .st3, .oilhouse.j #j .st3, .oilhouse.n #n .st3, .oilhouse.o #o .st3, .oilhouse.r #r .st3, .oilhouse.v #v .st3, .oilhouse.ø #ø .st3 {
        fill: #376d2b
    }

.tooltip .oilhouse {
    width: 140px;
    height: 140px;
    display: inherit;
    border-radius: 6px
}

@media screen and (min-width:769px) {
    .tooltip .oilhouse {
        width: 170px;
        height: 170px
    }
}

.form-row .oilhouse {
    border: 1px solid #e7e6e6;
    width: 100%;
    max-width: 360px;
    height: auto;
    margin-top: 1rem
}

@media screen and (min-width:769px) {
    .form-row .oilhouse {
        width: 360px;
        height: 360px
    }
}

oil-house.ng-invalid.ng-touched .petal {
    fill: #db001b
}

.pika-title .pika-label {
    text-decoration: underline
}

body .is-today .pika-button {
    background: #6d6d6d;
    color: #fff
}

body .is-selected .pika-button {
    background: #db001b;
    box-shadow: none
}

body .pika-button:hover {
    background: #999
}

.replicate-mat-input .mat-input-wrapper {
    margin: 16px 0
}

.replicate-mat-input .mat-input-table {
    display: inline-table;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    vertical-align: bottom;
    width: 100%
}

    .replicate-mat-input .mat-input-table > * {
        display: table-cell
    }

.replicate-mat-input .mat-input-prefix {
    color: #636363
}

.replicate-mat-input .mat-input-infix {
    position: relative
}

.replicate-mat-input .mat-input-element {
    font: inherit;
    background: transparent;
    color: currentColor;
    border: none;
    outline: none;
    padding: 0;
    width: 100%
}

    .replicate-mat-input .mat-input-element::-webkit-input-placeholder {
        color: inherit !important
    }

    .replicate-mat-input .mat-input-element:-ms-input-placeholder {
        color: inherit !important
    }

    .replicate-mat-input .mat-input-element::placeholder {
        color: inherit !important
    }

    .replicate-mat-input .mat-input-element.mat-end {
        text-align: right
    }

    .replicate-mat-input .mat-input-element:-moz-ui-invalid {
        box-shadow: none
    }

    .replicate-mat-input .mat-input-element:-webkit-autofill + .mat-input-placeholder.mat-float {
        display: block;
        padding-bottom: 5px;
        -webkit-transform: translateY(-100%) scale(.75);
        transform: translateY(-100%) scale(.75);
        width: 133.33333%
    }

.replicate-mat-input .mat-input-placeholder {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 100%;
    pointer-events: none;
    z-index: 1;
    width: 100%;
    display: none;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow-x: hidden;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left;
    transition: scale .4s cubic-bezier(.25,.8,.25,1),color .4s cubic-bezier(.25,.8,.25,1),width .4s cubic-bezier(.25,.8,.25,1),-webkit-transform .4s cubic-bezier(.25,.8,.25,1);
    transition: transform .4s cubic-bezier(.25,.8,.25,1),scale .4s cubic-bezier(.25,.8,.25,1),color .4s cubic-bezier(.25,.8,.25,1),width .4s cubic-bezier(.25,.8,.25,1);
    transition: transform .4s cubic-bezier(.25,.8,.25,1),scale .4s cubic-bezier(.25,.8,.25,1),color .4s cubic-bezier(.25,.8,.25,1),width .4s cubic-bezier(.25,.8,.25,1),-webkit-transform .4s cubic-bezier(.25,.8,.25,1)
}

    .replicate-mat-input .mat-input-placeholder.mat-empty {
        display: block;
        cursor: text
    }

    .replicate-mat-input .mat-input-placeholder.mat-float.mat-focused, .replicate-mat-input .mat-input-placeholder.mat-float:not(.mat-empty) {
        display: block;
        padding-bottom: 5px;
        -webkit-transform: translateY(-100%) scale(.75);
        transform: translateY(-100%) scale(.75);
        width: 133.33333%
    }

mat-input-container.replicate-mat-input {
    display: inline-block;
    position: relative;
    line-height: normal;
    text-align: left
}

.info-btn {
    position: absolute;
    top: 20px;
    right: 12px;
    font-size: 23px
}

.icon-link, .info-btn {
    text-decoration: none
}

.edit-button, .floating-menu__close, .floating-menu li button, .help-button, .icon-button, .moreinfo-close-button, .oilhouse-btn, .pick-list-toggle, .rep-input-button, body .survey .tooltip {
    background: none transparent;
    border: 0;
    padding: 0;
    margin: 0;
    cursor: pointer
}

.floating-menu li .no-touchevents button:hover, .no-touchevents .edit-button:hover, .no-touchevents .floating-menu__close:hover, .no-touchevents .floating-menu li button:hover, .no-touchevents .help-button:hover, .no-touchevents .icon-button:hover, .no-touchevents .moreinfo-close-button:hover, .no-touchevents .oilhouse-btn:hover, .no-touchevents .pick-list-toggle:hover, .no-touchevents .rep-input-button:hover, .no-touchevents body .survey .tooltip:hover, body .survey .no-touchevents .tooltip:hover {
    color: #1b1b1b
}

.add-button {
    background: #e7e6e6;
    width: 100%;
    display: inline-block;
    padding: 11px 15px;
    text-align: left;
    margin-bottom: 15px;
    transition: background .25s ease-in-out,color .25s ease-in-out
}

.no-touchevents .add-button:hover {
    background: #4c4c4c !important;
    color: #fff !important
}

.add-button .icon {
    margin-right: 10px
}

    .add-button .icon[class*=car-front-plus], .add-button .icon[class*=user-add] {
        font-size: 22px
    }

.help-button {
    text-decoration: none;
    position: relative;
    top: 0;
    margin-left: 3px;
    font-size: 2.3rem
}

@media screen and (min-width:769px) {
    .help-button {
        top: -3px
    }
}

mat-input-container ~ .help-button {
    position: absolute;
    right: 10px;
    top: 30px
}

.edit-button {
    font-size: 1.6rem
}

    .edit-button i {
        margin-right: 5px
    }

.rep-input-button {
    border-bottom: 1px dashed #c5c5c5;
    margin-top: 4px;
    line-height: 1em;
    font-size: 16px
}

@media screen and (min-width:769px) {
    .rep-input-button {
        font-size: 20px
    }
}

.moreinfo-close-button {
    position: absolute;
    z-index: 5;
    right: 2rem;
    top: 0;
    font-size: 2.4rem
}

.pickadr-button {
    background: none transparent;
    border: 0
}

.align-center > .btn {
    margin-top: 4rem;
    margin-bottom: 3rem
}

.betalingsform-form betalingsform-form h2.form-headline {
    margin-bottom: 1rem;
    margin-top: 3rem;
    font-size: 2rem
}

@media screen and (min-width:769px) {
    .betalingsform-form betalingsform-form h2.form-headline {
        margin-top: 4rem;
        font-size: 3rem
    }
}

.betalingsform-form betalingsform-form h2.form-headline i {
    margin-right: 5px;
    position: relative;
    top: -2px;
    font-size: 1.8rem
}

@media screen and (min-width:769px) {
    .betalingsform-form betalingsform-form h2.form-headline i {
        font-size: 2.4rem
    }
}

.betalingsservice-form form h2 .icon {
    font-size: 2.3rem;
    vertical-align: top;
    margin-right: 3px
}

.add-new-oiltank {
    position: relative;
    padding-bottom: 4rem
}

    .add-new-oiltank button {
        position: absolute;
        left: -2rem;
        transition: color .25s ease-in-out
    }

@media screen and (min-width:769px) {
    .add-new-oiltank button {
        left: -8rem
    }
}

@media screen and (min-width:1367px) {
    .add-new-oiltank button {
        left: -19.5rem
    }
}

.add-new-oiltank button i {
    background-color: #727272 !important;
    outline: 10px solid #fff;
    font-size: 1.6rem
}

.add-new-oiltank button span {
    margin-left: -1rem
}

.no-touchevents .add-new-oiltank button:hover {
    color: #1b1b1b
}

    .no-touchevents .add-new-oiltank button:hover i {
        background-color: #1b1b1b !important
    }

.delete-step {
    margin-left: 15px;
    color: #8b6f76;
    transition: color .25s ease-in-out
}

.no-touchevents .delete-step:hover {
    color: #1b1b1b
}

.delete-step i {
    position: relative;
    top: -1px
}

.olie-automatisk-levering .form-row .hint + .hint {
    width: auto
}

@media screen and (min-width:481px) {
    .olie-automatisk-levering .form-row .hint + .hint {
        text-align: right;
        position: absolute;
        bottom: 0;
        right: 0
    }
}

.kundeoplysninger-form .grid-box {
    max-width: 480px;
    text-align: center;
    margin: 30px auto 0
}

@media screen and (min-width:769px) {
    .kundeoplysninger-form .grid-box {
        margin: 30px auto 40px
    }
}

.kundeoplysninger-form .grid-box .help-button {
    top: -4px
}

.skift-sponsor-form .h4 {
    margin-bottom: 5px
}

.skift-sponsor-form ul {
    list-style: none;
    padding: 0;
    margin: 0;
    max-width: 390px;
    margin: 0 auto;
    text-align: left
}

    .skift-sponsor-form ul li {
        clear: both
    }

@media screen and (min-width:0px) and (max-width:768px) {
    .skift-sponsor-form ul li {
        margin-bottom: 5px
    }
}

.skift-sponsor-form ul .icon {
    color: #6fdb56;
    font-size: 3rem;
    float: left;
    margin: -4px 10px 0 5px
}

@media screen and (min-width:769px) {
    .skift-sponsor-form ul .icon {
        line-height: .8em;
        font-size: 3.8rem;
        margin: 0;
        float: none
    }
}

.profile-btn {
    position: relative;
    cursor: pointer;
    margin-left: 1.5rem
}

.no-touchevents .profile-btn:active ~ .profile-menu, .no-touchevents .profile-btn:focus ~ .profile-menu, .touchevents .profile-btn:hover ~ .profile-menu {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    max-height: 520%
}

.profile-btn .counter {
    border: 1px solid #fff;
    position: absolute;
    left: -10px;
    bottom: -8px
}

.profile-menu {
    top: 50px;
    opacity: 0;
    position: absolute;
    right: 0;
    -webkit-transform: translateY(-115%);
    transform: translateY(-115%);
    z-index: 5;
    background: #fff;
    list-style: none;
    padding: 10px 0;
    margin: 0;
    max-width: 210px;
    overflow: hidden;
    box-shadow: 0 0 5px 1px rgba(0,0,0,.4) !important;
    transition: all .2s ease .2s;
    width: 210px
}

    .profile-menu li a {
        display: block;
        padding: 7px 15px;
        text-align: left;
        width: 210px
    }

.no-touchevents .profile-menu li a:hover {
    background: #f0f1f2
}

.profile-menu li a.red-alert {
    color: #db001b
}

    .profile-menu li a.red-alert .counter {
        line-height: 2.1rem;
        float: right
    }

.profile-menu li a .icon {
    margin-right: 10px
}

.profile-menu li.logout-li {
    border-top: 1px solid #e7e6e6
}

service-beskeder {
    padding-top: 3rem;
    display: inline-block;
    width: 100%
}

.skift-konto-navn-form .flex-table {
    max-width: 48rem;
    margin: 3rem auto
}

.skift-konto-navn-form .flex-table__row {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.skift-konto-navn-form .cell--icon {
    font-size: 4rem;
    padding-right: 0;
    line-height: 1em;
    color: #1b1b1b;
    max-width: 50px;
    min-width: 50px
}

@media screen and (min-width:768px) {
    .skift-konto-navn-form .cell--icon .icon {
        margin-left: -5px
    }
}

.skift-konto-navn-form .cell--input {
    -webkit-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2;
    padding-right: 0
}

.skift-konto-navn-form .cell--save {
    max-width: 70px;
    min-width: 70px;
    font-size: 2.5rem;
    line-height: 1em;
    text-align: right;
    color: #1b1b1b
}

    .skift-konto-navn-form .cell--save > span {
        color: #6fdb56;
        opacity: 1
    }

@media screen and (min-width:0px) and (max-width:767px) {
    .skift-konto-navn-form .cell--save button {
        padding-right: 5px
    }
}

.skift-konto-navn-form .simple-mat-input {
    width: 100%
}

.skift-rettigheder-form .panel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.no-touchevents .skift-rettigheder-form .panel:hover > span:first-child {
    color: #1b1b1b
}

.skift-rettigheder-form .panel > span:first-child {
    text-overflow: ellipsis;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap
}

.skift-rettigheder-form .panel > span:last-child {
    min-width: 90px
}

.skift-rettigheder-form .panel > span button {
    margin-left: 2rem;
    font-size: 1.6rem;
    min-width: 2.3rem
}

.skift-rettigheder-dialog .input-suggest {
    top: 100%
}

.skift-rettigheder-dialog .has-input-suggest.ng-invalid.ng-touched .input-suggest {
    top: calc(100% - 22px)
}

@media screen and (min-width:769px) {
    .skift-rettigheder-dialog .has-input-suggest.ng-invalid.ng-touched .input-suggest {
        top: calc(100% - 31px)
    }
}

.skift-rettigheder-dialog .form--center {
    margin-bottom: 3rem
}

@media screen and (min-width:769px) {
    .skift-rettigheder-dialog .form--center {
        margin-bottom: 5rem
    }
}

.skift-rettigheder-dialog .form-row {
    margin-bottom: 2rem
}

.skift-rettigheder-dialog .panel .form-row {
    margin-bottom: 0;
    max-width: none
}

@media screen and (min-width:0px) and (max-width:480px) {
    .skift-rettigheder-dialog .panel .form-row mat-slide-toggle {
        display: inline !important
    }

    .skift-rettigheder-dialog .panel .form-row .mat-slide-toggle-label {
        margin-top: 10px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

        .skift-rettigheder-dialog .panel .form-row .mat-slide-toggle-label .mat-slide-toggle-content {
            margin-top: 10px
        }
}

.skift-rettigheder-dialog .panel .form-headline {
    margin-top: 0;
    margin-bottom: 0
}

.skift-rettigheder-dialog .panel + div {
    padding-top: 30px
}

@media screen and (min-width:769px) {
    .skift-rettigheder-dialog .panel + div {
        padding: 3rem 2rem 1rem
    }
}

.skift-rettigheder-dialog h2 {
    font-size: 2.7rem
}

@media screen and (min-width:769px) {
    .skift-rettigheder-dialog h2 {
        font-size: 3rem
    }
}

.skift-rettigheder-dialog h3 {
    margin-top: 3rem;
    margin-bottom: 1.5rem
}

.rettigheder-3col h2 {
    margin: 1.5rem 0
}

    .rettigheder-3col h2 button {
        line-height: 1em;
        margin-left: 15px;
        font-size: 1.2rem
    }

@media screen and (min-width:769px) {
    .rettigheder-3col h2 button {
        font-size: 1.6rem
    }
}

@media screen and (min-width:769px) {
    .rettigheder-3col .form-row {
        width: 33%;
        display: inline-block;
        max-width: none
    }
}

.flex-table .rettigheder-3col {
    text-align: left;
    width: 100%;
    margin-left: 10px
}

@media screen and (min-width:481px) {
    .flex-table .rettigheder-3col {
        margin-left: 20px
    }
}

@media screen and (min-width:1025px) {
    .flex-table .rettigheder-3col {
        margin-left: 70px;
        margin-right: 20px
    }
}

.flex-table .rettigheder-3col .form-row {
    margin-bottom: 1rem
}

@media screen and (min-width:769px) {
    .dialog .rettigheder-3col .form-row {
        width: 31%;
        float: left;
        clear: none
    }
}
/*# sourceMappingURL=main.min.css.map */