/* Minification failed. Returning unminified contents.
(5462,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5464,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5465,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5466,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5479,21): run-time error CSS1039: Token not allowed after unary operator: '-toggle-width'
(5480,22): run-time error CSS1039: Token not allowed after unary operator: '-toggle-height'
(5482,29): run-time error CSS1039: Token not allowed after unary operator: '-toggle-height'
(5489,25): run-time error CSS1039: Token not allowed after unary operator: '-knob-size'
(5490,26): run-time error CSS1039: Token not allowed after unary operator: '-knob-size'
(5491,24): run-time error CSS1039: Token not allowed after unary operator: '-padding'
(5492,23): run-time error CSS1039: Token not allowed after unary operator: '-padding'
(5503,45): run-time error CSS1039: Token not allowed after unary operator: '-toggle-width'
(5503,67): run-time error CSS1039: Token not allowed after unary operator: '-knob-size'
(5503,87): run-time error CSS1039: Token not allowed after unary operator: '-padding'
(6301,10): run-time error CSS1030: Expected identifier, found '#route_result'
(6301,35): run-time error CSS1031: Expected selector, found ')'
(6301,35): run-time error CSS1025: Expected comma or open brace, found ')'
(6304,10): run-time error CSS1030: Expected identifier, found '#toll_result'
(6304,34): run-time error CSS1031: Expected selector, found ')'
(6304,34): run-time error CSS1025: Expected comma or open brace, found ')'
(6308,10): run-time error CSS1030: Expected identifier, found '#toll_result'
(6308,34): run-time error CSS1031: Expected selector, found ')'
(6308,34): run-time error CSS1025: Expected comma or open brace, found ')'
(6312,10): run-time error CSS1030: Expected identifier, found '#search_result'
(6312,36): run-time error CSS1031: Expected selector, found ')'
(6312,36): run-time error CSS1025: Expected comma or open brace, found ')'
 */
@charset "UTF-8";
/* _sass.scss */
/*$corner-l: 3px;
$border-dot: 1px dotted #bbb;
$border-light: 1px solid #ddd;
$border: 1px solid #bbb;*/
/*@mixin border-box {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}*/
/*@mixin ease-opacity {
-webkit-transition: opacity .2s ease;
-moz-transition: opacity .2s ease;
-ms-transition: opacity .2s ease;
-o-transition: opacity .2s ease;
transition: opacity .2s ease;
}*/
/* Avstander */
/* Knapp med runde hjoerner */
/* Mixins & variables */
/* _init.scss */
/* RESET
------------------------------------------------------------------------------------- */
html, body {
    overflow: hidden;
    width: 100%;
    height: 100%;
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    line-height: 1.4;
    margin: 0;
    padding: 0;
}

    body * {
        box-sizing: border-box;
    }

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

h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dd, dt, td, th, blockquote, q, fieldset, label {
    font-size: 14px;
    color: #333;
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-weight: normal;
    border: none;
}

    ol li {
        list-style-type: decimal;
    }

a, .a {
    color: #0065ae;
    text-decoration: none;
    cursor: pointer;
}

    a:hover {
        text-decoration: underline;
    }

img {
    border: none;
}

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

th {
    text-align: left;
}

blockquote, q {
    quotes: none;
}

    blockquote:before, blockquote:after, q:before, q:after {
        content: '';
        content: none;
    }

sup, sub {
    line-height: 0;
}

sup {
    font-size: 12px;
}

a[href^="tel:"] {
    white-space: nowrap;
}

@media (max-width: 768px) {
    body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dd, dt, td, th, blockquote, q, fieldset, label {
        font-size: 16px;
    }

    sup {
        font-size: 14px;
    }
}
/* SKJEMA stuff
------------------------------------------------------------------------------------- */
input, button, textarea, select {
    margin: 0;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
}

    /* Cursor */
    input[type="submit"], input[type="button"], input[type="reset"], button {
        cursor: pointer;
    }

    input[type="checkbox"]:disabled {
        cursor: not-allowed;
    }

    /* Fjern webkit stil fra soek input */
    input[type="search"] {
        -webkit-appearance: textfield;
    }

    /* Alternativ focus markering */
    input:focus, textarea:focus, button:focus {
        outline: 0;
    }

        input:focus::-webkit-input-placeholder {
            color: #FF5D1E;
        }

        input:focus::-moz-placeholder {
            color: #FF5D1E;
        }

        input:focus:-ms-input-placeholder {
            color: #FF5D1E;
        }

        input:focus:-moz-placeholder {
            color: #FF5D1E;
        }

    /* Fjern focus markering ved tomme felt som har required attributt  */
    input:invalid {
        box-shadow: none;
    }

    /* Fjern gul bakgrunnsfarge fra autofill i chrome */
    input:-webkit-autofill {
        -webkit-box-shadow: 0 0 0px 1000px white inset;
    }

    /* Placeholder stil 
::-webkit-input-placeholder { font-style: italic; color: $cornflower; }
::-moz-placeholder { font-style: italic; color: $cornflower;  }
:-ms-input-placeholder { font-style: italic; color: $cornflower;  }
:-moz-placeholder {  font-style: italic; color: $cornflower;}*/
    input[placeholder] {
        text-overflow: ellipsis;
        color: #757575;
    }

    /* Fjern default lukkekryss (x) i input type=search */
    input[type="search"]::-webkit-search-cancel-button {
        display: none;
    }

    input[type="search"]::-ms-clear {
        display: none;
    }

.mobile input, .mobile textarea, .mobile select, .mobile option {
    font-size: 16px !important;
}

/* Nullstill */
/* KLASSER  felles
------------------------------------------------------------------------------------- */
:hover.hover-underline {
    text-decoration: underline;
    cursor: pointer;
}

:hover.hover-none {
    text-decoration: none;
    cursor: pointer;
}

.active {
    font-weight: bold;
}

    .active a:hover {
        text-decoration: none;
    }

.align-items-center {
    align-items: center;
}

.align-items-flex-start {
    align-items: flex-start;
}

/* Variasjon */
.blue {
    color: #0077CC !important;
}

.boxed {
    display: inline-block;
    border: 1px solid #666;
    border-radius: 3px;
    padding: 1px 4px;
}

.card {
    background: #fff;
    border-radius: 4px;
    margin-bottom: 12px;
}

.center {
    margin-left: auto !important;
    margin-right: auto !important;
}

.clear {
    clear: both;
}

.clear-left {
    clear: left;
}

.clear-right {
    clear: right;
}

.col {
    float: left;
}

.color-inherit {
    color: inherit !important;
}

.d-flex {
    display: flex;
}

.disabled {
    color: #666;
}

.disclaimer a {
    color: inherit;
    text-decoration: underline;
}

.disclaimer p, .disclaimer {
    font-size: 12px;
    color: #666;
    line-height: 1.5;
}

.display-none {
    display: none !important;
}

.flex-1 {
    flex: 1;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.font-l, .font-l * {
    font-size: 18px;
}

.g-20 {
    gap: 20px;
}

.g-15 {
    gap: 15px;
}

.g-10 {
    gap: 10px;
}

.g-5 {
    gap: 5px;
}

.gray {
    color: #666 !important;
}

.hide {
    display: none;
}

.ingress {
    font-weight: bold;
}

.inline {
    display: inline;
}

.inline-block {
    display: inline-block;
}

.justify {
    text-align: justify;
}

.label {
    cursor: pointer;
}

.link {
    color: #0065ae !important;
    cursor: pointer;
}

.link-js {
    cursor: pointer;
}

.links-neg, .links-neg a {
    color: #fff;
}

.list-inline li {
    display: inline;
}

.list-unstyled li + li {
    margin-top: 4px;
}

.mt-0 {
    margin-top: 0 !important;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.mb-0-5 {
    margin-bottom: .5rem !important;
}

.mb-1 {
    margin-bottom: 1rem !important;
}

.mb-1-5 {
    margin-bottom: 1.5rem !important;
}

.mb-2 {
    margin-bottom: 2rem !important;
}

.mb-2-5 {
    margin-bottom: 2.5rem !important;
}

.mb-3 {
    margin-bottom: 3rem !important;
}

.mb-4 {
    margin-bottom: 4rem !important;
}

.mb-5 {
    margin-bottom: 5rem !important;
}

.med-gray {
    color: #999 !important;
}

.medium, .medium * {
    font-weight: 600 !important;
}

.nb, .error {
    color: red;
}

.no {
    color: red;
}

.normal {
    font-weight: normal !important;
}

.nowrap {
    white-space: nowrap;
}

.orange {
    color: #FF5D1E !important;
}

.page-break-after-always {
    page-break-after: always;
}

.responsive-img {
    width: 100%;
    height: auto;
    display: block;
}

.shadow {
    box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
}

.sky {
    color: #8CC1FF !important;
}

.table {
    display: table;
}

.table-row {
    display: table-row;
}

.td {
    display: table-cell;
}

.text-center {
    text-align: center;
}

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

.text-muted, .text-muted a {
    color: #747575;
}

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

.text-url {
    word-break: break-all;
    display: inline-block;
}

.text-url {
    word-break: break-all;
    display: inline-block;
}

.underline {
    text-decoration: underline;
}

.yes {
    color: green;
}

/* For print css - sikrer utskrift av element som ellers ikke vil vises */
/* Skjult tekst for screenreaders */
.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/* Klasser for script etc */
.fixed {
    position: fixed;
}

.absolute {
    position: absolute;
}

.static {
    position: static;
}

.display-block {
    display: block;
}

.display-none {
    display: none;
}

/* Clearfix */
.cf:before, .col:before, .row:before, .result-item:before, .cf:after, .col:after, .row:after, .result-item:after {
    content: " ";
    display: table;
}

.cf:after, .col:after, .row:after, .result-item:after {
    clear: both;
}

/* Alternativ clearfix */
.cf2 {
    overflow: hidden;
    zoom: 1;
}

/* Spinner */
.spin {
    -webkit-animation: Rotate 2000ms infinite linear;
    -moz-animation: Rotate 2000ms infinite linear;
    -ms-animation: Rotate 2000ms infinite linear;
    -o-animation: Rotate 2000ms infinite linear;
    animation: Rotate 2000ms infinite linear;
    top: 0;
    margin: 0;
    vertical-align: auto;
    display: inline-block;
}

.table-h-scope th, .table-h-scope td {
    vertical-align: top;
}

.table-h-scope th {
    font-weight: 600;
    padding-right: 12px;
}

.table-h-scope tr + tr td {
    padding-top: 6px;
}

.table-h-scope tr + tr th {
    padding-top: 6px;
}

/* Fancy select stil */
/*Tweaket versjon av https://codepen.io/sqrbrkt/details/Asbxf*/
.select-style {
    padding: 0;
    margin: 0;
    border: 1px solid #ccc;
    border-radius: 3px;
    overflow: hidden;
    background: #fff;
    position: relative;
    z-index: 1;
    /* Mulig fix for mystisk IE bug - child select har feil z-index ved focus */
    display: inline-block;
}

    .select-style:after {
        top: 50%;
        right: 8px;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(0, 0, 0, 0);
        border-top-color: #666;
        border-width: 5px;
        margin-top: -2px;
        z-index: 100;
    }

    .select-style select {
        color: inherit;
        padding: 5px 25px 5px 5px;
        border: none;
        box-shadow: none;
        background-color: transparent;
        background-image: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        padding-right: 25px;
    }

        .select-style select:focus {
            outline: none;
        }

/**/
.map-container {
    position: absolute;
    top: 0;
    right: 60px;
    bottom: 0;
    left: 0;
    z-index: 1;
    /*@include ease-all;*/
}

.mobile .map-container {
    width: 100% !important;
    right: 0 !important;
    /*Fikser glippe i høyre kant */
}

/* Dirty hack for å resette dårlig script for å sette høyde på kart på mobil :-( */
@media (min-width: 768px) {
    .map-container[style] {
        top: 0 !important;
    }
}
/* Markør på rute-strek */
.route-marker {
    background: #fff;
    border: 3px solid #0077CC;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    display: inline-block;
    cursor: pointer;
    font-size: 0;
}

    .route-marker:hover {
        width: 16px;
        height: 16px;
        margin-left: -1px;
        margin-top: -1px;
        border-width: 4px;
    }

    .route-marker.active,
    .route-marker.active:hover {
        border-color: #FF5D1E;
        width: 22px;
        height: 22px;
        border-width: 5px;
        margin: 0;
    }

/* Markør ved høyreklikk - målepunkt */
.geo-marker {
    background: red;
    border-radius: 50%;
    display: inline-block;
    cursor: pointer;
    padding: 3px;
    font-size: 0;
}

    .geo-marker span {
        display: inline-block;
        width: 12px;
        height: 12px;
        background: red;
        border: 3px solid #fff;
        border-radius: 50%;
    }

/* Markør ved høyreklikk - marker sted */
.location-marker {
    background: #000;
    border-radius: 50%;
    display: inline-block;
    cursor: pointer;
    padding: 3px;
    font-size: 0;
}

    .location-marker span {
        display: inline-block;
        width: 12px;
        height: 12px;
        background: #000;
        border: 3px solid #fff;
        border-radius: 50%;
    }

/* Markør brukerens posisjon */
.position-marker {
    background: #FF5D1E;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    display: inline-block;
    cursor: pointer;
    font-size: 0;
    border: 2px solid #fff;
}

/**/
.menu-right-click {
    z-index: 3;
    position: absolute;
    background: #fff;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
    border-radius: 2px;
    overflow: hidden;
}

    .menu-right-click li {
        padding: 6px 12px;
        color: #07c;
        cursor: pointer;
        font-size: 12px;
    }

        .menu-right-click li:hover {
            color: #fff;
            background-color: #0077CC;
        }

/* Snurrert */
.load-spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 100;
    font-size: 400px;
    width: 400px;
    height: 400px;
    margin: -200px 0 0 -200px;
    opacity: .1;
    display: block;
}

.spinner {
    -webkit-animation: Rotate 2000ms infinite linear;
    -moz-animation: Rotate 2000ms infinite linear;
    -ms-animation: Rotate 2000ms infinite linear;
    -o-animation: Rotate 2000ms infinite linear;
    animation: Rotate 2000ms infinite linear;
}

@-webkit-keyframes Rotate {
    from {
        -webkit-transform: rotate(0deg);
    }

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

@-moz-keyframes Rotate {
    from {
        -moz-transform: rotate(0deg);
    }

    to {
        -moz-transform: rotate(360deg);
    }
}

@-ms-keyframes Rotate {
    from {
        -ms-transform: rotate(0deg);
    }

    to {
        -ms-transform: rotate(360deg);
    }
}

@-o-keyframes Rotate {
    from {
        -o-transform: rotate(0deg);
    }

    to {
        -o-transform: rotate(360deg);
    }
}

@-keyframes Rotate {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}
/**/
.map-sponsor-promo {
    display: none;
}

.desktop .map-sponsor-promo {
    display: block;
    margin: 18px 18px 20px 18px;
    overflow: hidden;
}

    .desktop .map-sponsor-promo img {
        float: left;
        width: 36px;
        height: 36px;
        margin-right: 12px;
    }

    .desktop .map-sponsor-promo p {
        overflow: hidden;
    }

.map-sponsor-promo + .map-sponsor-promo {
    margin-top: 12px;
    border-top: 1px dotted #bbb;
    padding-top: 14px;
}

/* Lenke til sitemap */
.map-sitemap-link {
    background-color: rgba(255, 255, 255, 0.7);
    display: inline-block;
    z-index: 2;
    position: absolute;
    left: 0;
    bottom: 0;
    font-size: 11px;
    font-family: arial, sans-serif;
    padding: 0 6px;
    opacity: .8;
}

    .map-sitemap-link a, .map-sitemap-link a:hover {
        color: #333;
        text-decoration: none;
    }

.mobile .map-sitemap-link {
    display: none;
}

.list-icons-promo {
    padding: 12px 12px 12px 28px;
    margin-bottom: 1rem;
    line-height: 1.6;
}

    .list-icons-promo li + li {
        margin-top: 1rem;
    }

    .list-icons-promo a {
        display: flex;
        font-weight: 600;
    }

        .list-icons-promo a:hover {
            text-decoration: none;
        }

            .list-icons-promo a:hover span + span {
                text-decoration: underline;
            }

    .list-icons-promo [class^="icon-"] {
        margin: .4rem 1.1rem 0 0;
        color: #FE6A26;
        font-size: 16px;
        margin-top: 2px;
    }

.mobile .list-icons-promo {
    padding: 12px 12px 12px 16px;
}

.list-icons-text {
    margin: 0;
    padding: 0;
}

    .list-icons-text li {
        list-style-type: none;
    }

        .list-icons-text li + li {
            margin-top: 7px;
        }

    .list-icons-text a:hover {
        text-decoration: none;
    }

        .list-icons-text a:hover span + span {
            text-decoration: underline;
        }

    .list-icons-text [class^="icon-"] {
        color: #999;
        margin: 0 10px 0 0;
    }

.phone-hidden__text {
    display: none;
}

.phone-hidden .phone-hidden__number {
    display: none;
}

.phone-hidden .phone-hidden__text {
    display: inline-block;
}

.feature-icon {
    color: #fff;
    background: #07c;
    padding: 4px;
    border-radius: 4px;
    font-size: 20px;
    line-height: 36px;
    cursor: pointer;
    cursor: inherit;
}

.btn {
    border: 1px solid #ccc;
    background: #fff;
    padding: 4px 16px;
    line-height: 32px;
    border-radius: 5px;
    color: #333;
    display: inline-block;
}

    .btn:hover {
        outline: 1px solid #ccc;
        text-decoration: none;
        cursor: pointer;
    }

/* Komponenter, soek, topp, footer, mal layout, utilities  etc */
@font-face {
    font-family: '1881-12';
    src: url(/Content/fonts/1881-12.woff2?9cfi7i) format("woff2");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

[class^="icon-"], [class*=" icon-"] {
    font-family: '1881-12' !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-add-to-cart:before {
    content: "\e600";
}

.icon-alert:before {
    content: "\e624";
}

.icon-android:before {
    content: "\e625";
}

.icon-apple:before {
    content: "\e626";
}

.icon-arrow-chevron-down:before {
    content: "\e601";
}

.icon-arrow-chevron-left:before {
    content: "\e602";
}

.icon-arrow-chevron-right:before {
    content: "\e603";
}

.icon-arrow-chevron-up:before {
    content: "\e604";
}

.icon-arrow-direction-down:before {
    content: "\e607";
}

.icon-arrow-direction-down-left:before {
    content: "\e605";
}

.icon-arrow-direction-down-right:before {
    content: "\e606";
}

.icon-arrow-direction-left:before {
    content: "\e608";
}

.icon-arrow-direction-right:before {
    content: "\e609";
}

.icon-arrow-direction-up:before {
    content: "\e60c";
}

.icon-arrow-direction-up-left:before {
    content: "\e60a";
}

.icon-arrow-direction-up-right:before {
    content: "\e60b";
}

.icon-arrow-down:before {
    content: "\e627";
}

.icon-arrow-down-2:before {
    content: "\e60d";
}

.icon-arrow-down-circle:before {
    content: "\e900";
}

.icon-arrow-down-short:before {
    content: "\e904";
}

.icon-arrow-left:before {
    content: "\e628";
}

.icon-arrow-left-2:before {
    content: "\e60e";
}

.icon-arrow-left-circle:before {
    content: "\e901";
}

.icon-arrow-left-short:before {
    content: "\e916";
}

.icon-arrow-location:before {
    content: "\e629";
}

.icon-arrow-right:before {
    content: "\e62a";
}

.icon-arrow-right-2:before {
    content: "\e60f";
}

.icon-arrow-right-circle:before {
    content: "\e902";
}

.icon-arrow-right-short:before {
    content: "\e929";
}

.icon-arrow-tri-down:before {
    content: "\e62b";
}

.icon-arrow-tri-left:before {
    content: "\e62c";
}

.icon-arrow-tri-right:before {
    content: "\e62d";
}

.icon-arrow-tri-up:before {
    content: "\e62e";
}

.icon-arrow-up:before {
    content: "\e62f";
}

.icon-arrow-up-2:before {
    content: "\e610";
}

.icon-arrow-up-circle:before {
    content: "\e903";
}

.icon-arrow-up-short:before {
    content: "\e92a";
}

.icon-arrows-horisontal:before {
    content: "\e611";
}

.icon-arrows-vertical:before {
    content: "\e612";
}

.icon-baby-pram:before {
    content: "\e630";
}

.icon-bar:before {
    content: "\e631";
}

.icon-bed:before {
    content: "\e632";
}

.icon-binoculars:before {
    content: "\e921";
}

.icon-boat:before {
    content: "\e634";
}

.icon-book:before {
    content: "\e635";
}

.icon-books:before {
    content: "\e636";
}

.icon-briefcase:before {
    content: "\e637";
}

.icon-bubble-notification:before {
    content: "\e613";
}

.icon-bubbles:before {
    content: "\e924";
}

.icon-bullhorn:before {
    content: "\e638";
}

.icon-bullseye:before {
    content: "\e905";
}

.icon-bus:before {
    content: "\e63a";
}

.icon-bus-stop:before {
    content: "\e639";
}

.icon-cabin:before {
    content: "\e614";
}

.icon-cafe:before {
    content: "\e63b";
}

.icon-cake:before {
    content: "\e63c";
}

.icon-calendar:before {
    content: "\e63d";
}

.icon-camera:before {
    content: "\e63e";
}

.icon-car:before {
    content: "\e63f";
}

.icon-carte:before {
    content: "\e640";
}

.icon-checkbox:before {
    content: "\e641";
}

.icon-church:before {
    content: "\e642";
}

.icon-clear:before {
    content: "\e643";
}

.icon-close:before {
    content: "\e644";
}

.icon-coin:before {
    content: "\e645";
}

.icon-compass:before {
    content: "\e646";
}

.icon-credit-card:before {
    content: "\e647";
}

.icon-database:before {
    content: "\e648";
}

.icon-directions:before {
    content: "\e649";
}

.icon-directions-2:before {
    content: "\e906";
}

.icon-directions-3:before {
    content: "\e91d";
}

.icon-document:before {
    content: "\e650";
}

.icon-document-form:before {
    content: "\e64a";
}

.icon-document-help:before {
    content: "\e64b";
}

.icon-document-info:before {
    content: "\e64c";
}

.icon-document-legal:before {
    content: "\e64d";
}

.icon-document-news:before {
    content: "\e64e";
}

.icon-document-tender:before {
    content: "\e64f";
}

.icon-drop:before {
    content: "\e651";
}

.icon-edit:before {
    content: "\e652";
}

.icon-electricity:before {
    content: "\e92e";
}

.icon-email:before {
    content: "\e654";
}

.icon-email-forward:before {
    content: "\e653";
}

.icon-embed:before {
    content: "\e655";
}

.icon-evil:before {
    content: "\e656";
}

.icon-facebook:before {
    content: "\e657";
}

.icon-facebook-circle:before {
    content: "\e907";
}

.icon-factory:before {
    content: "\e658";
}

.icon-faq:before {
    content: "\e659";
}

.icon-female:before {
    content: "\e615";
}

.icon-file:before {
    content: "\e65e";
}

.icon-file-excel:before {
    content: "\e65a";
}

.icon-file-pdf:before {
    content: "\e65b";
}

.icon-file-word:before {
    content: "\e65c";
}

.icon-file-zip:before {
    content: "\e65d";
}

.icon-files:before {
    content: "\e65f";
}

.icon-fire:before {
    content: "\e660";
}

.icon-flag-uk:before {
    content: "\e661";
}

.icon-flower:before {
    content: "\e662";
}

.icon-football:before {
    content: "\e663";
}

.icon-funnel:before {
    content: "\e664";
}

.icon-gas-station:before {
    content: "\e665";
}

.icon-globe:before {
    content: "\e666";
}

.icon-graph:before {
    content: "\e66a";
}

.icon-graph-2:before {
    content: "\e616";
}

.icon-graph-down:before {
    content: "\e668";
}

.icon-graph-up:before {
    content: "\e669";
}

.icon-gym:before {
    content: "\e917";
}

.icon-hairdresser:before {
    content: "\e918";
}

.icon-hamburger:before {
    content: "\e932";
}

.icon-hammer-wood:before {
    content: "\e66b";
}

.icon-headset:before {
    content: "\e66c";
}

.icon-heart-outline:before {
    content: "\e66d";
}

.icon-help:before {
    content: "\e66e";
}

.icon-hiker:before {
    content: "\e66f";
}

.icon-history:before {
    content: "\e670";
}

.icon-hjemmesidehuset:before {
    content: "\e933";
}

.icon-home:before {
    content: "\e617";
}

.icon-homepage:before {
    content: "\e671";
}

.icon-homepage-circle:before {
    content: "\e909";
}

.icon-homes:before {
    content: "\e672";
}

.icon-ice-cream:before {
    content: "\e919";
}

.icon-info:before {
    content: "\e673";
}

.icon-instagram:before {
    content: "\e674";
}

.icon-instagram-circle:before {
    content: "\e90a";
}

.icon-key:before {
    content: "\e675";
}

.icon-laptop:before {
    content: "\e676";
}

.icon-layers:before {
    content: "\e677";
}

.icon-link:before {
    content: "\e678";
}

.icon-linkedin:before {
    content: "\e679";
}

.icon-linkedin-circle:before {
    content: "\e90b";
}

.icon-list:before {
    content: "\e67a";
}

.icon-lock:before {
    content: "\e67b";
}

.icon-lock-open:before {
    content: "\e920";
}

.icon-log-in:before {
    content: "\e927";
}

.icon-log-out:before {
    content: "\e928";
}

.icon-logo-1881:before {
    content: "\e618";
}

.icon-logo-anbudstorget:before {
    content: "\e92c";
}

.icon-logo-blomster:before {
    content: "\e925";
}

.icon-logo-regnskapstall:before {
    content: "\e61c";
}

.icon-logo-shape:before {
    content: "\e67c";
}

.icon-logo-tjenestetorget:before {
    content: "\e92b";
}

.icon-logo-tjenestetorget-pos:before {
    content: "\e92f";
}

.icon-male:before {
    content: "\e61d";
}

.icon-map:before {
    content: "\e67d";
}

.icon-map-2:before {
    content: "\e90c";
}

.icon-map-pin:before {
    content: "\e90f";
}

.icon-map-pin-blank:before {
    content: "\e90d";
}

.icon-map-pin-focus:before {
    content: "\e90e";
}

.icon-mask:before {
    content: "\e67e";
}

.icon-measure:before {
    content: "\e923";
}

.icon-menu:before {
    content: "\e67f";
}

.icon-menu-user:before {
    content: "\e926";
}

.icon-message:before {
    content: "\e681";
}

.icon-message-im:before {
    content: "\e680";
}

.icon-meter:before {
    content: "\e682";
}

.icon-metro:before {
    content: "\e683";
}

.icon-minus:before {
    content: "\e685";
}

.icon-minus-box:before {
    content: "\e684";
}

.icon-mobile:before {
    content: "\e686";
}

.icon-moon:before {
    content: "\e934";
}

.icon-new-window:before {
    content: "\e61e";
}

.icon-next:before {
    content: "\e688";
}

.icon-next-2:before {
    content: "\e687";
}

.icon-paperplane:before {
    content: "\e61f";
}

.icon-parking:before {
    content: "\e68a";
}

.icon-parking-indoors:before {
    content: "\e689";
}

.icon-percent:before {
    content: "\e935";
}

.icon-phone:before {
    content: "\e68c";
}

.icon-phone-circle:before {
    content: "\e68b";
}

.icon-pinterest:before {
    content: "\e68d";
}

.icon-pinterest-circle:before {
    content: "\e910";
}

.icon-places:before {
    content: "\e68e";
}

.icon-plane:before {
    content: "\e68f";
}

.icon-plus:before {
    content: "\e691";
}

.icon-plus-box:before {
    content: "\e690";
}

.icon-previous:before {
    content: "\e693";
}

.icon-previous-2:before {
    content: "\e692";
}

.icon-print:before {
    content: "\e694";
}

.icon-proximity:before {
    content: "\e695";
}

.icon-public-transport:before {
    content: "\e696";
}

.icon-rating-a:before {
    content: "\e697";
}

.icon-rating-aa:before {
    content: "\e698";
}

.icon-rating-aaa:before {
    content: "\e699";
}

.icon-recycle:before {
    content: "\e69a";
}

.icon-red-cross:before {
    content: "\e69b";
}

.icon-restaurant:before {
    content: "\e69c";
}

.icon-road:before {
    content: "\e69d";
}

.icon-rocket:before {
    content: "\e69e";
}

.icon-route-continue:before {
    content: "\e69f";
}

.icon-route-left:before {
    content: "\e6a0";
}

.icon-route-right:before {
    content: "\e6a1";
}

.icon-route-roundabout:before {
    content: "\e6a2";
}

.icon-route-sharp-left:before {
    content: "\e6a3";
}

.icon-route-sharp-right:before {
    content: "\e6a4";
}

.icon-route-slight-left:before {
    content: "\e6a5";
}

.icon-route-slight-right:before {
    content: "\e6a6";
}

.icon-screen:before {
    content: "\e6a7";
}

.icon-search:before {
    content: "\e6a8";
}

.icon-search-2:before {
    content: "\e911";
}

.icon-settings:before {
    content: "\e6a9";
}

.icon-share:before {
    content: "\e6aa";
}

.icon-share-circle:before {
    content: "\e912";
}

.icon-shield:before {
    content: "\e91e";
}

.icon-shopping-bag:before {
    content: "\e91a";
}

.icon-shortcut:before {
    content: "\e6ab";
}

.icon-skype:before {
    content: "\e6ac";
}

.icon-skype-circle:before {
    content: "\e913";
}

.icon-smiley:before {
    content: "\e938";
}

.icon-smiley-meh:before {
    content: "\e936";
}

.icon-smiley-sad:before {
    content: "\e937";
}

.icon-snapchat:before {
    content: "\e930";
}

.icon-snapchat-circle:before {
    content: "\e908";
}

.icon-snow:before {
    content: "\e6ad";
}

.icon-socket:before {
    content: "\e6ae";
}

.icon-spinner:before {
    content: "\e6af";
}

.icon-square:before {
    content: "\e91c";
}

.icon-square-overlap:before {
    content: "\e91b";
}

.icon-star:before {
    content: "\e6b0";
}

.icon-sub-info:before {
    content: "\e6b1";
}

.icon-suitcase:before {
    content: "\e91f";
}

.icon-tablet:before {
    content: "\e6b2";
}

.icon-taxi:before {
    content: "\e922";
}

.icon-ticket:before {
    content: "\e6b3";
}

.icon-tiktok:before {
    content: "\e939";
}

.icon-time:before {
    content: "\e6b4";
}

.icon-tools:before {
    content: "\e6b5";
}

.icon-train:before {
    content: "\e6b6";
}

.icon-tram:before {
    content: "\e6b7";
}

.icon-trash:before {
    content: "\e6b8";
}

.icon-tree:before {
    content: "\e6b9";
}

.icon-update:before {
    content: "\e6bb";
}

.icon-user:before {
    content: "\e6bd";
}

.icon-user-2:before {
    content: "\e620";
}

.icon-user-add:before {
    content: "\e6bc";
}

.icon-users:before {
    content: "\e6be";
}

.icon-users-2:before {
    content: "\e621";
}

.icon-vcard:before {
    content: "\e6bf";
}

.icon-vcard-circle:before {
    content: "\e915";
}

.icon-walk:before {
    content: "\e6c0";
}

.icon-waves:before {
    content: "\e6c1";
}

.icon-weather:before {
    content: "\e6c2";
}

.icon-wheelchair:before {
    content: "\e6c3";
}

.icon-windows:before {
    content: "\e6c4";
}

.icon-workout:before {
    content: "\e92d";
}

.icon-x:before {
    content: "\e93a";
}

.icon-x-circle:before {
    content: "\e931";
}

.icon-youtube:before {
    content: "\e6c5";
}

.icon-zoom-minus:before {
    content: "\e622";
}

.icon-zoom-plus:before {
    content: "\e623";
}

/* Ikoner */
.modal {
    display: none;
    position: fixed;
    z-index: 10001;
    inset: 0;
    background: rgba(0, 0, 0, 0.75);
    justify-content: center;
    align-items: center;
    padding: 15px;
}

    .modal.modal-active {
        display: flex;
    }

.modal-content {
    background-color: #efefef;
    color: #595959;
    width: 100%;
    max-width: 550px;
    max-height: calc(100dvh - 30px);
    display: flex;
    flex-direction: column;
    border-radius: 10px;
    overflow: hidden;
    animation: fadeIn 0.25s ease;
    box-shadow: 0 0 50px 1px rgba(0, 0, 0, 0.5);
}

.modal-header {
    padding: 16px 16px 0 16px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
}

    .modal-header h2 {
        font-size: 20px;
    }

.modal-body {
    padding: 16px;
    overflow-y: auto;
    flex: 1;
}

.modal-footer {
    padding: 16px;
    border-top: 1px solid #ddd;
}

.modal-close {
    background: none;
    border: none;
    font-size: 18px;
    cursor: pointer;
    color: inherit;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: scale(0.96);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}
/* Popup */
.toll-info-summary {
    padding: 24px;
    background: #E1F4FA;
}

    .toll-info-summary h2 {
        margin-bottom: 8px;
        font-weight: 600;
    }

    .toll-info-summary p {
        margin-bottom: 12px;
    }

.mobile .toll-info-summary {
    padding: 12px;
}

.toll-info-summary__options {
    display: flex;
    gap: 12px;
}

    .toll-info-summary__options li, .toll-info-summary__options li * {
        font-size: 13px;
    }

.toll-info-table {
    margin: 24px 24px 6px 24px;
}

    .toll-info-table th {
        text-align: right;
        vertical-align: top;
        padding: 0 0 6px 24px;
        white-space: nowrap;
        font-weight: 600;
    }

        .toll-info-table th:first-child {
            text-align: left;
            padding-left: 0;
        }

    .toll-info-table tr + tr td {
        padding-top: 12px;
        border-top: 1px dotted #ccc;
    }

    .toll-info-table td {
        padding: 0 0 12px 0;
        vertical-align: top;
        font-weight: 600;
        vertical-align: top;
    }

        .toll-info-table td:first-child {
            width: 100%;
        }

        .toll-info-table td + td {
            text-align: right;
            padding: 0 0 12px 24px;
            white-space: nowrap;
            font-weight: normal;
        }

    .toll-info-table span {
        color: #666;
        font-weight: normal;
    }

.mobile .toll-info-table {
    margin: 24px 12px 6px 12px;
}

.toll-info-table__note td {
    padding-top: 0 !important;
    border: none !important;
}

.toll-info__footer {
    padding: 6px 24px 24px 24px;
}

    .toll-info__footer li a,
    .toll-info__footer li .a {
        display: inline-flex;
        gap: 7px;
        font-weight: 600;
    }

    .toll-info__footer li [class^="icon-"] {
        font-size: 16px;
        margin-top: 1px;
    }

    .toll-info__footer li + li {
        margin-top: 10px;
    }

    .toll-info__footer li a:hover {
        text-decoration: none;
    }

        .toll-info__footer li a:hover span + span, .toll-info__footer li .a:hover span + span {
            text-decoration: underline;
        }

.mobile .toll-info__footer {
    padding: 0 12px 24px 12px;
}

/*  */
/* _ads.scss */
.panel-ad-section {
    padding: 24px;
}

.panel-promo-section + .panel-ad-section {
    border-top: 1px dotted #ccc;
}

.panel-ad-section-close {
    float: right;
    cursor: pointer;
}

.mobile .panel-ad-section {
    display: none;
}

.ad-300x250 {
    width: 300px;
    height: 250px;
    overflow: hidden;
}

/* DIMMER, sleepy banner whatever
------------------------------------------------------------------------------------- */
.ad-sleepy {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 200000;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.8);
    display: flex;
    justify-content: center;
    align-items: center;
}

.ad-sleepy__banner {
    position: relative;
    box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.4);
    font-size: 0;
}

.ad-sleepy__close {
    position: absolute;
    z-index: 1;
    top: -30px;
    right: -80px;
    border-radius: 40px;
    cursor: pointer;
    border: 3px solid #fff;
    width: 54px;
    height: 54px;
    overflow: hidden;
    padding-top: 1px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    -webkit-box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.4);
    box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.4);
}

    .ad-sleepy__close span {
        display: inline-block;
        font-size: 48px;
        font-family: Arial, sans-serif;
        line-height: 1;
        color: #fff;
    }

/* Skyskraper i sidebar */
.panel-ad-skyscraper {
    position: absolute;
    display: none;
    top: 0;
    right: 0;
    bottom: 0;
    padding: 12px;
    border-left: 1px dotted #ccc;
    background: #fff;
}

.panel-ad-skyscraper__close {
    float: right;
    cursor: pointer;
    margin: 3px 0 24px 0;
}

/*w160*/
.show-sidebar-banner--160 .panel-ad-skyscraper {
    width: 184px;
}

    .show-sidebar-banner--160 .panel-ad-skyscraper .ad {
        width: 160px;
        overflow: hidden;
        clear: both;
    }

/*w180*/
.show-sidebar-banner--180 .panel-ad-skyscraper {
    width: 204px;
}

    .show-sidebar-banner--180 .panel-ad-skyscraper .ad {
        width: 180px;
        overflow: hidden;
        clear: both;
    }

/*w300*/
.show-sidebar-banner--300 .panel-ad-skyscraper {
    width: 324px;
}

    .show-sidebar-banner--300 .panel-ad-skyscraper .ad {
        width: 300px;
        overflow: hidden;
        clear: both;
    }

.show-sidebar-banner .panel-ad-skyscraper {
    display: block;
}

/* Annonser */
/* _text.scss */
.text {
    line-height: 1.5;
    color: #333;
}

    .text h1 {
        font-size: 24px;
        margin: 0 0 16px 0;
        line-height: 1.2;
    }

    .text h2 {
        font-size: 18px;
        margin: 24px 0 6px 0;
        line-height: 1.3;
        font-weight: bold;
    }

    .text h3 {
        font-weight: bold;
    }

    .text h4 {
        font-style: italic;
    }

    .text h5,
    .text h6 {
        font-weight: normal;
        font-style: italic;
    }

    .text h6 {
        letter-spacing: 1px;
    }

    .text p {
        margin: 0 0 14px 0;
    }

    .text dl,
    .text ul,
    .text ol {
        margin: 0 0 15px 0;
    }

    .text h3 + dl,
    .text h3 + ul,
    .text h3 + ol {
        margin-top: 8px;
    }

    .text li {
        margin: 0 0 1px 24px;
    }

        .text li ul,
        .text li ol {
            margin-bottom: 0;
        }

    .text dt {
        font-weight: bold;
        margin: 0 0 14px 0;
    }

    .text dd {
        margin: 0 0 14px 24px;
    }

    .text legend {
        margin: 0 0 14px 0;
        font-weight: bold;
    }

    .text blockquote {
        margin: 0 0 15px 24px;
        padding: 0 0 0 24px;
        border-left: 1px solid #999;
        font-style: italic;
    }

    .text table {
        margin: 6px 0 14px 0;
        border-spacing: 0;
        border-collapse: collapse;
        empty-cells: show;
    }

    .text td,
    .text th {
        padding: 6px 24px 6px 0;
        vertical-align: top;
        text-align: left;
    }

    .text th {
        font-weight: bold;
    }

    .text ul li {
        list-style-type: disc;
    }

        .text ul li li {
            list-style-type: square;
        }

    .text hr {
        height: 1px;
        border: 0;
        color: #999;
        background-color: #999;
        display: block;
        padding: 0;
        margin: 0 0 10px 0;
    }

    .text .list-no-bullet li {
        margin: 0 0 10px 0;
        list-style-type: none;
        line-height: 1.3;
    }

    .text .list-no-bullet-spaced li {
        margin-bottom: 18px;
    }

    .text .list-no-bullet h4 {
        font-style: normal;
    }

    .text input,
    .text select,
    .text textarea,
    .text button {
        margin: 0;
        vertical-align: middle;
        font-size: 14px;
        padding: 3px;
        font-family: inherit;
    }

        .text input[type="submit"] {
            -webkit-appearance: none;
        }

        .text input[type=text],
        .text textarea {
            border: 1px solid;
            border-color: #999;
            padding: 4px 8px;
            border-radius: 4px;
        }

.text-smaller {
    font-size: 13px !important;
}

    .text-smaller p,
    .text-smaller li,
    .text-smaller h1,
    .text-smaller h2,
    .text-smaller h3,
    .text-smaller h4,
    .text-smaller h5,
    .text-smaller h6 {
        font-size: 13px !important;
    }

    .text-smaller td, .text-smaller th {
        padding: 2px 10px 2px 0 !important;
        font-size: 13px !important;
    }

/* tekst */
/* _leaflet.scss */
/* LEAFLET tweaks
-------------------------------------------------------------------------------------------*/
/* Fjern layers knapp */
.leaflet-control-layers {
    display: none;
}

/* Samle målestokk og copyright sentert i bunn */
.leaflet-bottom.leaflet-left {
    left: 50%;
    margin-left: -200px;
}

.leaflet-bottom.leaflet-right {
    right: auto;
    left: 50%;
    margin-left: 190px;
}

.leaflet-control-attribution {
    width: 380px;
    opacity: .8;
    padding-bottom: 1px;
}

.leaflet-control-scale {
    margin-bottom: 0 !important;
}

/* Tweak bobble */
/*.leaflet-popup {
z-index: 3;
}

.leaflet-popup-content-wrapper {
border-radius: 3px;
}

a.leaflet-popup-close-button {
top: -2px;
right: -3px;
}
*/
/* Leaflet tweaks */
/* _birdseye-control.scss */
.desktop {
    /* Skråfoto himmelretningvelger */
    /*N*/
    /*Ø*/
    /*S*/
    /*V*/
    /* Skjul panel knapp */
    /* Minikart */
    /* Retningsindikator */
    /* Rotasjon retningsindikator */
}

    .desktop .birdseye-control {
        -webkit-transition: all .6s ease;
        -moz-transition: all .6s ease;
        -ms-transition: all .6s ease;
        -o-transition: all .6s ease;
        transition: all .6s ease;
        width: 176px;
        height: 176px;
        overflow: hidden;
        position: absolute;
        z-index: 6000;
        bottom: 12px;
        right: 80px;
        border-radius: 4px;
    }

        .desktop .birdseye-control input[type="radio"] {
            display: none;
        }

        .desktop .birdseye-control img {
            display: block;
            position: absolute;
        }

        .desktop .birdseye-control ul {
            width: 100%;
            height: 100%;
            position: absolute;
            z-index: 501;
        }

        .desktop .birdseye-control li {
            position: absolute;
            background: #0077CC;
            color: #fff;
            font-size: 16px;
            display: inline-block;
            width: 22px;
            height: 22px;
            border-radius: 50%;
            padding: 6px;
            text-align: center;
            line-height: 9px;
            cursor: pointer;
        }

        .desktop .birdseye-control label {
            color: #fff;
            font-weight: 600;
            display: inline;
            cursor: pointer;
        }

    .desktop .birdseye-control-n {
        top: 6px;
        left: 50%;
        margin: 0 0 0 -11px;
    }

    .desktop .birdseye-control-e {
        top: 50%;
        right: 6px;
        margin: -11px 0 0 0;
    }

    .desktop .birdseye-control-s {
        bottom: 6px;
        left: 50%;
        margin: 0 0 0 -11px;
    }

    .desktop .birdseye-control-w {
        left: 6px;
        top: 50%;
        margin: -11px 0 0 0;
    }

    .desktop .birdseye-control-hide {
        position: absolute;
        right: 6px;
        z-index: 502;
        display: inline-block;
        font-size: 24px;
    }

        .desktop .birdseye-control-hide [class^="icon-"] {
            cursor: pointer;
            display: inline-block;
        }

    .desktop .birdseye-control-preview img {
        z-index: 3;
    }

    .desktop .birdseye-control-indicator img {
        z-index: 500;
        opacity: .3;
        /*@include ease-all;*/
    }

    .desktop input[value="n"]:checked ~ .birdseye-control-indicator img {
        -moz-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .desktop input[value="e"]:checked ~ .birdseye-control-indicator img {
        -moz-transform: rotate(270deg);
        -webkit-transform: rotate(270deg);
        -o-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
        transform: rotate(270deg);
    }

    .desktop input[value="s"]:checked ~ .birdseye-control-indicator img {
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    .desktop input[value="w"]:checked ~ .birdseye-control-indicator img {
        -moz-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
    }

/* MOBIL
---------------------------------------------------------------------------*/
.mobile .birdseye-control {
    position: absolute;
    bottom: 24px;
    right: 12px;
    z-index: 6000;
    border-radius: 4px;
    background: #fff;
    padding: 10px 8px;
}

    .mobile .birdseye-control img, .mobile .birdseye-control .icon-arrow-down, .mobile .birdseye-control input[type="radio"] {
        display: none;
    }

    .mobile .birdseye-control label {
        background: #0077CC;
        display: block;
        color: #fff;
        padding: 5px 7px;
        line-height: 1;
        text-align: center;
        border-radius: 50%;
        font-size: 18px;
    }

    .mobile .birdseye-control li + li {
        margin-top: 10px;
    }

    .mobile .birdseye-control input[value="n"]:checked ~ ul .birdseye-control-n label,
    .mobile .birdseye-control input[value="e"]:checked ~ ul .birdseye-control-e label,
    .mobile .birdseye-control input[value="s"]:checked ~ ul .birdseye-control-s label,
    .mobile .birdseye-control input[value="w"]:checked ~ ul .birdseye-control-w label {
        background: #FF5D1E;
    }

/* Skraafoto kontroll */
/* _zoom-buttons.scss */
/* Zoom, posisjon og layers (mobil) */
.map-control {
    position: absolute;
    z-index: 2;
    bottom: 12px;
    right: 72px;
    font-size: 20px;
    display: inline-block;
}

    .map-control [class^="icon-"] {
        border-radius: 50%;
        background: #0077CC;
        color: #fff;
        padding: 4px;
        display: inline-block;
        cursor: pointer;
        line-height: 1;
    }

        .map-control [class^="icon-"]:hover {
            background: #FF5D1E;
        }

.show-sidebar-banner .map-control {
    right: 396px;
    /* 300px w banner */
}

.desktop .map-control {
    -webkit-transition: all .6s ease;
    -moz-transition: all .6s ease;
    -ms-transition: all .6s ease;
    -o-transition: all .6s ease;
    transition: all .6s ease;
}

    .desktop .map-control[style] {
        top: auto !important;
    }

.mobile .map-control {
    padding-top: 12px;
}

/* Flytt fordi POI panel ikke vises */
.page-birdseye .map-control {
    right: 12px;
}

/* Vis hvor du er i kartet */
.map-control-proximity {
    background: #fff;
    display: block;
    border-radius: 4px;
    padding: 8px;
    margin: 0 0 12px 0;
}

/*Måleverktøy*/
.map-control-measure-tool {
    background: #fff;
    display: inline-block;
    border-radius: 4px;
    padding: 8px;
    margin: 0 0 12px 0;
}

    .map-control-measure-tool [class^="icon-"] {
        padding: 6px;
        font-size: 16px;
    }

    .map-control-measure-tool.active [class^="icon-"] {
        background: #FF5D1E;
    }

.mobile .map-control-measure-tool {
    display: none;
}

/* .map-control-measure-tool-icon {
background:$profile;
color:#fff;
display:block;
width:29px;
height:29px;
border-radius:50%;
}

.map-control-measure-tool-icon-figure {} */
/* Zoom knapper */
.map-control-zoom {
    background: #fff;
    display: inline-block;
    border-radius: 4px;
    padding: 8px;
}

    .map-control-zoom [class^="icon-"] {
        background: #0077CC;
        color: #fff;
        display: block;
    }

        .map-control-zoom [class^="icon-"]:first-child {
            margin: 0 0 10px 0;
        }

/* Layers knapp */
.map-control-layers {
    display: none;
    background: #fff;
    border-radius: 4px;
    padding: 4px;
    text-align: center;
    margin: 0 0 12px 0;
}

    .map-control-layers [class^="icon-"] {
        background: #fff;
        color: #0077CC;
        font-size: 24px;
    }

        .map-control-layers [class^="icon-"]:hover {
            background: #fff;
            color: #FF5D1E;
        }

.mobile .map-control {
    top: 82px;
    /*bottom: 50%;
  margin-bottom: -100px;*/
    right: 12px;
}

.mobile .map-control-layers {
    display: block;
}

/* Zoom og posisjon knapper */
/* _poi-chooser.scss */
/* POI velger */
.poi-chooser {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    bottom: 0;
    width: 60px;
    padding: 8px 12px 0 12px;
    overflow: auto;
    overflow-x: hidden;
    background: #fff;
    -webkit-transition: all .6s ease;
    -moz-transition: all .6s ease;
    -ms-transition: all .6s ease;
    -o-transition: all .6s ease;
    transition: all .6s ease;
}

.poi-chooser-list {
    /* Skjult tekst */
}

    .poi-chooser-list > li {
        margin: 0 0 6px 0;
        cursor: pointer;
        white-space: nowrap;
    }

        .poi-chooser-list > li > label > input {
            display: none;
        }

    .poi-chooser-list span + span {
        display: none;
        cursor: pointer;
    }

    .poi-chooser-list li [class^="icon-"] {
        color: #fff;
        background: #999;
        padding: 4px;
        border-radius: 4px;
        font-size: 20px;
        line-height: 36px;
        cursor: pointer;
        margin: 0 6px 0 0;
    }

    .poi-chooser-list li:hover [class^="icon-"] {
        color: #fff;
        background: #FF5D1E;
    }

    .poi-chooser-list input:checked ~ [class^="icon-"] {
        background: #0077CC;
    }

    .poi-chooser-list input:checked ~ .icon-alert {
        background: red;
    }

    .poi-chooser-list input:checked ~ .icon-recycle {
        background: green;
    }

    .poi-chooser-list input:checked + span + span, .poi-chooser-list li:hover span + span {
        font-weight: 600;
        color: #333;
    }

/* Utvid panel pil */
.poi-chooser-expand {
    font-size: 26px;
    cursor: pointer;
    display: inline-block;
    margin-bottom: 12px;
    color: #333;
}

/* Filter for ladestasjoner */
.charging-station-filter {
    display: none;
    margin: 0 0 0 38px;
}

    .charging-station-filter li {
        margin: 8px 0 0 0;
    }

.mobile .poi-chooser {
    display: none;
}

.mobile .map-container {
    right: 0;
}

/* BANNER i POI panel
--------------------------------------------------------------- */
/* POI ikoner i kart
--------------------------------------------------------------- */
.poi-icon {
    color: #fff;
    background: #0077CC;
    padding: 2px;
    text-align: center;
    border-radius: 3px;
    font-size: 16px;
    cursor: pointer;
    margin: 0 6px 0 0;
    width: 20px;
    height: 20px;
    overflow: hidden;
    display: inline-block;
}

    .poi-icon.icon-alert {
        background: red;
    }

    .poi-icon.icon-recycle {
        background: green;
    }

    .poi-icon.active {
        background: #FF5D1E !important;
    }

/* POI velger panel dektop */
/* _mode-buttons.scss */
/* Knapper i kart */
.mode-buttons {
    position: absolute;
    z-index: 2;
    top: 12px;
    right: 72px;
    -webkit-transition: all .6s ease;
    -moz-transition: all .6s ease;
    -ms-transition: all .6s ease;
    -o-transition: all .6s ease;
    transition: all .6s ease;
}

.show-sidebar-banner .mode-buttons {
    right: 396px;
    /* 300px w banner */
}

.mode-buttons-bar {
    display: inline-block;
    float: left;
    overflow: hidden;
    border-radius: 4px;
    /*prototype lenking*/
}

    .mode-buttons-bar li {
        cursor: pointer;
        background: #fff;
        padding: 4px 11px;
        float: left;
        color: #0077CC;
    }

        .mode-buttons-bar li:hover, .mode-buttons-bar li:hover a {
            background: #FF5D1E;
            color: #fff;
        }

    .mode-buttons-bar a, .mode-buttons-bar a:hover {
        color: #0065ae;
        text-decoration: none;
    }

    .mode-buttons-bar .selected, .mode-buttons-bar .selected:hover {
        color: #fff;
        background: #0077CC;
        font-weight: bold;
    }

        .mode-buttons-bar .selected a, .mode-buttons-bar .selected a:hover, .mode-buttons-bar .selected:hover a, .mode-buttons-bar .selected:hover a:hover {
            color: #fff;
            background: #0077CC;
        }

@media (max-width: 768px) {
    .mode-buttons {
        display: none;
    }
}
/* Kart modus knapper */
.button-update-search {
    background: #FF6A26;
    color: #fff;
    border: none;
    padding: 10px 14px 10px 12px;
    border-radius: 4px;
    font-weight: 600;
    display: flex;
    gap: 8px;
    align-items: center;
    position: absolute;
    z-index: 2;
    -webkit-transition: all .6s ease;
    -moz-transition: all .6s ease;
    -ms-transition: all .6s ease;
    -o-transition: all .6s ease;
    transition: all .6s ease;
}

.mobile .button-update-search {
    left: 10px;
    top: 128px;
}

.desktop .button-update-search {
    top: 56px;
    right: 72px;
}

.pulse-outline::after {
    content: "";
    position: absolute;
    inset: -4px;
    /* Size of the outline */
    border-radius: inherit;
    /* Match button shape */
    border: 2px solid #FF6A26;
    animation: pulse 1.5s 5 ease-out;
    opacity: 0;
}

/*@keyframes pulse {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(1.5);
    opacity: 0;
  }
}*/
@keyframes pulse {
    0% {
        transform: scale(1);
        opacity: 1;
    }

    100% {
        transform: scale(1.05);
        opacity: 0;
    }
}
/* Oppdater kart knapp */
/* _sideheader.scss */
/* FELLES
------------------------------------------------------------------------------------ */
/* Dyp blå topp */
.siteheader-top {
    background: #0077CC;
    padding: 12px 24px 0 24px;
}

.mobile .siteheader-top {
    padding: 12px 12px 7px 12px;
}

/* Logo - h1 */
.siteheader-logo {
    width: 115px;
    height: 28px;
    background-image: url(/Content/images/logo-1881-alt.svg);
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    vertical-align: middle;
}

    .siteheader-logo a {
        display: block;
        height: 100%;
        /*?*/
        cursor: pointer;
    }

/* Hvite lenker */
.siteheader-nav {
    display: inline-block;
    vertical-align: middle;
}

    .siteheader-nav li {
        color: #fff;
        display: inline-block;
    }

        .siteheader-nav li + li {
            margin-left: 7px;
        }

    .siteheader-nav a {
        color: #fff;
        opacity: .8;
    }

    .siteheader-nav .active a {
        font-weight: 600;
        opacity: 1;
        letter-spacing: -0.3px;
    }

/* Felles container for input */
.siteheader-search {
    padding: 20px 24px 18px 24px;
    background: #0077CC;
}

.mobile .siteheader-search {
    padding: 18px 12px;
}

.siteheader-top-desktop {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* SØK DESKTOP 
------------------------------------------------------------------------------------ */
/* Skjul */
.mobile .siteheader-top-desktop,
.mobile .siteheader-search-desktop {
    display: none;
}

/* SØK MOBIL 
------------------------------------------------------------------------------------ */
/* Default logo, søk og hamburger */
.siteheader-search-top-mobile {
    display: none;
    background: #0077CC;
    padding: 12px;
}

    .siteheader-search-top-mobile .siteheader-logo {
        background-image: url(/Content/images/logo-1881.svg);
        width: 46px;
        height: 46px;
    }

    .siteheader-search-top-mobile .table {
        width: 100%;
    }

    .siteheader-search-top-mobile .td {
        vertical-align: middle;
    }

    .siteheader-search-top-mobile .search-top {
        width: 100%;
        padding: 0 12px;
        position: relative;
    }

    .siteheader-search-top-mobile .hamburger {
        color: #fff;
        font-size: 24px;
        cursor: pointer;
    }

/* Vis */
.mobile .siteheader-search-top-mobile {
    display: block;
}

/* VEIBESKRIVELSE
------------------------------------------------------------------------------------ */
/* Bil eller kollektiv valg desktop under hovednavigasjon 
.siteheader-nav-sub {
	background:$profile;

padding: 12px 24px 0 24px;

li {
	color:#fff;
	display:inline-block;
	margin:0;}

li+li {
	margin-left:24px;}
	
	.active {
    background:$siteheader;
    padding: 0 16px;
    line-height: 32px;
    border-radius: 16px;
    color: #fff;
    font-weight: 600;

a:hover {
	text-decoration:none;}

}
	
a {color:#fff;}

}
*/
/* Submit knapp og ekstra valg */
.siteheader-route-control {
    margin-top: 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .siteheader-route-control button {
        border: 1px solid #fff;
        background: #0077CC;
        padding: 4px 16px;
        line-height: 32px;
        border-radius: 5px;
        color: #fff;
        font-weight: 600;
    }

        .siteheader-route-control button:hover {
            outline: 1px solid #fff;
        }

    .siteheader-route-control ul {
        margin-top: 6px;
    }

    .siteheader-route-control li {
        display: inline-block;
        margin-left: 18px;
        font-weight: 600;
    }

    .siteheader-route-control li, .siteheader-route-control a {
        color: #fff;
    }

/* Kollektivt tids valg */
.route-time-control {
    margin: 24px 0 0 0;
}

    .route-time-control label {
        color: #fff;
    }

    .route-time-control div {
        margin-top: 16px;
    }

    .route-time-control label + label {
        margin-left: 8px;
    }

    .route-time-control li {
        display: inline-block;
        color: #fff;
        margin-right: 12px;
    }

    .route-time-control a {
        color: #fff;
    }

    .route-time-control li:hover {
        text-decoration: underline;
        cursor: pointer;
    }

    .route-time-control .active {
        font-weight: bold;
    }

        .route-time-control .active a:hover, .route-time-control .active:hover {
            text-decoration: none !important;
            cursor: default;
        }

    .route-time-control select {
        font-size: 14px;
        line-height: 1.42857143;
        color: #555;
        background-color: #fff;
        background-image: none;
        border: none;
    }

/* TOPP navigasjon veibeskrivelse mobil
------------------------------------------------------------------------------------ */
.siteheader-top-mobile {
    display: none;
}

    .siteheader-top-mobile .siteheader-logo {
        background-image: url(/Content/images/logo-1881.svg);
        width: 46px;
        height: 46px;
    }

    .siteheader-top-mobile .hamburger {
        color: #fff;
        font-size: 24px;
        cursor: pointer;
        float: right;
        margin: 8px 0 0 0;
    }

.mobile .siteheader-top-desktop,
.mobile .siteheader-nav-sub {
    display: none;
}

.mobile .siteheader-top-mobile {
    display: block;
}

/* siteheader */
/* _sidebars.scss */
.sidebar {
    width: 240px;
    border-left: 1px solid #ccc;
    position: fixed;
    top: 0;
    right: -240px;
    bottom: 0;
    background: #fff;
    z-index: 100;
    -webkit-transition: all .6s ease;
    -moz-transition: all .6s ease;
    -ms-transition: all .6s ease;
    -o-transition: all .6s ease;
    transition: all .6s ease;
}

    .sidebar input,
    .sidebar select,
    .sidebar textarea,
    .sidebar button {
        width: 100%;
    }

    .sidebar button {
        background: #0077CC;
        color: #fff;
        border-radius: 4px;
        border: none;
    }

.sidebar-layers-mobile {
    width: 100%;
    right: -100%;
}

/*.sidebar-birdseye {}

.sidebar-historical {}

.sidebar-share {}

.sidebar-coordinates {}

.sidebar-measurements {}*/
.sidebar h3 {
    margin: 0 0 12px 0;
}

.sidebar p,
.sidebar h4 {
    color: #666;
}

.sidebar-wrap {
    position: absolute;
    top: 36px;
    left: 0;
    right: 0;
    bottom: 0;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 18px;
}

.sidebar-head {
    padding: 12px 12px 0 18px;
    min-height: 36px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    border-bottom: 1px solid #eee;
    background: #fff;
}

    .sidebar-head h2 {
        float: left;
        margin: -2px 0 0 0;
        font-size: 14px;
    }

    .sidebar-head [class^="icon-"] {
        float: right;
        font-size: 12px;
        margin: 0;
        top: 0;
        cursor: pointer;
    }

.sidebar-section {
    margin-bottom: 48px;
}

/* Liste med sosiale medier knapper */
.list-so-me {
    margin: 0 0 24px 0;
    padding: 0;
    list-style-type: none;
}

    .list-so-me li {
        display: inline;
        margin: 0;
        padding: 0;
        list-style-type: none;
    }

    .list-so-me [class^="icon-"] {
        color: #0077CC;
        font-size: 18px;
        cursor: pointer;
    }

/* LAYERS meny
---------------------------------------------------------------------------------------------------------------- */
/*.list-no-bullet li {
	margin: 0 0 10px 0;
	list-style-type: none;
	line-height: 1.3
}

.list-no-bullet-spaced li {
	margin-bottom:18px;}*/
.layers-menu-modes li {
    margin-left: 16px !important;
}

.layers-menu-modes .active a, .layers-menu-modes .active .a {
    background: #4A90E2;
    padding: 0 16px;
    line-height: 32px;
    border-radius: 16px;
    display: inline-block;
    color: #fff;
    margin-left: -16px;
}

    .layers-menu-modes .active a:hover {
        text-decoration: none;
    }

.layers-menu-col {
    position: absolute;
    top: 36px;
    left: 0;
    bottom: 0;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 18px;
    width: 40%;
}

    .layers-menu-col + .layers-menu-col {
        left: 40%;
        width: 60%;
        padding: 18px 18px 18px 18px;
    }

/* POI liste */
.layers-menu-poi-list {
    /* Filter for ladestasjoner */
}

    .layers-menu-poi-list input {
        width: auto;
    }

    .layers-menu-poi-list > li > label > input {
        display: none;
    }

    .layers-menu-poi-list [class^="icon-"] {
        color: #fff;
        background: #999;
        padding: 4px;
        border-radius: 4px;
        font-size: 18px;
        line-height: 36px;
        cursor: pointer;
        margin: 0 6px 0 0;
    }

    .layers-menu-poi-list li {
        margin: 0 0 6px 0;
        cursor: pointer;
        white-space: nowrap;
        list-style-type: none !important;
    }

        .layers-menu-poi-list li:hover [class^="icon-"] {
            color: #fff;
            background: #FF5D1E;
        }

    .layers-menu-poi-list input:checked ~ [class^="icon-"] {
        background: #0077CC;
    }

    .layers-menu-poi-list input:checked + span + span, .layers-menu-poi-list li:hover span + span {
        font-weight: 600;
        color: #333;
    }

    .layers-menu-poi-list li ul {
        margin: 0 0 0 38px;
    }

        .layers-menu-poi-list li ul li {
            margin: 8px 0 0 0;
        }

/* sidebars */
/* _panels.scss */
/* HOVEDPANEL
---------------------------------------------------------------------*/
/* Hovedinnhold - søk og resultat */
.main-panel {
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    background: #fff;
    width: 400px;
    border-radius: 0 0 4px 0;
}

/* Skjul og vis panel KNAPP */
.main-panel-hide {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 400px;
    background: #fff;
    display: inline-block;
    font-size: 26px;
    line-height: 2;
    cursor: pointer;
    padding: 0 4px 0 0;
    border-radius: 0 0 4px 0;
    color: #333;
}

/* Default søk topp */
/*Scroll, resultat innhold og veibeskrivelse topp*/
.main-panel-scroll {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    position: relative;
}

/* lazy hack - overstyr inline css fra functions.js 
.desktop .main-panel-scroll[style] {height:auto !important;}
.mobile .main-panel-scroll[style] {max-height:auto !important; 
bottom:0; 
padding-bottom:60px; 
}

*/
/* Mobile last :-) */
.mobile {
    /* Ikke vis knapp for skjul og vis */
}

    .mobile .main-panel {
        width: 100%;
        border-radius: 0;
    }

    .mobile .main-panel-hide {
        display: none;
    }

/* INFO PANEL
---------------------------------------------------------------------*/
.preview-panel {
    overflow: auto;
    overflow-x: hidden;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    background: #fff;
}

.mobile .preview-panel {
    bottom: 0;
    z-index: 10;
    /* Listing utvidet info */
}

    .mobile .preview-panel .result-item-extended {
        display: none;
    }

/**/
.desktop .preview-panel {
    width: 400px;
    z-index: 2;
}

.mobile .preview-panel[style] {
    top: auto !important;
}

.mobile .preview-panel .result-header-go-back {
    display: none;
}

.mobile .preview-panel .result-item-go {
    transform: rotate(270deg);
}

.mobile.show-preview-panel .preview-panel .result-item-go {
    transform: rotate(90deg);
}

/* POI info panel
---------------------------------------------------------------------*/
/* Tilbakestiller høyde satt av jquery */
.desktop .poi-info[style] {
    height: auto !important;
}

.poi-image img {
    display: block;
    width: 100%;
    height: auto;
}

.desktop .poi-image img {
    border-left: 24px solid #fff;
    border-right: 24px solid #fff;
    margin-top: 18px;
}

.poi-info-content {
    padding: 24px;
}

    .poi-info-content h2 {
        overflow: hidden;
        margin: 0 0 16px 0;
    }

        .poi-info-content h2 [class^="icon-"] {
            color: #fff;
            background: #0077CC;
            padding: 2px;
            border-radius: 2px;
            font-size: 14px;
            margin: 0 2px 0 0;
        }

        .poi-info-content h2 .icon-alert {
            background: red;
        }

        .poi-info-content h2 .icon-recycle {
            background: green;
        }

.mobile .poi-info-content {
    padding: 12px;
}

.poi-info-close {
    float: right;
    cursor: pointer;
    margin: 0 0 24px 24px;
}

.poi-info-company .poi-info-close {
    margin-top: 12px;
    margin-right: 24px;
}

.desktop .poi-info-company {
    padding-top: 18px;
    /*.result-item-featured-image {
  	margin-top:12px;}*/
}

.poi-info-company .result-item-name a,
.poi-info-company .result-item-name a:hover {
    color: #333;
    text-decoration: none;
}

.poi-info-company .result-item h2 {
    font-size: 18px;
    line-height: 1.3;
    font-weight: bold;
}

.cluster-details + .cluster-details {
    border-top: 2px solid #ccc;
}

.table-public-transport-routes [class^="icon-"] {
    font-size: 22px;
}

/* Forside promo BS
---------------------------------------------------------------------*/
.panel-promo-section {
    padding: 24px;
}

    .panel-promo-section > h2 {
        margin-top: 0;
    }

.panel-promo-section-close {
    float: right;
    cursor: pointer;
    margin: 0 0 12px 12px;
}

/* hovedinnhold */
/* _forms.scss */
/* SOEK  input
---------------------------------------------------------------------- */
.input-group {
    display: table;
    border-radius: 4px;
    background: #fff;
    width: 100%;
    padding-right: 4px;
    /* Skjul og vis lukke kryss (reset knapp) */
}

    .input-group button,
    .input-group input {
        border: none;
        background: #fff;
        padding: 0;
        font-size: 16px;
    }

        .input-group input[type="search"] {
            display: table-cell;
            padding: 12px 8px;
            width: 100%;
            border-radius: 3px 0 0 3px;
        }

    .input-group .icon-close,
    .input-group .icon-arrow-location {
        color: #666;
        cursor: pointer;
    }

    .input-group .icon-search-2 {
        color: #0077CC;
    }

    .input-group .icon-close.active {
        color: #FF5D1E;
    }

    .input-group .icon-arrow-location.active,
    .input-group [class^="icon-"]:hover {
        color: #FF5D1E;
    }

    .input-group .input-group-buttons {
        font-size: 0;
        display: table-cell;
        width: 90px;
        vertical-align: middle;
        white-space: nowrap;
    }

    .input-group button {
        padding: 12px 0;
        width: 30px;
        text-align: center;
        font-size: 16px;
    }

        .input-group button[type="reset"] {
            visibility: hidden;
        }

    .input-group input[type="search"]:valid ~ .input-group-buttons button[type="reset"] {
        visibility: visible;
    }

    .input-group input[type="search"]:invalid ~ .input-group-buttons button[type="reset"] {
        visibility: hidden;
    }

@media (max-width: 768px) {
    .input-group input[type="search"] {
        padding: 6px 4px;
    }

    .input-group button {
        padding: 6px 0;
        width: 36px;
    }
}
/* Veibeskrivelse variasjon */
.input-group-route {
    overflow: hidden;
    margin-bottom: 12px;
    width: 100%;
}

    .input-group-route .input-group-buttons {
        width: 64px;
    }

    .input-group-route input[type="search"] {
        padding: 12px 2px;
    }

.input-group-route-select .select-style {
    border: none;
    width: 100%;
    margin-top: 4px;
}

    .input-group-route-select .select-style:after {
        top: 50%;
        right: 12px;
        height: 0;
        width: 0;
        border-width: 8px;
        margin-top: -3px;
    }

.input-group-route-select select {
    width: 100%;
    padding-top: 8px;
    padding-bottom: 7px;
    font-size: 16px;
}

.close-input-group {
    float: right;
    color: #fff;
    margin-top: 12px;
    cursor: pointer;
    display: none;
}

.siteheader-search-via .input-group-route, .siteheader-search-via .input-group-route-select {
    width: 91%;
}

.siteheader-search-via .close-input-group {
    display: inline-block;
}

.input-group-route-public-transport {
    width: 100%;
}

.input-group-route-via .input-group-buttons {
    width: 34px;
}

[class^="input-route-label-"] {
    display: table-cell;
    color: #fff;
    text-align: center;
    width: 44px;
    cursor: move;
    border: 4px solid #fff;
    border-radius: 7px;
    font-weight: 600;
    vertical-align: middle;
}

.input-route-label-from {
    background: green;
}

.input-route-label-to {
    background: red;
}

.input-route-label-via {
    background: #8F60C4;
}

.input-route-label-car {
    background: #8CC1FF;
    cursor: default;
}

    .input-route-label-car [class^="icon-"],
    .input-route-label-car [class^="icon-"]:hover {
        color: #fff;
        font-size: 21px;
    }

/* AUTOCOMPLETE */
.input-autocomplete {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 10000;
}

.siteheader-search-desktop .input-autocomplete {
    left: 24px;
    right: 24px;
}

.siteheader-search-top-mobile .input-autocomplete {
    left: 12px;
    right: 12px;
}

.input-autocomplete--show {
    display: block;
}

/*@media (max-width: 768px) {
.site-header .input-autocomplete {
padding: 0 16px 0 0;
}
}*/
.input-autocomplete-options {
    background: #fff;
    border-radius: 0 0 4px 4px;
    margin-top: -3px;
    overflow: hidden;
    box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
}

    .input-autocomplete-options [class^="icon-"] {
        color: #8CC1FF;
        margin-right: 8px;
    }

    .input-autocomplete-options li {
        padding: 8px 18px 8px 12px;
        cursor: pointer;
        border-top: 1px solid #eee;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%;
        -moz-text-size-adjust: 100%;
        -webkit-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;
    }

        .input-autocomplete-options li:hover, .input-autocomplete-options .ui-state-focus {
            color: #fff;
            background: #FF5D1E;
            border-top: 1px solid #FF5D1E;
        }

            .input-autocomplete-options li:hover [class^="icon-"], .input-autocomplete-options .ui-state-focus [class^="icon-"] {
                color: #fff;
            }

/* forms */
/* _results.scss */
/* Treff kategorier heading
----------------------------------------------------------------*/
.result-header {
    padding: 12px 24px;
    overflow: hidden;
}

    .result-header a {
        color: inherit;
    }

    .result-header li {
        display: inline;
        margin: 0;
    }

        .result-header li + li {
            margin-left: 8px;
        }

    .result-header .result-header-hide-result {
        float: right;
        margin: -2px 0 0 0;
    }

    .result-header .icon-close {
        font-size: 12px !important;
        cursor: pointer;
    }

    .result-header .active {
        font-weight: bold;
    }

    .result-header [class^="icon-"] {
        font-size: 20px;
        position: relative;
        bottom: -4px;
    }

.mobile .result-header {
    padding: 12px;
}

    .mobile .result-header li {
        font-size: 14px;
    }

/* Markører
----------------------------------------------------------*/
/* 
.map-preview-pins [class^="icon-"] {
text-shadow: 0 1px 1px #666;
-webkit-text-stroke: 1.5px white;
}

.map-container .map-ref {position:absolute;}
 */
.map-ref {
    width: 28px;
    height: 36px;
    cursor: pointer;
    position: relative;
}

.map-ref-number {
    display: inline-block;
    width: 100%;
    text-align: center;
    position: absolute;
    top: 4px;
    left: -1px;
    z-index: 4;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
}

.map-ref [class^="icon-"] {
    color: #FE6A26;
    position: absolute;
    z-index: 3;
    font-size: 34px;
    vertical-align: middle;
}

/* Markør med skygge for bruk i kart */
.map-ref-shadow {
    width: 35px;
    height: 41px;
    display: inline-block;
    text-align: center;
    color: #fff;
    font-size: 0;
    cursor: pointer;
    position: relative;
}

    .map-ref-shadow span {
        color: #fff;
        z-index: 2000;
        position: absolute;
        display: block;
        top: 7px;
        left: 0;
        font-size: 14px;
        width: 35px;
        font-weight: 600;
    }

    .map-ref-shadow:before {
        content: url(/Content/images/marker-default@2x.png);
        transform: scale(0.5, 0.5);
        transform-origin: 0 0;
        display: block;
        position: absolute;
        z-index: 1;
    }

/* Veibeskrivelse start og start */
.map-ref-shadow-route-start:before {
    content: url(/Content/images/marker-route-start@2x.png);
}

.map-ref-shadow-route-end:before {
    content: url(/Content/images/marker-route-end@2x.png);
}

.map-ref-shadow-route-via:before {
    content: url(/Content/images/marker-route-via@2x.png);
}

/* Resultat item
----------------------------------------------------------*/
.result-item {
    padding: 12px 24px;
}

    .result-item .map-ref {
        margin-right: 10px;
    }

    .result-item h2 {
        font-weight: 600;
        font-size: 16px;
    }

    .result-item p {
        font-size: 14px;
    }

    .result-item h2 + p {
        margin-top: 10px;
    }

    .result-item .result-item-go {
        display: none;
    }

.result-item-links {
    margin-top: 12px;
}

    .result-item-links li + li {
        margin-top: 6px;
    }

.result-item-links-inline {
    margin-top: 12px;
}

    .result-item-links-inline li {
        display: inline;
    }

        .result-item-links-inline li + li {
            margin-left: 8px;
        }

.mobile .result-item {
    padding: 12px;
}

.mobile .result-item-go {
    display: block;
    float: right;
}

    .mobile .result-item-go [class^="icon-"] {
        font-size: 22px !important;
        color: #333 !important;
    }

.result-item-phone {
    margin-bottom: 8px;
}

    .result-item-phone a:hover {
        text-decoration: none;
    }

        .result-item-phone a:hover span + span {
            text-decoration: underline;
        }

.result-item-opening-hours-open {
    color: #00874D;
    font-weight: 600;
}

.result-item-opening-hours-closed {
    color: red;
    font-weight: 600;
}

/* Valgt item 
.mobile .result-item-selected {
	position:absolute;
	bottom:0;
	left:0;
	z-index:100;}*/
.mobile .result-item p {
    font-size: 16px;
}

.mobile .result-item h2 {
    font-size: 18px;
}

.page-details .result-item h2 {
    font-size: 18px;
    line-height: 1.3;
    font-weight: bold;
}

    .page-details .result-item h2 a {
        color: inherit;
    }

/* Resultat liste
----------------------------------------------------------- */
/* Tilbakestill jquery høyde */
.desktop .result-items-list[style] {
    height: auto !important;
}

.result-items-list .result-item {
    border-top: 1px dotted #ccc;
}

.mobile .result-items-list .result-item:last-child {
    border-bottom: 1px dotted #ccc;
}

.mobile .result-items-list {
    display: none;
}

.show-result-items-list {
    display: block !important;
}

/**/
.result-item-featured-image img {
    display: block;
    width: 100%;
    height: auto;
    margin: auto;
}

.desktop .result-item-featured-image img {
    margin-bottom: 8px;
    border-left: 24px solid #fff;
    border-right: 24px solid #fff;
}

.result-item-featured-image + .result-item {
    border: none;
}

/* UTVIDET info
----------------------------------------------------------- */
.result-item-extended {
    margin-top: 10px;
}

    .result-item-extended h2 {
        font-size: 16px;
        font-weight: 600;
        margin-bottom: 12px;
    }

    .result-item-extended table {
        margin: 0 0 18px 0;
        width: 100%;
        /* Innrykk */
    }

        .result-item-extended table tr {
            display: table;
            width: 100%;
        }

            .result-item-extended table tr + tr {
                border-top: 1px dotted #ccc;
            }

        .result-item-extended table th {
            padding: 8px 6px 8px 0;
            vertical-align: bottom;
        }

        .result-item-extended table td {
            padding: 8px 0;
            text-align: right;
            vertical-align: bottom;
        }

            .result-item-extended table td:empty {
                display: none;
            }

        .result-item-extended table .indent th {
            padding-left: 20px;
        }

        .result-item-extended table .indent2 th {
            padding-left: 40px;
        }

        .result-item-extended table .indent3 th {
            padding-left: 60px;
        }

.result-item-extended-opening-hours {
    /*border-top:$border-dot;*/
    padding: 24px;
}

.result-item-extended-opening-hours-info {
    font-style: italic;
}

.result-item-extended-contact-links {
    /*border-top:$border-dot;*/
    padding: 24px;
}

    .result-item-extended-contact-links h3 {
        font-weight: bold;
    }

        .result-item-extended-contact-links h3 ~ h3 {
            margin-top: 16px;
        }

.result-item-extended-contact-table {
    /*border-top:$border-dot;*/
    padding: 24px;
}

/**/
.desktop.page-details .result-header-categories {
    display: none;
}

.mobile.page-details .result-item-featured-image,
.mobile.page-details .result-item-phone,
.mobile.page-details .result-item-opening-hours,
.mobile.page-details .result-item-distance,
.mobile.page-details .result-item-links,
.mobile.page-details .list-icons-promo {
    display: none;
}

/* Toggle preview panel mobil */
.mobile.show-preview-panel .preview-panel {
    height: 100%;
    overflow: auto;
    overflow-x: hidden;
}

    .mobile.show-preview-panel .preview-panel .result-item-featured-image,
    .mobile.show-preview-panel .preview-panel .result-item-phone,
    .mobile.show-preview-panel .preview-panel .result-item-opening-hours,
    .mobile.show-preview-panel .preview-panel .result-item-distance,
    .mobile.show-preview-panel .preview-panel .result-item-links,
    .mobile.show-preview-panel .preview-panel .result-item-extended,
    .mobile.show-preview-panel .preview-panel .list-icons-promo {
        display: block;
    }

.mobile.page-details:not(.show-preview-panel) .result-item-location li {
    display: none;
}

.mobile.page-details:not(.show-preview-panel) .result-item-location .result-item-location__featured {
    display: block;
}

.mobile.page-details:not(.show-preview-panel) .result-item-location .d-flex.result-item-location__featured {
    display: flex;
}

.mobile.page-details.show-preview-panel .result-item-location__featured-more,
.desktop.page-details .result-item-location__featured-more {
    display: none;
}

.result-item-go a {
    color: inherit;
    text-decoration: none;
}

/* ÅPNINGSTIDER TABELL
------------------------------------------------------------------ */
/*.opening-hours {

margin:0 0 36px 0;

h2 {
	font-size:16px;
	font-weight:600;
	margin-bottom:12px;
}
table {
	margin:6px 0 18px 0;
	width:100%;}

tr+tr {
	border-top:$border-dot;}
th {
	padding:6px 24px 6px 0;}
td {
	text-align:right;
	padding:6px 0 6px 0;}
p {}

}

.opening-hours-status-open {
	color:$green;
	font-weight:600;
	margin-top:6px;}

.opening-hours-status-closed {
	color:#9B9B9B;
	font-weight:600;
	margin-top:6px;}	

.opening-hours-today * {
	font-weight:bold;}

.opening-hours-info {}


@media (max-width: 768px) {
.opening-hours {
	border-top:$border-strong;
	padding-top:12px;
	margin-bottom:12px;

h2 {
	margin-bottom:24px;}

}
}	*/
/* resultater */
/* _route-public-transport.scss */
/* VEIBESKRIVELSE */
/* VEIBESKRIVELSE bil resultat
--------------------------------------------------------------------------------- */
/* sett av plass til peker til kart boks under på mobil */
.mobile .route {
    box-sizing: content-box;
}

.desktop .route[style] {
    height: auto !important;
}

/*.mobile .route {
	height:2000px;}*/
.result-header + .route {
    border-top: 1px dotted #ccc;
}

/* Head
---------------------------------------------------- */
.route-head__summary {
    background: #E1F4FA;
    overflow: hidden;
    padding: 12px 24px;
}

.route-head__links {
    float: right;
}

    .route-head__links li {
        display: inline;
        font-weight: 600;
    }

        .route-head__links li + li {
            margin-left: 18px;
        }

.route-head__distance {
    float: left;
}

.route-head__toll {
    padding: 13px 24px 12px 24px;
    padding: 6px 24px 0 24px;
}

    .route-head__toll .select-style, .route-head__toll label {
        vertical-align: middle;
    }

    .route-head__toll label {
        margin-right: 6px;
    }

    .route-head__toll p {
        margin: 12px 0 0 0;
    }

    .route-head__toll .a {
        display: inline-block;
    }

.mobile .route-head__summary,
.mobile .route-head__toll {
    padding-left: 12px;
    padding-right: 12px;
}

    .mobile .route-head__toll label {
        display: block;
        margin-bottom: 6px;
    }

.mobile .select-style,
.mobile .select-style select {
    width: 100% !important;
}

/* Sammendrag
---------------------------------------------------- 
.route-summary {
	padding:24px;
    border-bottom: $border-dot;
}
	

.mobile .route-summary {
	padding:12px;
}

	
	
.route-summary-list {}

.route-summary-table {
    
    margin-bottom: 12px;
    
    td, th {
        padding: 0 0 6px 0;
        vertical-align: middle;
    }
    th {padding-right: 12px;}
    
    li + li {
        margin-top: 6px;
    }
    
    .select-style {margin-top:3px;}
    
}

.route-summary-links {
	margin-bottom:12px;

li {
	display:inline;
	}
    
    li + li {margin-left:24px;}
    
    a {
	font-weight:600;}

}

*/
.route-info {
    padding: 12px 24px;
}

.mobile .route-info {
    padding: 12px;
}

/* Resultat tabell
------------------------------------------------------*/
.route-table {
    border-radius: 0 0 4px 0;
    overflow: hidden;
}

    .route-table table {
        width: 100%;
    }

    .route-table tr:not(:first-child) {
        border-top: 1px dotted #ccc;
    }

    .route-table tr {
        cursor: pointer;
    }

    .route-table th, .route-table td {
        padding: 14px 18px 14px 0;
        vertical-align: top;
    }

        .route-table th:first-child, .route-table td:first-child {
            padding-left: 10px;
        }

    .route-table [class^="icon-"] {
        font-size: 16px;
    }

.desktop .route-table .active {
    border: none;
}

    .desktop .route-table .active td, .desktop .route-table .active th {
        color: #fff;
        background: #FF5D1E;
        border: none;
    }

        .desktop .route-table .active td:first-child {
            border-radius: 4px 0 0 4px;
        }

        .desktop .route-table .active td:last-child {
            border-radius: 0 4px 4px 0;
        }

    .desktop .route-table .active [class^="icon-"] {
        color: #fff !important;
    }

    .desktop .route-table .active .route-indicator-public-transport [class^="icon-"] {
        border-color: #fff;
    }

.mobile .route-table th:last-child, .mobile .route-table td:last-child {
    padding-right: 12px;
}

.mobile .route-table th:first-child, .mobile .route-table td:first-child {
    padding-left: 12px;
}

.mobile .route-info {
    padding-bottom: 75px;
}

/* Celle klasser */
.route-ref-start [class^="icon-"] {
    color: green;
    font-size: 22px;
}

.route-ref-end [class^="icon-"] {
    color: red;
    font-size: 22px;
}

.route-ref-via [class^="icon-"] {
    color: #9660c5;
    font-size: 22px;
}

/*.route-public-transport-type {}*/
.route-description {
    width: 100%;
}

    .route-description ul {
        margin-top: 12px;
    }

    .route-description li + li {
        margin-top: 4px;
    }

/*  Lenke fra mobil veibeskrivelse liste visning til kartvisning
----------------------------------------------------------*/
.route-view-control {
    background: #efefef;
    padding: 12px;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10000;
}

    .route-view-control p {
        margin: 0;
    }

    .route-view-control a {
        display: block;
        background: #fff;
        border: 1px solid #0077CC;
        padding: 4px 8px;
        text-align: center;
        border-radius: 4px;
    }

.desktop .route-view-control {
    display: none;
}

/* RUTE panel nederst på mobil i preview-panel
----------------------------------------------------------*/
.desktop .preview-panel-route-navigator {
    display: none;
}

.preview-panel-route-navigator-buttons {
    background: #efefef;
    padding: 12px;
}

    .preview-panel-route-navigator-buttons ul {
        display: table;
    }

    .preview-panel-route-navigator-buttons li {
        display: table-cell;
        width: 1%;
        text-align: center;
        color: #0077CC;
    }

        .preview-panel-route-navigator-buttons li:first-child {
            text-align: left;
        }

        .preview-panel-route-navigator-buttons li:last-child {
            text-align: right;
        }

        .preview-panel-route-navigator-buttons li:only-child {
            text-align: left;
        }

    .preview-panel-route-navigator-buttons [class^="icon-"] {
        font-size: 20px;
        color: #0077CC;
        cursor: pointer;
    }

/* Alert omkjøring etc */
.route-alert {
    display: flex;
    align-items: flex-start;
    margin: 12px 0 12px 0;
    line-height: 1.6;
}

    .route-alert strong {
        font-weight: 600;
    }

    .route-alert [class^="icon-"] {
        margin: 4px 10px 0 0;
        font-size: 22px;
        /*font-size: 16px;*/
        color: red;
    }

    .route-alert p {
        flex: 1;
    }

.desktop .route-alert a {
    display: inline-block;
}

/*/*/
/* veibeskrivelse */
/* _signs.scss */
/* SKILT I KJOERERUTE -------------------------------------------------- */
/* Heading over skilt i rute tabell */
.sign_head {
    display: block;
    margin: 6px 0 3px 0;
    font-style: italic;
}

/* Skilt ramme og bakgrunn */
.sign {
    border: 1px solid #333;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    padding: 6px 6px 0 6px;
    line-height: 1.3;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin-bottom: 6px;
    margin-top: 6px;
    width: 135px;
    overflow: hidden;
    position: relative;
    zoom: 1;
}

    /* Bakgrunnsfarge IMG - utskrivbar */
    .sign .sign_bg {
        position: absolute;
        left: 0;
        top: 0;
        z-index: 1;
    }

    /* Plasserer innhold over bakgrunns IMG */
    .sign .sign_wrap_content {
        position: relative;
        z-index: 2;
    }

    /* Oppfoering */
    .sign .signentry {
        margin-bottom: 6px;
        overflow: hidden;
        zoom: 1;
    }

    /* Veinummer */
    .sign .route {
        vertical-align: middle;
        padding: 1px 2px 0 2px;
        float: left;
        margin-right: 6px;
        font-size: 11px;
        color: #000;
        border-color: #000;
        -webkit-text-size-adjust: none;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        border-width: 1px;
        /*width:25px;*/
        overflow: hidden;
        position: relative;
        z-index: 3;
        display: inline-block;
        text-align: center;
    }

        .sign .route span {
            color: #000;
            font-size: 10px;
        }

        /* Veinummer - bakgrunnsfarge IMG - utskrivbar */
        .sign .route img {
            position: absolute;
            left: -400px;
            top: 0;
            z-index: 4;
        }

    /* Veinummer - Europavei */
    .sign .european, .sign .european span {
        color: #fff;
        border-color: #fff;
    }

        .sign .european img {
            left: -300px;
        }

    /* Nr over bakgrunns IMG */
    .sign .route span {
        position: relative;
        z-index: 5;
    }

    /* Avkjoering skilt */
    .sign .branch {
        border-style: solid;
    }

    /* Vei-foerer-til-vei skilt */
    .sign .towards {
        border-style: dashed;
    }

    /* Navn, sted */
    .sign .placename_container {
        overflow: hidden;
        zoom: 1;
        color: #000;
        float: left;
    }

    .sign .placename {
        color: #000;
        font-weight: bold;
        display: block;
        margin-top: 3px;
        margin-top: 1px;
    }

    /* Piktogram */
    .sign .pictogram {
        width: 20px;
        height: 20px;
        overflow: hidden;
        display: inline-block;
        vertical-align: middle;
        float: left;
        margin: 0 6px 0 0;
        position: relative;
    }

        .sign .pictogram img {
            position: relative;
        }

    .sign .airport img {
        top: 0;
    }

    .sign .busStation img {
        top: -20px;
    }

    .sign .ferryconnection img {
        top: -40px;
    }

    .sign .firstaidpost img,
    .sign .hospital img {
        top: -60px;
    }

    .sign .hotelmotel img {
        top: -80px;
    }

    .sign .industrialarea img {
        top: -100px;
    }

    .sign .parking img {
        top: -120px;
    }

    .sign .petrolstation img {
        top: -140px;
    }

    .sign .railwaystation img {
        top: -160px;
    }

    .sign .restarea img {
        top: -180px;
    }

    .sign .restaurant img {
        top: -200px;
    }

    .sign .toilet img {
        top: -220px;
    }

    .sign .information img {
        top: -240px;
    }

    /* disse har ikke piktogrammer */
    .sign .fair img,
    .sign .harbour img {
        display: none;
    }

    .sign .fair, .sign .harbour {
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        border: 1px solid #000;
        width: 18px;
        height: 18px;
        background-color: white;
    }

    /* Piktogram for EXIT */
    /* Exit */
    .sign .exit {
        font-size: 11px;
        font-weight: bold;
        display: inline-block;
        position: relative;
        width: 54px;
        height: 20px;
        overflow: hidden;
    }

        .sign .exit span {
            position: absolute;
            left: 30px;
            top: 3px;
            color: #000;
        }

/* skilt */
.result-item-location {
    padding-top: 16px !important;
}

    .result-item-location > ul > li:not(:last-child) {
        margin-bottom: 20px;
    }

    .result-item-location > ul > li > div > ul {
        margin-top: 15px;
        border-radius: 6px;
        border: 1px solid #ddd;
        padding: 10px;
    }

        .result-item-location > ul > li > div > ul > li:not(:first-child) {
            margin-top: 9px;
            padding-top: 9px;
            border-top: 1px dotted #ccc;
        }

        .result-item-location > ul > li > div > ul > li > ul {
            margin-top: 7px;
        }

            .result-item-location > ul > li > div > ul > li > ul > li:nth-child(2) {
                border-left: 1px solid #999;
                padding-left: 5px;
            }

    .result-item-location h2 {
        font-size: 16px;
        font-weight: 600;
    }

        .result-item-location h2 [class^="icon-"] {
            margin-top: 2px;
        }

    .result-item-location [class^="icon-"] {
        color: #999;
        font-size: 16px;
    }

    .result-item-location h4 {
        font-weight: 600;
    }

.mobile.page-details:not(.show-preview-panel) .result-item-location > ul > li:not(:last-child) {
    margin-bottom: 15px;
}

.result-item-location__featured-more {
    margin-bottom: 0 !important;
}

.desktop .result-item-location {
    padding-bottom: 32px !important;
}

/* Adressevisning  */
/* Sist */
/* _show-hide-move.scss */
/* Skråfoto navigator n-ø-s-v
-------------------------------------------------------------------------------- */
/* Skjul panel */
.birdseye-control.hide-birdseye-control {
    bottom: -142px;
    /* Snu pil */
}

    .birdseye-control.hide-birdseye-control .birdseye-control-hide [class^="icon-"] {
        -moz-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }

/* Hovedpanel
-------------------------------------------------------------------------------- */
.desktop .hide-main-panel {
    left: -400px;
}

    .desktop .hide-main-panel ~ .preview-panel {
        left: -400px;
    }

.hide-main-panel .main-panel-hide [class^="icon-"] {
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    display: inline-block;
}

/* POI velger panel
-------------------------------------------------------------------------------- */
/* Øk bredde på panel */
.show-poi-chooser {
    /*Vis tekst*/
    /* Snu pil */
}

    .show-poi-chooser .poi-chooser {
        width: 210px;
    }

    .show-poi-chooser li span + span {
        display: inline;
    }

    .show-poi-chooser .poi-chooser-expand {
        -moz-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .show-poi-chooser .charging-station-filter {
        display: block;
    }

    .show-poi-chooser .mode-buttons {
        right: 222px;
    }

    .show-poi-chooser .map-control {
        right: 222px;
    }

    .show-poi-chooser .button-update-search {
        right: 222px;
    }

    .show-poi-chooser .birdseye-control {
        right: 302px;
    }

/* Hvis banner */
/*W160*/
.show-sidebar-banner.show-sidebar-banner--160 .poi-chooser {
    width: 244px;
}

.show-sidebar-banner.show-sidebar-banner--160:not(.mobile) .mode-buttons {
    right: 256px;
}

.show-sidebar-banner.show-sidebar-banner--160:not(.mobile) .button-update-search {
    right: 256px;
}

.show-sidebar-banner.show-sidebar-banner--160:not(.mobile) .map-control {
    right: 256px;
}

.show-sidebar-banner.show-sidebar-banner--160:not(.mobile) .birdseye-control {
    right: 196px;
}

/*W180*/
.show-sidebar-banner.show-sidebar-banner--180 .poi-chooser {
    width: 264px;
}

.show-sidebar-banner.show-sidebar-banner--180:not(.mobile) .mode-buttons {
    right: 273px;
}

.show-sidebar-banner.show-sidebar-banner--180:not(.mobile) .button-update-search {
    right: 273px;
}

.show-sidebar-banner.show-sidebar-banner--180:not(.mobile) .map-control {
    right: 276px;
}

.show-sidebar-banner.show-sidebar-banner--180:not(.mobile) .birdseye-control {
    right: 216px;
}

/*W300*/
.show-sidebar-banner.show-sidebar-banner--300 .poi-chooser {
    width: 384px;
}

.show-sidebar-banner.show-sidebar-banner--300:not(.mobile) .mode-buttons {
    right: 396px;
}

.show-sidebar-banner.show-sidebar-banner--300:not(.mobile) .button-update-search {
    right: 396px;
}

.show-sidebar-banner.show-sidebar-banner--300:not(.mobile) .map-control {
    right: 396px;
}

.show-sidebar-banner.show-sidebar-banner--300:not(.mobile) .birdseye-control {
    right: 336px;
}

/* Jiiiz - banner og POI tekst */
/*W160*/
.show-sidebar-banner.show-sidebar-banner--160 .show-poi-chooser .poi-chooser {
    width: 394px;
}

.show-sidebar-banner.show-sidebar-banner--160 .show-poi-chooser .mode-buttons {
    right: 406px;
}

.show-sidebar-banner.show-sidebar-banner--160 .show-poi-chooser .button-update-search {
    right: 406px;
}

.show-sidebar-banner.show-sidebar-banner--160 .show-poi-chooser .map-control {
    right: 406px;
}

.show-sidebar-banner.show-sidebar-banner--160 .show-poi-chooser .birdseye-control {
    right: 346px;
}

/*W180*/
.show-sidebar-banner.show-sidebar-banner--180 .show-poi-chooser .poi-chooser {
    width: 414px;
}

.show-sidebar-banner.show-sidebar-banner--180 .show-poi-chooser .mode-buttons {
    right: 423px;
}

.show-sidebar-banner.show-sidebar-banner--180 .show-poi-chooser .button-update-search {
    right: 423px;
}

.show-sidebar-banner.show-sidebar-banner--180 .show-poi-chooser .map-control {
    right: 423px;
}

.show-sidebar-banner.show-sidebar-banner--180 .show-poi-chooser .birdseye-control {
    right: 366px;
}

/*W300*/
.show-sidebar-banner.show-sidebar-banner--300 .show-poi-chooser .poi-chooser {
    width: 534px;
}

.show-sidebar-banner.show-sidebar-banner--300 .show-poi-chooser .mode-buttons {
    right: 546px;
}

.show-sidebar-banner.show-sidebar-banner--300 .show-poi-chooser .button-update-search {
    right: 546px;
}

.show-sidebar-banner.show-sidebar-banner--300 .show-poi-chooser .map-control {
    right: 546px;
}

.show-sidebar-banner.show-sidebar-banner--300 .show-poi-chooser .birdseye-control {
    right: 486px;
}

/* Skråfoto oversikt panel
-------------------------------------------------------------------------------- */
.show-sidebar-birdseye .sidebar-birdseye {
    right: 0;
}

/* Historiske bilder oversikt panel
-------------------------------------------------------------------------------- */
.show-sidebar-historical .sidebar-historical {
    right: 0;
}

/* Deling panel
-------------------------------------------------------------------------------- */
.show-sidebar-share .sidebar-share {
    right: 0;
}

/* Koordinater panel
-------------------------------------------------------------------------------- */
.show-sidebar-coordinates .sidebar-coordinates {
    right: 0;
}

/* Avstandsmåler panel
-------------------------------------------------------------------------------- */
.show-sidebar-distance .sidebar-distance {
    right: 0;
}

/* User panel
-------------------------------------------------------------------------------- */
.show-sidebar-user .sidebar-user {
    right: 0;
}

/* Felles for paneler untatt poi-chooser - flytt knapper etc i kart ved visning av paneler */
/*
.show-sidebar-birdseye,
.show-sidebar-historical,
.show-sidebar-share,
.show-sidebar-coordinates,
.show-sidebar-distance {

.mode-buttons, 
.map-control {
right:234px;
}

.birdseye-control {
right:302px;
}

.poi-chooser {
	right:-60px;
    }

}
*/
/* MOBIL */
/* Hovedmeny hamburger */
.show-sidebar-menu-mobile .sidebar-menu-mobile {
    right: 0;
}

.show-sidebar-layers-mobile .sidebar-layers-mobile {
    right: 0;
    width: 100%;
}

/* LAYERS meny */
/*toggle-layers-menu-poi-list
toggle-layers-menu-birdseye-list
toggle-layers-menu-history-list*/
.layers-menu-poi-list,
.layers-menu-birdseye-list,
.layers-menu-history-list {
    display: none;
}

.show-layers-menu-poi-list .layers-menu-poi-list,
.show-layers-menu-birdseye-list .layers-menu-birdseye-list,
.show-layers-menu-history-list .layers-menu-history-list {
    display: block;
}

/**/
.mobile .hide-main-panel {
    left: 0;
}

/* Skråfoto ikke vis POI panel */
.page-birdseye .poi-chooser {
    display: none;
}

.page-birdseye .map-container {
    right: 0;
}

.page-birdseye .mode-buttons {
    right: 12px;
}

/* Skjul og vis stuff */
@media (min-width: 375px) {
    .toggle {
        --toggle-width: 60px;
        /* 🔑 change this one value to scale everything */
        --toggle-height: calc(var(--toggle-width) / 2);
        --knob-size: calc(var(--toggle-height) - 6px);
        --padding: 3px;
        display: inline-flex;
        align-items: center;
        gap: 8px;
        cursor: pointer;
    }

        .toggle input {
            display: none;
        }

    .slider {
        position: relative;
        width: var(--toggle-width);
        height: var(--toggle-height);
        background-color: #ccc;
        border-radius: var(--toggle-height);
        transition: 0.3s;
    }

        .slider::before {
            content: "";
            position: absolute;
            width: var(--knob-size);
            height: var(--knob-size);
            left: var(--padding);
            top: var(--padding);
            background: white;
            border-radius: 50%;
            transition: 0.3s;
        }

    input:checked + .slider {
        background-color: #07c;
    }

        input:checked + .slider::before {
            transform: translateX(calc(var(--toggle-width) - var(--knob-size) - (var(--padding) * 2)));
        }

    input:focus + .slider {
        box-shadow: 0 0 2px #07c;
    }
}

/*# sourceMappingURL=style.css.map */

.marker-cluster-small {
	background-color: rgba(181, 226, 140, 0.6);
	}
.marker-cluster-small div {
	background-color: rgba(110, 204, 57, 0.6);
	}

.marker-cluster-medium {
	background-color: rgba(241, 211, 87, 0.6);
	}
.marker-cluster-medium div {
	background-color: rgba(240, 194, 12, 0.6);
	}

.marker-cluster-large {
	background-color: rgba(253, 156, 115, 0.6);
	}
.marker-cluster-large div {
	background-color: rgba(241, 128, 23, 0.6);
	}

	/* IE 6-8 fallback colors */
.leaflet-oldie .marker-cluster-small {
	background-color: rgb(181, 226, 140);
	}
.leaflet-oldie .marker-cluster-small div {
	background-color: rgb(110, 204, 57);
	}

.leaflet-oldie .marker-cluster-medium {
	background-color: rgb(241, 211, 87);
	}
.leaflet-oldie .marker-cluster-medium div {
	background-color: rgb(240, 194, 12);
	}

.leaflet-oldie .marker-cluster-large {
	background-color: rgb(253, 156, 115);
	}
.leaflet-oldie .marker-cluster-large div {
	background-color: rgb(241, 128, 23);
}

.marker-cluster {
	background-clip: padding-box;
	border-radius: 20px;
	}
.marker-cluster div {
	width: 30px;
	height: 30px;
	margin-left: 5px;
	margin-top: 5px;

	text-align: center;
	border-radius: 15px;
	font: 12px "Helvetica Neue", Arial, Helvetica, sans-serif;
	}
.marker-cluster span {
	line-height: 30px;
	}
/* required styles */

.leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane > svg,
.leaflet-pane > canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
	position: absolute;
	left: 0;
	top: 0;
	}
.leaflet-container {
	overflow: hidden;
	}
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
	-webkit-user-select: none;
	   -moz-user-select: none;
	        user-select: none;
	  -webkit-user-drag: none;
	}
/* Safari renders non-retina tile on retina better with this, but Chrome is worse */
.leaflet-safari .leaflet-tile {
	image-rendering: -webkit-optimize-contrast;
	}
/* hack that prevents hw layers "stretching" when loading new tiles */
.leaflet-safari .leaflet-tile-container {
	width: 1600px;
	height: 1600px;
	-webkit-transform-origin: 0 0;
	}
.leaflet-marker-icon,
.leaflet-marker-shadow {
	display: block;
	}
/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */
/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */
.leaflet-container .leaflet-overlay-pane svg,
.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer {
	max-width: none !important;
	}

.leaflet-container.leaflet-touch-zoom {
	-ms-touch-action: pan-x pan-y;
	touch-action: pan-x pan-y;
	}
.leaflet-container.leaflet-touch-drag {
	-ms-touch-action: pinch-zoom;
	}
.leaflet-container.leaflet-touch-drag.leaflet-touch-drag {
	-ms-touch-action: none;
	touch-action: none;
}
.leaflet-tile {
	filter: inherit;
	visibility: hidden;
	}
.leaflet-tile-loaded {
	visibility: inherit;
	}
.leaflet-zoom-box {
	width: 0;
	height: 0;
	-moz-box-sizing: border-box;
	     box-sizing: border-box;
	z-index: 800;
	}
/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
.leaflet-overlay-pane svg {
	-moz-user-select: none;
	}

.leaflet-pane         { z-index: 400; }

.leaflet-tile-pane    { z-index: 200; }
.leaflet-overlay-pane { z-index: 400; }
.leaflet-shadow-pane  { z-index: 500; }
.leaflet-marker-pane  { z-index: 600; }
.leaflet-tooltip-pane   { z-index: 650; }
.leaflet-popup-pane   { z-index: 700; }

.leaflet-map-pane canvas { z-index: 100; }
.leaflet-map-pane svg    { z-index: 200; }

.leaflet-vml-shape {
	width: 1px;
	height: 1px;
	}
.lvml {
	behavior: url(#default#VML);
	display: inline-block;
	position: absolute;
	}


/* control positioning */

.leaflet-control {
	position: relative;
	z-index: 800;
	pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
	pointer-events: auto;
	}
.leaflet-top,
.leaflet-bottom {
	position: absolute;
	z-index: 1000;
	pointer-events: none;
	}
.leaflet-top {
	top: 0;
	}
.leaflet-right {
	right: 0;
	}
.leaflet-bottom {
	bottom: 0;
	}
.leaflet-left {
	left: 0;
	}
.leaflet-control {
	float: left;
	clear: both;
	}
.leaflet-right .leaflet-control {
	float: right;
	}
.leaflet-top .leaflet-control {
	margin-top: 10px;
	}
.leaflet-bottom .leaflet-control {
	margin-bottom: 10px;
	}
.leaflet-left .leaflet-control {
	margin-left: 10px;
	}
.leaflet-right .leaflet-control {
	margin-right: 10px;
	}


/* zoom and fade animations */

.leaflet-fade-anim .leaflet-tile {
	will-change: opacity;
	}
.leaflet-fade-anim .leaflet-popup {
	opacity: 0;
	-webkit-transition: opacity 0.2s linear;
	   -moz-transition: opacity 0.2s linear;
	     -o-transition: opacity 0.2s linear;
	        transition: opacity 0.2s linear;
	}
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
	opacity: 1;
	}
.leaflet-zoom-animated {
	-webkit-transform-origin: 0 0;
	    -ms-transform-origin: 0 0;
	        transform-origin: 0 0;
	}
.leaflet-zoom-anim .leaflet-zoom-animated {
	will-change: transform;
	}
.leaflet-zoom-anim .leaflet-zoom-animated {
	-webkit-transition: -webkit-transform 0.25s cubic-bezier(0,0,0.25,1);
	   -moz-transition:    -moz-transform 0.25s cubic-bezier(0,0,0.25,1);
	     -o-transition:      -o-transform 0.25s cubic-bezier(0,0,0.25,1);
	        transition:         transform 0.25s cubic-bezier(0,0,0.25,1);
	}
.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile {
	-webkit-transition: none;
	   -moz-transition: none;
	     -o-transition: none;
	        transition: none;
	}

.leaflet-zoom-anim .leaflet-zoom-hide {
	visibility: hidden;
	}


/* cursors */

.leaflet-interactive {
	cursor: pointer;
	}
.leaflet-grab {
	cursor: -webkit-grab;
	cursor:    -moz-grab;
	}
.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
	cursor: crosshair;
	}
.leaflet-popup-pane,
.leaflet-control {
	cursor: auto;
	}
.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
	cursor: move;
	cursor: -webkit-grabbing;
	cursor:    -moz-grabbing;
	}

/* marker & overlays interactivity */
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-image-layer,
.leaflet-pane > svg path,
.leaflet-tile-container {
	pointer-events: none;
	}

.leaflet-marker-icon.leaflet-interactive,
.leaflet-image-layer.leaflet-interactive,
.leaflet-pane > svg path.leaflet-interactive {
	pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
	pointer-events: auto;
	}

/* visual tweaks */

.leaflet-container {
	background: #ddd;
	outline: 0;
	}
.leaflet-container a {
	color: #0078A8;
	}
.leaflet-container a.leaflet-active {
	outline: 2px solid orange;
	}
.leaflet-zoom-box {
	border: 2px dotted #38f;
	background: rgba(255,255,255,0.5);
	}


/* general typography */
.leaflet-container {
	font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;
	}


/* general toolbar styles */

.leaflet-bar {
	box-shadow: 0 1px 5px rgba(0,0,0,0.65);
	border-radius: 4px;
	}
.leaflet-bar a,
.leaflet-bar a:hover {
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	width: 26px;
	height: 26px;
	line-height: 26px;
	display: block;
	text-align: center;
	text-decoration: none;
	color: black;
	}
.leaflet-bar a,
.leaflet-control-layers-toggle {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	display: block;
	}
.leaflet-bar a:hover {
	background-color: #f4f4f4;
	}
.leaflet-bar a:first-child {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	}
.leaflet-bar a:last-child {
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom: none;
	}
.leaflet-bar a.leaflet-disabled {
	cursor: default;
	background-color: #f4f4f4;
	color: #bbb;
	}

.leaflet-touch .leaflet-bar a {
	width: 30px;
	height: 30px;
	line-height: 30px;
	}


/* zoom control */

.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
	font: bold 18px 'Lucida Console', Monaco, monospace;
	text-indent: 1px;
	}
.leaflet-control-zoom-out {
	font-size: 20px;
	}

.leaflet-touch .leaflet-control-zoom-in {
	font-size: 22px;
	}
.leaflet-touch .leaflet-control-zoom-out {
	font-size: 24px;
	}


/* layers control */

.leaflet-control-layers {
	box-shadow: 0 1px 5px rgba(0,0,0,0.4);
	background: #fff;
	border-radius: 5px;
	}
.leaflet-control-layers-toggle {
	background-image: url(images/layers.png);
	width: 36px;
	height: 36px;
	}
.leaflet-retina .leaflet-control-layers-toggle {
	background-image: url(images/layers-2x.png);
	background-size: 26px 26px;
	}
.leaflet-touch .leaflet-control-layers-toggle {
	width: 44px;
	height: 44px;
	}
.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
	display: none;
	}
.leaflet-control-layers-expanded .leaflet-control-layers-list {
	display: block;
	position: relative;
	}
.leaflet-control-layers-expanded {
	padding: 6px 10px 6px 6px;
	color: #333;
	background: #fff;
	}
.leaflet-control-layers-scrollbar {
	overflow-y: scroll;
	padding-right: 5px;
	}
.leaflet-control-layers-selector {
	margin-top: 2px;
	position: relative;
	top: 1px;
	}
.leaflet-control-layers label {
	display: block;
	}
.leaflet-control-layers-separator {
	height: 0;
	border-top: 1px solid #ddd;
	margin: 5px -10px 5px -6px;
	}

/* Default icon URLs */
.leaflet-default-icon-path {
	background-image: url(/content/images/marker-icon.png);
	}


/* attribution and scale controls */

.leaflet-container .leaflet-control-attribution {
	background: #fff;
	background: rgba(255, 255, 255, 0.7);
	margin: 0;
	}
.leaflet-control-attribution,
.leaflet-control-scale-line {
	padding: 0 5px;
	color: #333;
	}
.leaflet-control-attribution a {
	text-decoration: none;
	}
.leaflet-control-attribution a:hover {
	text-decoration: underline;
	}
.leaflet-container .leaflet-control-attribution,
.leaflet-container .leaflet-control-scale {
	font-size: 11px;
	}
.leaflet-left .leaflet-control-scale {
	margin-left: 5px;
	}
.leaflet-bottom .leaflet-control-scale {
	margin-bottom: 5px;
	}
.leaflet-control-scale-line {
	border: 2px solid #777;
	border-top: none;
	line-height: 1.1;
	padding: 2px 5px 1px;
	font-size: 11px;
	white-space: nowrap;
	overflow: hidden;
	-moz-box-sizing: border-box;
	     box-sizing: border-box;

	background: #fff;
	background: rgba(255, 255, 255, 0.5);
	}
.leaflet-control-scale-line:not(:first-child) {
	border-top: 2px solid #777;
	border-bottom: none;
	margin-top: -2px;
	}
.leaflet-control-scale-line:not(:first-child):not(:last-child) {
	border-bottom: 2px solid #777;
	}

.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	box-shadow: none;
	}
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	border: 2px solid rgba(0,0,0,0.2);
	background-clip: padding-box;
	}


/* popup */

.leaflet-popup {
	position: absolute;
	text-align: center;
	margin-bottom: 20px;
	}
.leaflet-popup-content-wrapper {
	padding: 1px;
	text-align: left;
	border-radius: 12px;
	}
.leaflet-popup-content {
	margin: 13px 19px;
	line-height: 1.4;
	}
.leaflet-popup-content p {
	margin: 18px 0;
	}
.leaflet-popup-tip-container {
	width: 40px;
	height: 20px;
	position: absolute;
	left: 50%;
	margin-left: -20px;
	overflow: hidden;
	pointer-events: none;
	}
.leaflet-popup-tip {
	width: 17px;
	height: 17px;
	padding: 1px;

	margin: -10px auto 0;

	-webkit-transform: rotate(45deg);
	   -moz-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	     -o-transform: rotate(45deg);
	        transform: rotate(45deg);
	}
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
	background: white;
	color: #333;
	box-shadow: 0 3px 14px rgba(0,0,0,0.4);
	}
.leaflet-container a.leaflet-popup-close-button {
	position: absolute;
	top: 0;
	right: 0;
	padding: 4px 4px 0 0;
	border: none;
	text-align: center;
	width: 18px;
	height: 14px;
	font: 16px/14px Tahoma, Verdana, sans-serif;
	color: #c3c3c3;
	text-decoration: none;
	font-weight: bold;
	background: transparent;
	}
.leaflet-container a.leaflet-popup-close-button:hover {
	color: #999;
	}
.leaflet-popup-scrolled {
	overflow: auto;
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
	}

.leaflet-oldie .leaflet-popup-content-wrapper {
	zoom: 1;
	}
.leaflet-oldie .leaflet-popup-tip {
	width: 24px;
	margin: 0 auto;

	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
	filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
	}
.leaflet-oldie .leaflet-popup-tip-container {
	margin-top: -1px;
	}

.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
	border: 1px solid #999;
	}


/* div icon */

.leaflet-div-icon {
	background: #fff;
	border: 1px solid #666;
	}


/* Tooltip */
/* Base styles for the element that has a tooltip */
.leaflet-tooltip {
	position: absolute;
	padding: 6px;
	background-color: #fff;
	border: 1px solid #fff;
	border-radius: 3px;
	color: #222;
	white-space: nowrap;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	pointer-events: none;
	box-shadow: 0 1px 3px rgba(0,0,0,0.4);
	}
.leaflet-tooltip.leaflet-clickable {
	cursor: pointer;
	pointer-events: auto;
	}
.leaflet-tooltip-top:before,
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
	position: absolute;
	pointer-events: none;
	border: 6px solid transparent;
	background: transparent;
	content: "";
	}

/* Directions */

.leaflet-tooltip-bottom {
	margin-top: 6px;
}
.leaflet-tooltip-top {
	margin-top: -6px;
}
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
	left: 50%;
	margin-left: -6px;
	}
.leaflet-tooltip-top:before {
	bottom: 0;
	margin-bottom: -12px;
	border-top-color: #fff;
	}
.leaflet-tooltip-bottom:before {
	top: 0;
	margin-top: -12px;
	margin-left: -6px;
	border-bottom-color: #fff;
	}
.leaflet-tooltip-left {
	margin-left: -6px;
}
.leaflet-tooltip-right {
	margin-left: 6px;
}
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
	top: 50%;
	margin-top: -6px;
	}
.leaflet-tooltip-left:before {
	right: 0;
	margin-right: -12px;
	border-left-color: #fff;
	}
.leaflet-tooltip-right:before {
	left: 0;
	margin-left: -12px;
	border-right-color: #fff;
	}


@-webkit-keyframes pulsate {
    0% {
        -webkit-transform: scale(0.1, 0.1);
        opacity: 0.0;
    }

    50% {
        opacity: 1.0;
    }

    100% {
        -webkit-transform: scale(1.2, 1.2);
        opacity: 0.0;
    }
}

@keyframes pulsate {
    0% {
        transform: scale(0.1, 0.1);
        opacity: 0.0;
    }

    50% {
        opacity: 1.0;
    }

    100% {
        transform: scale(1.2, 1.2);
        opacity: 0.0;
    }
}

.gps_ring {
    border: 4px solid #1e90ff;
    border-radius: 30px;
    height: 30px;
    width: 30px;
    position: absolute;
    -webkit-animation: pulsate 0.5s ease-out;
    -webkit-animation-iteration-count: infinite;
    animation: pulsate 0.5s ease-out;
    animation-iteration-count: infinite;
    opacity: 0.0;
}

#birdseye_wrapper,
.load-spinner,
#public_tansport_inputs,
.public-transport #route_inputs,
.public-transport #route_result,
.public-transport #public_transport_details,
#public_transport_container {
    display: none;
}

.page-front #promo,
.page-directions .form-directions,
.loading .load-spinner,
.public-transport #public_tansport_inputs,
.public-transport-details #public_transport_details,
.public-transport #public_transport_container {
    display: block;
}

.birdseye #map_wrapper,
.birdseye .poi-chooser {
    display: none;
}

.birdseye #birdseye_wrapper {
    display: block;
}

.page-directions .input-group-route-select,
.page-directions #btn_create_toll_route,
.page-directions #toll_result,
.page-details #promo,
.page-directions #toll_promo,
.page-directions #front_promo,
.page-directions .preview-panel,
.page-directions .form-search,
.page-directions #search_result,
.desktop .page-directions .siteheader-top-mobile,
.page-directions .siteheader-search-top-mobile,
.page-directions #transport_toll_mobile {
    display: none;
}
.page-toll .poi-chooser-expand,
.page-toll #poi_list,
.page-toll #btn_create_route,
.page-toll #route_result,
.page-toll #route_promo,
.page-toll #front_promo,
.page-toll .preview-panel,
.page-toll .form-search,
.page-toll #search_result,
.desktop .page-toll .siteheader-top-mobile,
.page-toll .siteheader-search-top-mobile,
.page-toll #transport_car_mobile {
    display: none;
}

body:has(#route_result:not(:empty)) #route_promo {
    display: none;
}
body:has(#toll_result:not(:empty)) #toll_promo {
    display: none;
}

body:has(#toll_result:not(:empty)) .panel-ad-section {
    display: none;
}

body:has(#search_result:not(:empty)) #promo {
    display: none;
}

.page-toll #toll_result,
.page-toll #btn_create_toll_route {
    display: block;
}


.mobile .route-preview .form-directions,
.mobile .form-directions .map-control {
    display: none;
}

.mobile .route-preview .siteheader-top-mobile,
.mobile .route-preview .map-control
/*.mobile .route-preview .preview-panel-route-navigator*/ {
    display: block;
}

.mobile .route-preview.public-transport #public_transport_navigator {
    display: block;
}

.mobile .route-preview #directions_navigator {
    display: block;
}

.mobile .route-preview.public-transport #directions_navigator {
    display: none;
}

.page-search .form-search {
    display: block;
}

#poi_details {
    display: none;
}

.poi-details #poi_details {
    display: block;
}

.poi-details #directions_scroll,
.poi-details #search_result,
.poi-details #details_panel,
.poi-details #promo  {
    display: none;
}

.page-search .preview-panel,
.page-search .form-directions,
.desktop .page-search .siteheader-search-top-mobile,
.mobile .page-search .siteheader-search-desktop {
    display: none;
}

.page-details .preview-panel {
    display: block;
}

.page-details .form-directions,
.desktop .page-details #search_result,
.page-details .preview-panel-route-navigator {
    display: none;
}

.ui-autocomplete {
    position: absolute;
}

.ui-front {
    z-index: 100;
}

.ui-state-focus {
    color: #fff;
    background: #FE6A26;
    border-top: 1px solid #FE6A26;
}

.input-autocomplete-options li:hover [class^="icon-"] {
    color: #fff;
}

.map-preview-image {
    z-index: 2;
}

.birdseye .map-container {
    right: 0;
}

.birdseye .map-control {
    right: 24px;
}

.mobile .birdseye-control-indicator,
.mobile .birdseye-control-preview {
    display: none;
}

.show-modal--toll-info {
  overflow: hidden; }

/* line 11, _modal.scss */
.show-modal--toll-info .modal--toll-info {
  display: block; }

.desktop input[value="s"]:checked ~ .birdseye-control-indicator img{
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg); }
  /* line 110, _birdseye-control.scss */
  .desktop input[value="w"]:checked ~ .birdseye-control-indicator img {
    -moz-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg); }
  /* line 118, _birdseye-control.scss */
  .desktop input[value="n"]:checked ~ .birdseye-control-indicator img {
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); }
  /* line 126, _birdseye-control.scss */
  .desktop input[value="e"]:checked ~ .birdseye-control-indicator img {
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg); }

#birdseye_wrapper .leaflet-control-attribution,
.olControlNoSelect {
    display: none !important;
}
#newWaterMarkBirdseye {
    padding: 0 5px;
    color: #333;
    float: left;
    clear: both;
    background: #fff;
    background: rgba(255, 255, 255, .7);
    margin: 0;
    position: absolute;
    bottom: 0;
    z-index: 9;
    left: 50%;
    margin-left: -200px;
    font-size: 11px;
    font-family: arial, sans-serif;
    opacity: .8;
}
.toll-info-table tr {
    cursor: pointer;
}
