.cpc-container input::-ms-clear,
.cpc-text-dialogue-input::-ms-clear {
    display: none;
}

input[type=search] {
     -webkit-appearance: none;

} 



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

#map {
    height: 100%;
    position: absolute;
}

.leaflet-tile {
    -webkit-transform:translate3d(0,0,0);/* Trick to remove lines between tiles in chrome  */
}

/* only for ul and li inside cpc */
.cpc-container ul,
.cpc-container ol {
    list-style: none;
    margin: 0;
    padding: 0;
}

.cpc-container li {
    margin-left: 0;
}



.fill {
    width: 100%;
    height: 100%;
}
.cpc-logo-img {
    height: 30px;
    width: 145px;
    margin: 0;
    padding: 0;
    position: absolute;
    cursor: pointer;
    border: none;
}


/* fill-right not in use anymore?*/
.fill-right {
    background-color: #f8f8f9;
    box-shadow: 0 1px 7px rgba(0, 0, 0, 0.4);
    border-radius: 5px;
    margin: 5px;
    opacity: 0.9;
    max-width: 300px;
    width: 100%;
    left: -2px;
    bottom: 10px;
    position: absolute;
    max-height: 350px;
    overflow: hidden;
    z-index: 9;
}

.full-screen {
    margin: 0px;
    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
    position: absolute !important;
    overflow-y: auto;
}

.leaflet-bottom, .leaflet-top {
    z-index: 8 !important;
}

.cpc-control,
.kommunekart-control,
.kommunekart-control-nonjquery
 {
    box-shadow: 0px 1px 2px 1px rgba(0,0,0,0.2);
    background: white;
    -webkit-border-radius:0px;
    border-radius:0px;
    float: left;
    /*color: #f8f8f9;*/
    margin-left: 8px;
    margin-top:8px;
    min-width: 40px;
    z-index: 1002;
    min-height: 40px;
    opacity: 1;
    padding: 0 !important;
    position: relative;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: #2e2d30;
    vertical-align: middle;
}

    .kommunekart-control form {
        float: left;
    }

.kommunekart-control-text {
    color: #2e2d30;
    font-weight: bold;
    border: 1px solid orange;
}

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

.cpc-invisible {
    visibility: hidden;
}

/* Felt for å vise kommunenavn og søke etter kommune*/
.cpc-solution-menu {
    /*background-color: #f8f8f9;*/
    background-position: center center;
    background-repeat: no-repeat;
    background-size: auto 30px;
    border: 0 none;
    color: white;
    /*opacity: 0.9;*/
    font-weight: bold;
    max-width: 250px;
    float: left;
    z-index: 150;
}

.pull-right {
    float: right;
}

.pull-left {
    float: left;
}

/* Nedoverpil/knapp for å få opp kodeheis for tilgjengelige kommuner*/
.cpc-solution-menu-select-logo,
.cpc-solution-menu-select-button,
.cpc-solution-menu-select-caret {
    border-radius: 0;
    background-color: white;
    background-position: 8px 8px;
    background-repeat: no-repeat;
    background-size: 24px 24px;
    border: 0 none;
    color: #2e2d30;
    height: 40px !important;
    /*width: 40px !important;*/
    /*opacity: 0.9;*/
    font-weight: bold;
    /*cursor: pointer;*/
    margin: 0px;
    vertical-align: middle;
    padding:0;
}

.cpc-solution-menu-select-button {
    max-width:170px;
    box-sizing: border-box;
}

.kommunekart-control-note-button {
    border-radius: 5px;
    background-color: #f8f8f9;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: auto 30px;
    border: 0 none;
    color: #2e2d30;
    height: 36px !important;
    opacity: 0.9;
    font-weight: bold;
    cursor: pointer;
    margin: 0px;
    vertical-align: middle;
}

.cpc-solution-menu-select-logo {
    width: 36px;
    background-size: auto 30px;
    background-position:5px;
}
.cpc-solution-menu-list-container{
    font-weight: bold;
    color: #2e2d30;
    margin: 0;
    padding: 0;
    overflow-y: auto;
    padding-bottom: 1px; /* to avoid scroller when layerselect option is true */
    border: 1px solid rgba(0,0,0,0.1);
}

.cpc-solution-menu-list-container li.cpc-solution-menu-select-list-item {
    padding-left:0;
}

.cpc-solution-menu-list-container .cpc-solution-menu-select-list-item:first-child .cpc-solution-menu-select-list-button{
    border-top:0px;
}

#cpc-solution-menu-list-container,
.cpc-solution-menu-list-container.cpc-layer-list  li{
    padding-left:0px;
    padding-top:0px;
    
}

    .cpc-solution-menu-list-container.cpc-layer-list li:first-child ul li div {
        border-top: 0px;
    }


.cpc-layer-list-div {
    box-sizing:border-box;
    padding-left:14px;
    background-color:#fbfbfb;
    /*padding-top:14px;*/
    /*padding-bottom:14px;*/
    min-height:48px;
    line-height:18px;
    border-top:1px solid rgba(0,0,0,0.075);
}

.cpc-solution-layer-list-item.extra {
    box-sizing: border-box;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    /*height:48px;*/
    border-top: 1px solid rgba(0,0,0,0.075);
}


.cpc-solution-menu-list-container.cpc-layer-list li li:hover{
    background-color:#f6f6f6;
}

.cpc-solution-menu-list-container.cpc-layer-list li li button{
    background-color:transparent;
}



.cpc-solution-menu-select-list-item {
    background-color: white;
    /*margin: 1px !important;*/
}

/*.kommunekart-popup-list-header*/.error {
    color: rgb(209, 93, 79);
}

/* liste over alle tilgjengelige kommuner*/
.cpc-solution-menu-select-list-button {
    background-color: white;
    background-position: 8px center;
    background-repeat: no-repeat;
    background-size: auto 30px;
    /*margin-left:5px;*/
    border: none;
    color: #2e2d30;
    font-weight: bold;
    width: 100%;
    opacity: 0.9;
    padding-left: 50px;
    text-align: left;
    height: 48px;
    cursor: pointer;
    border-top:1px solid rgba(0,0,0,0.1);
}

.cpc-solution-menu-select-list-button:hover{
    background-color:#f6f6f6;
}

.cpc-solution-menu-select-list-button-text {
    line-height: 40px;
    overflow:hidden; 
    white-space:nowrap; 
    text-overflow: ellipsis; 
    display:inline-block; 
    max-width: calc(100% - 40px);
}

.cpc-solution-menu-select-text {
    width: 160px;
}

.cpc-solution-layer-list,
.kommunekart-municipality-select-layer-select-layer-list {
    padding: 0;
    /*margin: 5px;*/
}

.cpc-solution-layer-list-item,
.kommunekart-municipality-select-layer-select-layer-list-item {
    width: 100%;
    /*height: 36px;*/ /* Bruke 2em eller 3em i stedet? */
    background-color: white;
}

.cpc-gfi-popup-list-item {
    width: 100%;
    height: 36px; /* Bruke 2em eller 3em i stedet? */
    background-color: white;
}

.cpc-layer-select-back-button, 
.cpc-solution-menu-layer-select-back-button, 
.kommunekart-search-results-backbutton {
    border: none;
    background-color: white;
    width: 100%;
    color: #2e2d30;
    font-weight: bold;
    cursor: pointer;
    line-height: 48px;
    height:48px;
    margin:0;
    padding:0;
    border-top:1px solid rgba(0,0,0,0.075);
    text-align:left;
}

.kommunekart-search-results-backbutton:hover{
    background-color: #f6f6f6;
}


.kommunekart-search-results-backbutton {
    background-position:12px 12px;
    background-image: url('../Images/ikoner/nk_026-venstrepil-B-48px.png');
    background-size:24px;
    background-repeat:no-repeat;
    padding-left: 48px;
    border: none;
    
}

.cpc-layer-button {
    display:flex;
    background-color: white;
    border: none;
    text-align: left;
    align-self: center;
    justify-content:flex-start;
    /*line-height:47px;*/
    font-weight: normal;
    background-repeat: no-repeat;
    background-size: 24px;
    background-position: right center;
    /*height: 100%;*/
    align-items: center;
    color: #2E2D30;
    width:100%;
    /*width: calc(100% - 6px);*/
    cursor: pointer;
    padding-left: 20px;
    padding-right:8px;
    padding-top:0px;
    

    


    /*background-image: url('/Images/ikoner/nk_094-ikke-synlig-B-48px.png');*/
}

.cpc-layer-button span {
    
    margin-bottom:10px;
    margin-top:10px;
    flex-grow:1;
    
}

.cpc-layer-button div {
    position:relative;
    background-position: center right;

    top:0;
    flex-shrink:0;
    width:24px;
    height:24px;
    background-size:20px;
    background-repeat: no-repeat;
    background-image: url('/Images/ikoner/nk_094-ikke-synlig-B-48px.png');
    image-rendering: crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    -ms-interpolation-mode: nearest-neighbor;
    opacity:0.65;
    min-height:47px;
}

.cpc-layer-button.cpc-disabled div {
    opacity:0.2;
}

.cpc-layer-button div.active {
    background-image: url('/Images/ikoner/nk_093-synlig-B-48px.png');
}

.cpc-layer-button:hover{
    background-color:#f6f6f6;
}

.kommunekart-municipality-select-layer-select-baselayer-button {
    text-align: center;
    width: 33.3%;
    height: 48px;
    border: none;
    margin-right: 0px;
    margin-bottom: 0px;

    position: relative;
}

.kommunekart-municipality-layer-group-expand-toggle{
    margin-top:-8px;
}

.cpc-municipality-group-header{
    margin-top:14px;
    margin-bottom:14px;
    max-width: calc(100% - 75px);
    margin-right:0px;
    float:left;
    text-overflow:ellipsis;
    overflow:hidden;
    white-space: nowrap;
}

.cpc-municipality-layer-group-toggle{
    float:right;
    height: 30px;
    margin-left: 5px;
}
.cpc-bglayer-buttonlist{
    border-top:1px solid rgba(0,0,0,0.075);
    padding:0px;
    margin:0px;
}

.kommunekart-municipality-select-layer-select-layer-list-item .cpc-password-container {
    padding:0;   
}

.cpc-password-container {
    margin:0 5px;
    margin-top: 4px;
}



.cpc-password-button.move-right{
    box-sizing:border-box;
    height:40px;
    width:40px;
    margin-top:4px;
    border-radius:0px;
}



.cpc-solution-menu-list-container.cpc-layer-list .cpc-password-input-container{
    padding:0;
    height:auto;
    
}

.kommunekart-municipality-select-protected-feature-input, .cpc-password-field {
    /*position: relative;*/ /* Get all 4 sides highlighted. */
    box-shadow: rgba(0, 0, 0, 0.0745098) 0px 1px 1px 0px inset;
    /* height: 20px;
    width: 80%;*/
    width: 95%;
    border: 1px solid rgb(204, 204, 204);
    border-radius: 0;
    font-size: 1em;
    margin: 0px;
    box-sizing: border-box;
    padding-left: 0.5em;
    margin-top:1em;
    height:40px;
    margin-bottom:12px;
    /*padding: 4px;*/
}

.cpc-order-panel-input-field {
    border: 1px solid rgb(204, 204, 204);
}

.cpc-password-button {
    cursor: pointer;
    display: inline-block;
    /*height: 20px;
    width: 16px;*/
    background: rgb(238, 238, 238);
    border: 1px solid rgb(204, 204, 204);
    /*border-radius: 0 4px 4px 0;*/
    font-size: 15px;
    margin: 0px;
    padding: 0.33em;
    box-sizing: border-box;
    height:40px;
    width:95%;
    margin-bottom:1em;
}
.kommunekart-municipality-select-protected-layer-feature:hover {
    background: rgb(244, 244, 244);
}

.kommunekart-municipality-layer-groups-header{
    color: black;
    font-weight:bold;
    cursor:pointer;
    white-space:nowrap;
}

.cpc-small-header{
    font-size:12px;
}

#kommunekart-municipality-protected-feature-list-element{
    border-bottom:1px solid rgba(0,0,0,0.075);
}

.kommunekart-print-button, 
.cpc-error-button {
    border: none;
    height: 36px !important;
    width: 37px !important;
    position: relative;
    float: right;
    background: none;
    cursor: pointer;
    vertical-align: middle;
}

.cpc-button{
    background-repeat: no-repeat;
    background-position:8px 8px;
    background-size:24px;
    border: none;
    height: 40px !important;
    width: 40px !important;
    position: relative;
    float: right;
    cursor: pointer;
    vertical-align: middle;
    background-color:white;
}

.cpc-location-button{
    background-position:8px 8px;
    background-image: url('../Images/ikoner/nk_002-lokasjon-B-48px.png');
    background-size:24px;
}

.cpc-zoom-in-button{
    background-position:8px 8px;
    background-image: url('../Images/ikoner/nk_008-pluss-B-48px.png');
    background-size:24px;

}
.cpc-zoom-out-button{
    background-position:8px 8px;
    background-image: url('../Images/ikoner/nk_009-minus-B-48px.png');
    background-size:24px;
}


.cpc-error-container {
    margin: 0;
    padding: 0;
    max-height: 300px;
    overflow-y: auto;
    overflow-x:hidden;
}


.cpc-error-btn {
    border: none;
    min-height: 40px;
    font-weight: bold;
    cursor: pointer;
    background-color: white;
    width: 100% !important;
    color: #2E2D30;

    display: flex;
    padding: 0 !important;
    padding-left: 5px !important;
    align-items: center;
    font-size: 13.3333px;
    line-height:40px;
}



.cpc-error-btn-large {
    text-align: left;
    width: 181px;
    background-color: transparent;
}


/* ================================ */
/*               GFI                */
/* ================================ */

.leaflet-popup-content {
    padding: 0px;
    margin: 5px !important; /* overrides webatlas.css */
}
/*.leaflet-mouse-marker.leaflet-marker-icon.leaflet-clickable {*/
.cpc-crosshair, .cpc-crosshair.leaflet-marker-icon{
    cursor:crosshair;
}

.kommunekart-gfi-container {
    color: white;
    font-weight: bold;
    font-size: 14px;
}

.kommunekart-gfi-list {
    padding: 0px;
    margin: 0px;
    width: auto;
}
.kommunekart-gfi-list-2 {
    list-style: none outside none;
    padding: 0px 0px 0px 5px;
    margin: 0px;
    overflow-y:auto;
    overflow-x:hidden;
    max-height:600px; /*Fallback*/
    max-height:65vh; /* percent of screen height*/
    width: auto;
}

.kommunekart-gfi-tip {
    background: none repeat scroll 0% 0% rgb(161, 196, 56) !important;
}

.kommunekart-gfi-list-header {
    background-color: #f8f8f9;
    width: 100%;
    margin: 0px;
}

.kommunekart-gfi-list-container {
    margin: 0px;
    padding: 0px;
}

.kommunekart-gfi-group-list {
    background-color: white;
    padding: 1px 3px;
}

.kommunekart-gfi-spinner {
    text-align: center;
    padding: 30px;
}

.cpc-owners-header,
.kommunekart-gfi-titleholder-list-button {
    width: 100%;
    height: 2em;
    border: none;
    cursor: pointer;
    background: transparent;  
    text-align: left;
    padding: 1px;
}

.cpc-owners-header {
    font-weight: bold;
    font-size:16px;
}

.cpc-owners-header span {
    margin-left:8px;
}

.kommunekart-gfi-titleholder-list-button {
    padding: 4px 0;
    height: auto;
    text-align: left;
    border-bottom: 1px solid black;
}
.kommunekart-gfi-eierskap-list-button {
    padding: 8px 0 6px 0;
    height: auto;
    width: 100%;
    text-align: left;
    border: none;
    background: transparent;
    cursor: pointer;
    margin-bottom: 2px;
    color: #5078b2;
    font-weight: bold;
}

.kommunekart-gfi-titleholder-property-list .kommunekart-popup-list-link {
    font-weight: normal !important;
}

.kommunekart-gfi-group-list-sub-list {
    padding: 0px;
    background-color: white;
    color: #2e2d30;
    margin-left: 10px !important;
}

.kommunekart-gfi-list .kommunekart-gfi-list-container .kommunekart-gfi-group-list-feature {
    margin: 0px;
    font-size: 0.96em;
}

.kommunekart-gfi-group-list-feature-value {
    font-weight: normal;
}

.kommunekart-gfi-popup {
    min-width: 150px;
    max-width: 250px;
    box-shadow: 0 1px 7px rgba(0,0,0,0.4);
    background: #f8f8f9;
    -webkit-border-radius: 5px !important;
    border-radius: 5px !important;
    opacity: 1;
    font-weight: bold;
}

.kommunekart-gfi-popup-2 {
    
    min-width: 240px;
    box-shadow: 0 1px 7px rgba(0,0,0,0.4);
    background: #f8f8f9;
    -webkit-border-radius: 5px !important;
    border-radius: 5px !important;

    font-weight: bold;
}



.kommunekart-gfi-list-header-button {
    border: none;
    background-color: white;
    height: 36px;
    width: 100%;
    color: #2e2d30;
    font-weight: bold;
    cursor: pointer;
}

.kommunekart-gfi-list-header-button.gfi-back:hover{
    background-color:#f6f6f6;
}


.cpc-gfi-category-button{
    background-color: white;
    border: none;
    text-align: left;
    font-weight: bold;
    line-height:40px;
    color: #2E2D30;
    width: 100%;
    cursor: pointer;
}

.cpc-gfi-category-button:hover {
    background-color: #f2f2f2;
}

.kommunekart-gfi-menu-icon {
    padding: 2px;
    text-align: center !important;
}

.kommunekart-popup-list {
    display: table;
    padding: 0px;
    margin: 0px;
    font-weight: normal;
    color: #2e2d30;
    font-size: 12px; 
}


.kommunekart-popup-list .kommunekart-popup-textbutton{
  color: #5078b2;
}

.cpc-box {
    box-shadow:0px 1px 2px 1px rgba(0,0,0,0.2);
}

.cpc-share-popup 
{
    background-color:white;
    position: fixed;
    left: 8px;
    box-shadow:0px 1px 2px 1px rgba(0,0,0,0.2);
    padding: 8px;
    padding-bottom:0;
}

.cpc-share-container .cpc-share-popup {
    position: relative;
    box-shadow:none;
    width:100%;
    padding:0;
    margin:0;
    left: 0;
}


.cpc-share-icon {
    padding-left: 7px;
    padding-bottom: 36px;
    width: 36px;
    background-repeat: no-repeat;
    background-size: 36px;
    display: inline-block;
    
}

.cpc-share-facebook {
    background-image: url('../Images/FB_72.png');
}

.cpc-share-twitter {
    background-image: url('../Images/Twitter_72.png');
}

.cpc-share-email {
    background-image: url('../Images/ikoner/nk_074-epost-D-48px.png');
    background-color: #51a026;
    background-size:24px;
    background-position:6px 6px;
    padding-left: 0;

}

.cpc-share-url {
    background-color: black;
    background-image: url('../Images/ikoner/nk_028-lenke-D-48px.png');   
    padding-left: 0;
    background-size: 24px 24px;
    background-position: 6px 6px;
    margin-left: 8px;
}

.cpc-share-icon-container, .cpc-share-section {
    display: inline-block;
    box-sizing: border-box;
    padding: 8px; 
    width:100%;
    margin-bottom:13px;
}

.cpc-share-container .cpc-share-icon-container,
.cpc-share-container .cpc-share-section {
    padding-left:0;
}
.cpc-share-container .cpc-share-section input{
    margin-bottom:0;   
}

.cpc-share-section {
    position:absolute;
    left: 0;
    margin: 0;
    background: inherit;
    padding: 10px;
    margin-top: 16px;
    display:none;
}

.cpc-share-container .cpc-share-section {
    position:relative;
    box-shadow:none;
    margin:0;
    padding:0;
    box-sizing:border-box;
    width: 100%;

    
}

.cpc-share-icon-container {
    margin-bottom:0px;
}

.cpc-share-info-div{
    margin-bottom: 5px;
}

.cpc-share-info-text {
    font-size: 14px;
    color: darkred;
    margin-top: 5px;
    margin-bottom: 6px;
    margin-left: 8px;
    visibility:hidden;
}


.hide-popup {
    display: none;
}

.show-popup {
    width: 253px; 
    display: block;
    box-sizing: border-box;
    position: relative;
    box-shadow: 0px 1px 2px 1px rgba(0,0,0,0.2);
}

.cpc-share-container .show-popup{
    width:100%;
}



.cpc-share-popup input{
    padding-left: 0.5em;
    box-sizing: border-box;
    display: block;
    width: 100%;
   /*width: 700px;*/
    font-weight: bold;
    font-size: 14px;
    height: 2em;
}

.cpc-share-title 
{
    padding: 8px;
    font-weight: bold;
    border-bottom: 1px solid #f6f6f6;
}

.cpc-share-container .cpc-share-title {
    padding-left:0;
    padding-top:0;
}

.cpc-share-email-div {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em !important;
    margin:20px;
    max-width:300px;
}

.cpc-share-email-element {
    margin-bottom:20px;
}

.cpc-share-email-input {
    width: 100%;
    height: 2em;
}

.cpc-share-email-text-area{
    width: 100%;
    height:110px;
    padding-right:0px;
}

.cpc-share-email-title{
    padding-left:0px;
}

.cpc-share-email-button {
    width:100%;
}

.cpc-gfi-info-icon.cpc-share-info-icon{
    background-size: 16px;
    width: 18px;
    height: 16px;
    visibility: visible;
    float: left;
    visibility:hidden;
}   

.cpc-share-email-subtitle{
    font-weight:bold;
    font-size:14px;
}

.cpc-share-close-button,
.cpc-legend-close-button {
    position: absolute;
    border: none;
    top:0;
    background-image: url('../Images/ikoner/nk_006-lukk-B-48px.png');
    background-size: 24px;
    background-repeat: no-repeat;
    background-color: transparent;
    background-position: 12px 12px;
    width: 48px;
    height: 48px;
    right: 0;
    padding-top: 8px;
    cursor: pointer;
}

.show-popup button:hover {
    text-decoration: underline;
    
}

.show-popup button:disabled {
    text-decoration: none;
}

.cpc-backbutton {
    height: 30px;
    float: left;
    margin: 5px;
    width: 30px;
    background-color: inherit;
    border: none !important;
}
.cpc-backbutton.cpc-backbutton-white {
    background-size: 24px;
    background-position: 8px 8px;
    margin: 0px;
    background-repeat: no-repeat;
    opacity: 0.5;
    cursor: pointer;
    background-image: url('../Images/ikoner/nk_026-venstrepil-C-48px.png');
}

.cpc-backbutton.cpc-backbutton-white:hover {
    opacity: 1;
}

.leaflet-popup-close-button {
    color: #2e2d30 !important;
}
.cpc-container .leaflet-container {
    background:white;
}

.cpc-container .kommunekart-popup-sub-list {
    margin: 5px;
}

.kommunekart-popup-list-item.kommunekart-popup-left-pane {
    width: 28px;
    vertical-align: middle;
    padding: 0px 4px 0px 0px;
}

.kommunekart-popup-left-pane > .kommunekart-popup-list-link {
    color: #0077FF !important;
}
    /*.kommunekart-popup-left-pane > .kommunekart-popup-list-link.kommunekart-non-registered-municipality {
        display: none;
    }*/

.kommunekart-popup-left-pane > .kommunekart-popup-list-link:hover {
    color: #3399FF !important;
}

.kommunekart-popup-list-link.cpc-gfi-info-icon{
    width:auto;
    padding-left:19px;
    background-position: 0 2px;
    background-size:15px;
    height:22px;
}

.kommunekart-popup-info-arrow::before {
    -webkit-transform: scale(1, 2);
    -moz-transform: scale(1, 2); 
    -ms-transform: scale(1, 2);
    -o-transform: scale(1, 2);
    transform: scale(1, 2);
}
.kommunekart-popup-info-i::before {
    /*vertical-align: middle;*/
    margin-left: -2px;
}

.kommunekart-popup-list-item {
    display: table-cell;
    vertical-align: top;
}

.kommunekart-popup-list-header {
    font-weight: bold;
}

.kommunekart-popup-list-header,
.kommeunekart-popup-list-zipcode,
.kommeunekart-popup-list-coords,
.kommeunekart-popup-list-nav {
    width: 100%;
}

.kommunekart-popup-list-altitude {
    min-height: 1.4em;
}
.kommunekart-popup-list-distance {
    min-height: 1.4em;
}

.kommunekart-popup-list-coords,
.kommunekart-popup-list-utm {
    white-space: pre;
}

.kommunekart-popup-list-link {
    cursor: pointer;
    border: medium none;
    background-color: white;
    font-weight: bold;
    color: #2e2d30;
    text-align: left;
    padding: 0px;
    margin: 3px 0;
    height:auto;
    display:inline-block;
}

.kommunekart-popup-list-nav {
    min-width: 130px;
}

.kommunekart-popup-list-nav > .kommunekart-popup-list-link {
    margin-top: 1px;
    margin-bottom: 1px;
    min-width: 33%;
}

.kommunekart-popup-list-nav i {
    padding-right: 4px;
}

.icon-spinner {
    padding: 2px !important;
}

/* ================================ */
/*               FERD               */
/* ================================ */

.ferd-button {
    margin: 0;
    padding: 0;
    border: 0;
    background-color: transparent;
    font-size: 12px !important;
    cursor: pointer;
    min-height: 48px !important;
}



.ferd-description {
    width: 210px;
    text-align: left;
    padding-left: 35px;
    font-weight: bold;
}

.ferd-time {
    width: 80px;
    text-align: left;
    margin-right: 5px;
    float: left;
    padding-top: 5px;
    padding-left: 35px; 
}

.ferd-distance {
    width: 80px;
    text-align: left;
    margin-right: 5px;
    float: left;
    padding-top: 5px;
    padding-left: 5px; 
}

.ferd-description-list {
    padding: 0px;
    float: left;
    margin: 0;
    border-radius: 5px 5px 5px 5px;
    font-size: 0.8em !important;
}

.ferd-description-close {
    margin-top: 5px;
    font-style: normal;
    color: #2e2d30;
    font-weight: bold;
    padding: 3px;
    height: 50px !important;
    border: none;
    background-color: white;
    font-size: 11px;
    width: 90px;
    cursor: pointer;
}

.ferd-description-header {
    color: #2e2d30 !important;
    background-color: white !important;
    font-weight: bold;
    font-size: 13px !important;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-top: 5px;
    text-align: center;
    margin: 0;
  
}

.ferd-description-list li {
    background-color: white;
    color: #f8f8f9;
    border-bottom: 1px solid #f8f8f9;
}

.ferd-description-list i {
    width: 32px !important;
}

.ferd-control {
    max-width: 283px;
    width: 100%;
    bottom: 10px;
    position: absolute;
    overflow: hidden;
    z-index: 9;
}

.ferd-icon {
    background-repeat: no-repeat;  
    background-position: left center;
    background-size: 24px;
    margin-left: 5px;
}

.ferd-header-icon {
    margin-left: 32px;
    height: 24px;
    width: 24px;
    background-size: 24px;
    padding-top: 8px;
    background-repeat: no-repeat;    
}

.ferd-straight {
    background-image: url('../Images/ikoner/nk_042-rett-frem-B-48px.png');
}

.ferd-alittleright {
    background-image: url('../Images/ikoner/nk_043-svakt-hoyre-B-48px.png');
}

.ferd-right {
    background-image: url('../Images/ikoner/nk_044-hoyre-B-48px.png');
}

.ferd-hardright {
    background-image: url('../Images/ikoner/nk_045-skarpt-hoyre-B-48px.png');
}

.ferd-alittleleft {
    background-image: url('../Images/ikoner/nk_046-svakt-venstre-B-48px.png');
}

.ferd-left {
    background-image: url('../Images/ikoner/nk_047-venstre-B-48px.png');
}

.ferd-hardleft {
    background-image: url('../Images/ikoner/nk_048-skarpt-venstre-B-48px.png');
}

.ferd-uturn {
    background-image: url('../Images/ikoner/nk_049-u-sving-B-48px.png');
}

.ferd-info {
    background-image: url('../Images/ikoner/nk_050-info-transparent-B-48px.png');
}

.ferd-start {
    background-image: url('../Images/ikoner/nk_051-start-rute-B-48px.png');
}

.ferd-end {
    background-image: url('../Images/ikoner/nk_052-slutt-rute-B-48px.png');
}

.ferd-via {
    background-image: url('../Images/ikoner/nk_021-punktmarkoer-B-48px.png');
}
.ferd-ferry {
    background-image: url('../Images/ikoner/nk_053-ferge-B-48px.png');
}

.ferd-roundabout {
    background-image: url('../Images/ikoner/nk_054-rundkjoring-B-48px.png');
}

.ferd-camera {
    background-image: url('../Images/ikoner/nk_055-fotoboks-B-48px.png');
}

.ferd-toll {
    background-image: url('../Images/ikoner/nk_056-bomstasjon-B-48px.png');
}

.ferd-trash {
    background-image: url('../Images/ikoner/nk_036-soppelbotte-B-48px.png');
}

.ferd-map {
    background-image: url('../Images/ikoner/nk_060-kart-B-48px.png');
}


.ferd-desc-up {
    background-image: url('../Images/ikoner/nk_003-opp-B-48px.png');
}

.ferd-desc-down {
    background-image: url('../Images/ikoner/nk_004-ned-B-48px.png');
}

.ferd-description-container {
    overflow-y: auto;
    max-height: 290px;
    padding: 0;
    margin: 0;
}

.ferd-description-close i {
    width: auto !important;
}

.margin-40 {
    margin-left: 40px;
}



.baselayer-selected {
    background-color: rgb(75, 75, 77);
    color: white;
    font-weight: bold;
}
.baselayer-selected:hover {
    background-color: rgb(90, 90, 90);

}


.kommunekart-poi-text {
    float: left;
    margin: 10px;
    color: white;
    font-weight: bold;
}

.kommunekart-poi-select {
    margin: 10px;
    color: #f8f8f9;
    border-radius: 0px 0px 0px 0px !important;
    border: none !important;
    float: left;
    font-weight: bold;
    padding: 0px 0px 0px 5px !important;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
    vertical-align: middle;
}

.cpc-container {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em !important;
    margin: 0 !important;
    padding: 0;
    min-width: 320px;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    height: auto;
    width: auto;
}

    .cpc-container li {
       /* margin: 1px;*/
       /*padding-left:5px;*/
    }


.icon-cog {
    color: black;
}

/* Ikoner */
.sprite-iconBackground {
    background: url('https://www.kommunekart.com/Images/NorkartIcons.png') no-repeat top left;
}

.sprite-chevron-down {
    background-position: 0 0;
    background-position:8px 8px;
    background-image: url('../Images/ikoner/nk_004-ned-B-48px.png');
    background-size:24px;
    width: 40px;
    height: 40px;
}

.sprite-chevron-left {
    /*background-position: 0 -80px;*/
    background-position:12px 12px;
    background-image: url('../Images/ikoner/nk_026-venstrepil-B-48px.png');
    background-size:24px;
    background-repeat:no-repeat;
    width: 48px;
    height: 48px;
}



.sprite-chevron-right {
    /*background-position: 0 -160px;*/
    background-position:8px 8px;
    background-image: url('../Images/ikoner/nk_025-hoyrepil-B-48px.png');
    background-size:24px;
    width: 40px;
    height: 40px;
}

.sprite-chevron-up {
    /* background-position: 0 -237px; */
    background-position:8px 8px;
    background-image: url('../Images/ikoner/nk_003-opp-B-48px.png');
    background-size:24px;
    width: 40px;
    height: 40px;
}

.sprite-exchangeIcon {
    background-position: 8px 8px;
    width: 40px;
    height: 40px;
    background-image: url('../Images/ikoner/nk_007-snu_rettning-B-48px.png');
    background-size:24px;
    background-repeat:no-repeat;
}

.sprite-helpIcon {
    background-position: 0 -390px;
    width: 30px;
    height: 30px;
}

.sprite-infoIcon {
    background-position: 0 -480px;
    width: 30px;
    height: 30px;
}

.sprite-layerIcon {
    background-position: 0 -560px;
    width: 30px;
    height: 30px;
}

.sprite-locationIcon {
    background-position: 0 -635px;
    width: 30px;
    height: 30px;
}

.sprite-menuIcon {
    background-position: 0 -720px;
    width: 30px;
    height: 30px;
}

.sprite-okIcon {
    background-position: 0 -800px;
    width: 30px;
    height: 30px;
}

.sprite-routeIcon {
    background-position: 0 -880px;
    width: 30px;
    height: 30px;
}

.sprite-searchIcon {
    background-position: 0 -955px;
    width: 30px;
    height: 30px;
}

.sprite-shareIcon {
    background-position: 0 -955px;
    width: 30px;
    height: 30px;
}

.sprite-trashCanIcon {
    background-position: 0 -1040px;
    width: 30px;
    height: 30px;
}

.cpc-icon-remove,
.sprite-removeIcon {
    /*background-position: 0 -1154px;*/
    background-repeat:no-repeat;
    background-position: 8px 8px;
    background-image: url('../Images/ikoner/nk_006-lukk-B-48px.png') !important;
    background-size:24px;
    background-color:white;
    border:0;

    width: 40px;
    height: 40px;

    cursor: pointer;
}

.sprite-helpIcon2 {
    display: none;
    background-position: 0 -1101px;
    width: 30px;
    height: 30px;
}

.sprite-blankIcon {
    background-position: 0 0;
    width: 2px;
    height: 2px;
}

.move-right {
    float: right;
}

.move-left {
    float: left;
}

.cpc-solution-menu-remove-text {
    position: absolute;
    right: 28px;
    height: 40px;
    border: none;
    top: 0;
    z-index: 90000;
}



.municipality-selected {
    background-color: lightgray;
}
.gfi-back.sprite-iconBackground {
    margin-top:-5px;
}
button.gfi-back {
    padding-top: 0px;
    height:48px;
    line-height:48px;
}
p.gfi-back {
    margin: 0 !important;
    padding: 0px;
    text-align:left;
    font-weight: bold;
}

.gfi-back{
 
}
.gfi-back:hover{
    background-color:#f6f6f6;
}

/* Placeholders in input fields */
::-webkit-input-placeholder { /* WebKit browsers */
    color:    #2e2d30;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #2e2d30;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #2e2d30;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
   color:    #2e2d30;
}

/* polyfill for placeholder (Placeholder.js) IE9*/
.placeholdersjs {
    color:  #2e2d30;
}



/* Poi markers*/
.cpc-poi-marker-editable {
    border:3px dashed black;
    background-color: rgba(255,255,255,.5);

}


/*.cpc-poi-text-marker {
    white-space: nowrap;
    text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
    line-height: 0;
}*/

/* Coordinates view*/
.cpc-coordinates-view {
    width: 220px;
}

.cpc-coordinates-view-list {
    padding: 1em;
}

.cpc-coordinates-view-list-element {
    line-height: 2em;
}

.kommunekart-measure-button {
    cursor: pointer;
    background-image: url('Measure/Images/measure-control.png');
    border: none;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 50% 50%;
    width: 36px;
    height: 32px;
    text-align: center;
    vertical-align: middle;
    background-color: transparent;
    display: none;
}

.cpc-menu-button,
.cpc-themed-map-button{
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: 8px 8px;
    background-size: 24px;
    border: none;
    width: 90px;
    height: 40px;
    padding-left:38px;
    background-color: transparent;
    font-weight:bold;
}
.cpc-menu-button {
    background-image: url('../Images/ikoner/nk_010-meny-B-48px.png');
}
.cpc-themed-map-button {
    background-image: url('../Images/ikoner/nk_013-lag-B-48px.png');
}



.list-button, .cpc-menu-userauth {
    background-repeat: no-repeat;
    background-size: 24px;
    background-position: 12px 12px;
    height: 48px;
    padding-left: 48px;
    text-align: left;
    font-weight: inherit;
    cursor: pointer;
    border: none;
    background-color: transparent;
    width: 100%;
}

.list-button.no-icon {
    padding-left: 5px;
}

.list-button.no-icon.inactive {
    cursor: auto;
}

    .list-button.no-icon.inactive:hover {
        background-color: transparent; 
    }

.cpc-menu-userauth {
    background-image: url(../Images/ikoner/nk_020-bruker-B-48px.png), url(../Images/ikoner/nk_004-ned-B-48px.png);
    background-position: 12px 12px, 220px 12px;
    background-color: transparent;
    background-repeat: no-repeat;
    box-sizing: border-box;
    position:relative;
    height:48px;
    overflow: hidden;
}

.cpc-menu-userauth.expanded {
    background-image: url(../Images/ikoner/nk_020-bruker-B-48px.png), url(../Images/ikoner/nk_003-opp-B-48px.png);
    height:88px;
}



.cpc-menu-userauth-displayname {
    margin-top:0;
    padding-top:6px;   
}


.cpc-menu-userauth-username {
    margin-top: -3px;
    margin-bottom: 6px;
    padding-top: 0;
    font-size: 12px;
    font-weight:normal;
    color:gray;
}


.cpc-menu-userauth-displayname, .cpc-menu-userauth-username {
    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 40px;
     
}

.cpc-menu-userauth-logout.call-to-action-button{
    font-size:12px;
    line-height:30px;
    height:30px;
    box-sizing:border-box;
    display:block;
    text-decoration:none;
    text-align: center;
    width: 90px;

    border-radius:0;
    border:none;
}
.list-button:hover {
    background-color:#f6f6f6;
}



.list-button-userauth {
    background-image: url('../Images/ikoner/nk_020-bruker-B-48px.png');
}
.list-button.list-button-userauth {
    height: 80px;
}

.list-button-hjelp {
    background-image: url('../Images/ikoner/nk_012-hjelp-B-48px.png');
}

.list-button-om {
    background-image: url('../Images/ikoner/nk_024-info-B-48px.png');
}

.list-button-cookies {
    background-image: url('../Images/ikoner/mceclip1.png') !important;
}

.list-button-avstand {
    background-image: url('../Images/ikoner/nk_027-maale-B-48px.png');
}

.list-button-del {
    background-image: url('../Images/ikoner/nk_017-dele-B-48px.png');
}

.list-button-population {
    background-image: url('../Images/ikoner/nk_020-bruker-B-48px.png');
}

.list-button-analysis {
    background-image: url('../Images/ikoner/nk_078-analyse-B.png');
}

.list-button-print {
    background-image: url('../Images/ikoner/nk_016-utskrift-B-48px.png');
}

.list-button-draw{
    background-image: url('../Images/ikoner/nk_031-tegning-B-48px.png');
}

.list-button-navigation{
    background-image: url('../Images/ikoner/nk_011-beregn_rute-B-48px.png');
}

.list-button-heightprofiles{
    background-image: url('../Images/ikoner/nk_095-graf-B-48px.png');
}

.list-button-municipality{
    background-image: url('../Images/ikoner/nk_083-kommune-B-48px.png');
}

.list-button-external-links {
    background-image: url('../Images/ikoner/nk_028-lenke-B-48px.png');
}

.show-menu 
{
    /* max width is set dynamicly in javascript, since no css for this was found with good enough browser support. Maybe max-height: calc(100vh- ...px) can be used later*/
    box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.2);
    display: inline-block;
    min-height: 36px;
    background-color:  #f8f8f9;
    width: 260px;
    margin-top: 5px;
    /*-webkit-transition: -webkit-transform 0.5s ease-in; 
    -moz-transition: -moz-transform 0.5s ease-in;
    -o-transition: -o-transform 0.5s ease-in;
    transition: transform 0.5s ease-in;*/
    overflow: auto;
    background-color:white;
}


.show-menu:after {
    z-index: 1000;
    content: '';
    position: absolute;
    left: 9px;
    top: 37px;
    width: 4px;
	height: 4px;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 8px solid white;
    border-radius: 0;
}

.show-menu ul li 
{
    border-bottom: 1px solid rgba(0,0,0,0.1);
}

    .show-menu ul li:last-child {
        border-bottom: none;
    }

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

.poi {
      margin-right: 31px;
     margin-top: 0px;
}

.kommunekart-menu 
{
    background: #f8f8f9;
    float: left;
    margin: 3px;
    min-width: 0px;
    z-index: 9;
    min-height: 0px;
    /*opacity: 0.9;*/
    padding: 0 !important;
    position: absolute;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: #2e2d30;
    vertical-align: middle;
    height: 36px;
}

.bigger-click-area::after {
    display: block;
    content: "";
    border: 1.1em solid rgba(0,0,0,0.1);
    position:absolute;
    top:-12px; bottom:-12px; 
    left:-12px; right:-12px;
}

.cpc-sharecontrol 
{
    z-index: 1002;
    position: absolute;
    top: 3.85em;
    left: 0px;

}
.cpc-share-container .cpc-sharecontrol {
    position:relative;
    margin:0;
    padding: 0;
    top:0;
    left:0;
}

.cpc-share-container .cpc-share-title{
    border:none;
}




.cpc-menu, 
.cpc-themed-map {
    font-weight: bold;
    left: 0;
    width:90px; 
    height: 38px;
    z-index: 1003;
}

.cpc-menu-group,
.cpc-themed-map-group{
    border-bottom: 6px solid rgba(0,0,0,0.1)
}

.cpc-menuitem-toggle-on.list-button-del{
    background-color:#4d4d4d;
    color:white;
    background-image: url('../Images/ikoner/nk_017-dele-D-48px.png');
}

.kommunekart-municipality-hide {
    display: none;
}

.cpc-navigation-control-container{
    position: absolute;
    bottom: 2em;
    right: 8px;
    width:50px;
}

.cpc-topright-control-container {
    position: absolute;
    top: 0;
    right: 8px;
    width:50px;
}

.cpc-bottomleft-control-container {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

.kommunekart-locate-control {
   /* position: absolute;
    bottom: 7em;
    right: 0.5em;*/
}

/* double classes to increase css specificity*/
.kommunekart-toggle-ownerlist.list-button-ownerList,
.kommunekart-toggle-print.list-button-print,
.kommunekart-toggle-measure.list-button-avstand,
.kommunekart-toggle-heightprofile.list-button-heightprofiles {
    background-color: #4d4d4d;
    color: white;
}

.kommunekart-toggle-measure.list-button-avstand {
    background-image: url('../Images/ikoner/nk_027-maale-D-48px.png')!important; 
}


.list-button-ownerList{
    background-image: url('../Images/ikoner/nk_041-liste-B-48px.png');
}

    .list-button-ownerList.kommunekart-toggle-ownerlist 
    {
        background-image: url('../Images/ikoner/nk_041-liste-D-48px.png');
}

.kommunekart-toggle-print{
    background-image: url('../Images/ikoner/nk_016-utskrift-D-48px.png');
}

.kommunekart-toggle-heightprofile.list-button-heightprofiles {
    background-image: url('../Images/ikoner/nk_095-graf-D-48px.png');
}

.cpc-owners-for-property {
    display:flex;
    flex-direction: column;
    max-height:100%;
}

.cpc-owners-for-property {
    
}



.cpc-owners-for-property .cpc-sidepanel-section {
    margin:20px;
}

.cpc-owners-for-property .cpc-sidepanel-section {
    margin:20px;
}

.cpc-sidepanel.cpc-sidepanel-topped,
.cpc-sidepanel.cpc-owners-for-property {
    width:360px;
    padding:0px;
}

.cpc-sidepanel.cpc-sidepanel-topped .cpc-sidepanel-section {
    margin:20px;
}

.cpc-sidepanel.cpc-sidepanel-topped.not-fullwidth,
.cpc-sidepanel.cpc-owners-for-property.not-fullwidth {
    width:340px;
}




/* Measure */
.cpc-measure_container {
    padding-top: 56px;
    position: absolute;
}


.cpc-shadow {
    box-shadow:0px 1px 2px 1px rgba(0,0,0,0.2);
}

/* FULLSCREEN TOGGLE */

.cpc-fullscreen-toggle-on-button {
    background-size:24px;
    background-image: url('../Images/ikoner/nk_066-fullskjerm-B-48px.png');
}
.cpc-fullscreen-toggle-on-button:hover,
.cpc-fullscreen-toggle-on-button:active {
    background-image: url('../Images/ikoner/nk_067-fullskjerm-ekspandert-B-48px.png');
}

.cpc-fullscreen-toggle-off-button {
    background-size:24px;
    background-image: url('../Images/ikoner/nk_068-avslutt-fullskjerm-B-48px.png');
}

.cpc-fullscreen-toggle-off-button:hover,
.cpc-fullscreen-toggle-off-button:active {
    background-image: url('../Images/ikoner/nk_069-avslutt-fullskjerm-sammentrukket-B-48px.png');
}

/* FULLSCREEN TOGGLE */

.cpc-fullscreen-toggle-on-button {
    background-size:24px;
    background-image: url('../Images/ikoner/nk_066-fullskjerm-B-48px.png');
}
.cpc-fullscreen-toggle-on-button:hover,
.cpc-fullscreen-toggle-on-button:active {
    background-image: url('../Images/ikoner/nk_067-fullskjerm-ekspandert-B-48px.png');
}

.cpc-fullscreen-toggle-off-button {
    background-size:24px;
    background-image: url('../Images/ikoner/nk_068-avslutt-fullskjerm-B-48px.png');
}

.cpc-fullscreen-toggle-off-button:hover,
.cpc-fullscreen-toggle-off-button:active {
    background-image: url('../Images/ikoner/nk_069-avslutt-fullskjerm-sammentrukket-B-48px.png');
}



.show-menu-info-panel 
{
    opacity: 1;
    display: block;
    
}

.print-control {
    display: none;
}

html {
    -ms-touch-action: none;
}

.invisible-menu {

    display: none;
}


.call-to-action-button {
    box-sizing: border-box;
    height: 40px;
    font-weight: bold;
    border-radius: 3px;
    margin-right: 20px;
    font-size: 14px;
    background-color: #417F19;
    color: white;
    border: 1px solid rgb(204, 204, 204);     
    padding-left:12px;     
    padding-right:12px;       
}

.cpc-font {
    font-family: Arial, Helvetica, sans-serif;
}

.cpc-fontstyle-select {
    margin:0 !important;
    width:140px;
    height:30px;
    font-size:14px;
}
.cpc-fontchooser-option {
    font-size: 14px;
}



.cpc-header {
    font-size: 2em;
    display: block;
    margin-top: 0.67em;
    margin-bottom: 0.67em;
    font-weight: bold;
}

.cpc-spinner {
      background-repeat: no-repeat;
      min-height:24px;
      min-width:24px;
      background-color: transparent;
}

.cpc-spinner-large {
    background-size: 96px;
    height: 96px;
    width: 96px;
}

.cpc-spinner-medium {
    background-size: 48px;
    height: 48px;
    width: 48px;
}

.cpc-spinner-small {
    background-size: 24px;
    height: 24px;
    width: 24px;
}

.cpc-spinner-light {
    background-image: url("../Images/ikoner/nk_019-lasting-C-animert-96px_grayback.gif");
}

.cpc-spinner-dark {
    background-image: url("../Images/ikoner/nk_019-lasting-A-animert-96px.gif");
}

.cpc-spinner-gfi, .cpc-spinner-popup{
    width: 140px;
    height:48px;
    background-position:56px 12px;
}

.cpc-spinner-popup{
    background-size:24px;
}

.cpc-spinner-mere-info{
    width:24px;
    height:24px;
    background-position:3px 3px;
    background-size:18px;
    display:inline-block;
    margin-bottom: -6px;
}

.cpc-gfi-minimarker{
    background-size:12px;
    background-position:0;
    background-repeat:no-repeat;
    width:13px;
    height:12px;
    display:inline-block;
    margin-right:2px;
}

.cpc-gfi-info-icon{
    background-image:url('../Images/ikoner/nk_024-info-B-48px.png');
    background-size:12px;
    background-position:0;
    background-repeat:no-repeat;
    width:15px;
    height:12px;
    display:inline-block;
    margin-right:2px;
}

.cpc-icon-info{
    background-image:url('../Images/ikoner/nk_024-info-B-48px.png');
}

.cpc-icon-error{
    background-image:url('../Images/ikoner/nk_023-advarsel_roed-B-48px.png');
}

.cpc-icon {/*midtstilles vertikalt for to-linjers tekst*/
    background-size:24px;
    background-position:0px 8px;
    background-repeat:no-repeat;
    width:auto;
    min-width:40px;
    height:40px;
    padding-left:32px;
    display:inline-block;
    box-sizing:border-box;
}

.cpc-sidepanel-infobox{
    margin-top:8px;
    margin-bottom:8px;
    display: table;
    min-height: 40px;
}
.cpc-sidepanel-infobox-icon{
    width: 40px;
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: left, center;
    display: table-cell;
    height: 100%;
    overflow:auto;
}
.cpc-sidepanel-infobox-text{
    line-height: 20px;
    width: 193px;
    display: table-cell;
    height: 100%;
    vertical-align: middle
}

.cpc-sidepanel-title {
    margin-bottom: 0px;
}


.cpc-sidepanel-top,
.cpc-location-detail-header-div {
    background: #2e2d30;
    padding: 10px;
    color: white;
    min-height: 40px;
}
.cpc-sidepanel-top-text {
    float:left;
    line-height: 22px;
}

.cpc-sidepanel-top-text b {
    font-size:16px;
}

.cpc-sidepanel-top .cpc-backbutton-top {
    float:left;
    background-image: url('../Images/ikoner/nk_026-venstrepil-D-48px.png');
    background-position-y: center;
    background-position-x:left;
    background-repeat:no-repeat;
    background-size:24px 24px;
    min-height:40px;
    height:100%;
    width:40px;
    background-color:transparent;
    border:none;
    
}

.cpc-backbutton-top {
    cursor:pointer;
}


.cpc-gfi-minimarker.red {
    background-image: url('../Images/ikoner/nk_021-punktmarkoer-Roed.png');
}

.cpc-gfi-minimarker.orange{
    background-image:url('../Images/ikoner/nk_021-punktmarkoer-Orange.png');
}

.cpc-gfi-minimarker.green{
    background-image:url('../Images/ikoner/nk_021-punktmarkoer-Gronn.png');
}

.nk-ikon, 
.nk-ikon-lukket,
.nk-ikon-lukk{
    background-position: 12px 12px;
    background-size:24px;
    background-repeat:no-repeat;
    width:48px;
    height:48px;
}
.nk-ikon-lukket{
    background-image:url('../Images/ikoner/nk_015-lukket-B-48px.png');
}

.nk-ikon-lukk{
    background-image:url('../Images/ikoner/nk_006-lukk-B-48px.png');
}

.nk-ikon-advarsel{
    background-image:url('../Images/ikoner/nk_023-advarsel_roed-B-48px.png');
}

.nk-ikon-info{
    background-image:url('../Images/ikoner/nk_024-info-B-48px.png');
}

.nk-ikon-info{
    background-image:url('../Images/ikoner/nk_024-info-B-48px.png');
}


.cpc-solution-menu-list-container.cpc-layer-list .nk-ikon-lukket{
    margin-left:-14px;
    width:48px;
    height:20px;
    display:block;
    width:auto;
    padding-top:16px;
    padding-left:48px;
}

/* ================================ */
/*         TOOLBAR BUTTONS          */
/* ================================ */
.toolbar-con.cpc-tooltip-ritainer{

}

.cpc-toolbar {
    margin-bottom: 8px;
    margin-left: 8px;
    width: 40px;
    padding: 0;
    line-height:0px;
    background-color:white;
    position:relative;
    box-shadow:0px 1px 2px 1px rgba(0,0,0,0.2);
    z-index: 9;
    pointer-events: all; /* part of IE10 fix for flexbox*/
}

.cpc-toolbar-higher-z-value {
    z-index: 10;    
}

.cpc-toolbar-vertical {
    width: 40px;
}

.cpc-toolbar-horizontal {
    width: auto;
    display: inline-block;
}

.cpc-toolbar-border {
    border: 1px solid black;
    box-shadow: none;
}


.cpc-toolbar-button {      
    background-color: white;
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: 8px 8px;
    border: none;
    margin: 0;
    padding: 0;
    width: 40px;
    height: 40px;
    z-index: 9;
    position: relative;
    font-family: Arial,Helvetica,sans-serif;
    border-bottom:1px solid rgba(0,0,0,0.1)
}

.cpc-toolbar-horizontal .cpc-toolbar-button {
    border-bottom: none;
    border-right: 1px solid rgba(0,0,0,0.1);
}
/*.cpc-container *:focus {
    /*outline: solid 2px rgba(81, 160, 38, 1);
    outline:none;
    border:2px solid rgba(81, 160, 38, 1);
    z-index:1000;
}*/
.cpc-container *:focus {
    outline: none;
}

/* -------------------- */
/* Focus: using outline */
/* -------------------- */
.key-nav .cpc-button:focus,
.key-nav .cpc-list-container:focus,
.key-nav .cpc-closebutton-corner:focus,
.key-nav .cpc-toolbar-button:focus,
.key-nav .cpc-markerchooser-type:focus,
.key-nav .cpc-colorchooser-color:focus,
.key-nav .kommunekart-search-input:focus,
.key-nav .kommunekart-input:focus,
.key-nav .list-button:focus,
.key-nav .cpc-menu-button:focus,
.key-nav .cpc-share-popup.show-popup input:focus,
.key-nav .cpc-share-popup.show-popup button:focus,
.key-nav .cpc-share-icon:focus,
.key-nav .cpc-solution-menu-select-logo:focus,
.key-nav .cpc-solution-menu-select-button:focus,
.key-nav .cpc-solution-menu-select-list-button:focus,
.key-nav .cpc-layer-button:focus,
.key-nav .cpc-file-link-anchor:focus,
.key-nav .cpc-button-link:focus,
.key-nav .cpc-error-button:focus,
.key-nav .search-result-container .sprite-removeIcon:focus,
.key-nav .cpc-container .leaflet-popup-close-button:focus,
.key-nav .kommunekart-gfi-list-2 *:focus,
.key-nav .cpc-order-panel-item:focus,
.key-nav .cpc-text-dialogue-input:focus,
.key-nav .cpc-fontstyle-select:focus,
.key-nav .cpc-closebutton-white:focus,
.key-nav .cpc-themed-map-button:focus,
.key-nav .cpc-layers-tabpanel-button:focus,
.key-nav button.cpc-gfi-button.cpc-gfi-group-button:focus{
    /*outline: solid medium #87a8e0;*/
    /*outline: solid 1px #51a026; */
    outline: dotted 2px rgba(81, 160, 38, 1);
    outline: dashed 2px rgba(81, 160, 38, 1);
    outline: solid 2px rgba(81, 160, 38, 1);
    /*border: 2px solid rgba(81, 160, 38, 1);*/
    /*box-shadow: 0 0 8px rgba(81, 160, 38, 0.3), 0 0 5px rgba(81, 160, 38, 0.7); */
    z-index: 1000;
}

.key-nav .cpc-sidepanel-top .cpc-backbutton-top:focus,
.key-nav .cpc-closebutton-white:focus{
     outline: solid 2px  whitesmoke;
     opacity: 1;
     margin-right: 10px;
}

.key-nav .cpc-sidepanel-top .cpc-backbutton-top:focus {
    width:30px;
}

/*
.key-nav button.cpc-gfi-button.cpc-gfi-group-button:focus {
    margin-bottom: 2px;
} */


/* ------------------- */
/* Focus: using border */
/* ------------------- */
.key-nav button.cpc-gfi-button.cpc-gfi-group-button:focus,
.key-nav .cpc-gfi-button.cpc-gfi-item:focus,
.key-nav .cpc-solution-menu-select-logo:focus,
.key-nav .cpc-solution-menu-select-button:focus,
.key-nav .cpc-solution-menu-select-caret:focus,
.key-nav .cpc-solution-menu-select-list-button:focus,
.key-nav .cpc-solution-layer-list-item button:focus,
.key-nav .sprite-chevron-left.move-left.sprite-iconBackground:focus,
.key-nav .kommunekart-popup-list *:focus,
.key-nav .cpc-baselayer-button:focus,
.key-nav [name=toggleSurface]:focus,
.key-nav .cpc-ownerforpropertylist-element button:focus,
.key-nav .cpc-propertylist-element-header:focus,
.key-nav .cpc-gfi-group-header .cpc-gfi-group-toggle-container:focus,
.key-nav .cpc-baselayer-toggle:focus,
.key-nav [name=thematic_map_select]:focus{
    border: 2px solid rgba(81, 160, 38, 1);
    outline: none;
}

/* ------------------- */
/* Focus specail cases */
/* ------------------- */
.key-nav .list-button:focus {
    outline: solid 2px rgba(81, 160, 38, 1);
    margin-left:2px;
    margin-right:2px;
    box-sizing: border-box;
    padding-left: 46px;
    background-position: 10px 12px;
    width:98.5%;

}

.key-nav .cpc-colorchooser-color:focus {
      box-sizing: border-box;
}


.key-nav .sprite-chevron-left.move-left.sprite-iconBackground:focus {
    border:none;
}

.key-nav .cpc-button-cta:focus, 
.key-nav .cpc-menu-userauth-logout:focus {
    outline: double thick #417F19;
}

.cpc-toolbar-button:hover{
    background-color:#f6f6f6;
} 

.cpc-toolbar-button.cpc-toolbar-button-on{
    background-color:#4d4d4d;
}

.cpc-toolbar-button-disabled {
    opacity: 0.3;
}

/* Maybe move to measure module */
.cpc-icon-close {background-image: url('../Images/ikoner/nk_006-lukk-B-48px.png'); }
.cpc-icon-polyline {  background-image: url('../Images/ikoner/nk_035-polylinje-B-48px.png');      }
.cpc-icon-polygon {   background-image: url('../Images/ikoner/nk_034-polygon-B-48px.png');        }
.cpc-icon-circle {    background-image: url('../Images/ikoner/nk_033-sirkel-B-48px.png');         }
.cpc-icon-rectangle { background-image: url('../Images/ikoner/nk_032-rektangel-B-48px.png');      }
.cpc-icon-marker {    background-image: url('../Images/ikoner/nk_021-punktmarkoer-B-48px.png');   }
.cpc-icon-edit {      background-image: url('../Images/ikoner/nk_037-rediger-B-48px.png');        }
.cpc-icon-delete {    background-image: url('../Images/ikoner/nk_036-soppelbotte-B-48px.png');    }
.cpc-icon-text{    background-image: url('../Images/ikoner/nk_064-tekst-B-48px.png');             }
.cpc-icon-analyse{    background-image: url('../Images/ikoner/nk_078-analyse-B.png');             }

/* On states:*/
.cpc-icon-polyline.cpc-toolbar-button-on {    background-image: url('../Images/ikoner/nk_035-polylinje-D-48px.png');      }
.cpc-icon-polygon.cpc-toolbar-button-on {     background-image: url('../Images/ikoner/nk_034-polygon-D-48px.png');        }
.cpc-icon-circle.cpc-toolbar-button-on {      background-image: url('../Images/ikoner/nk_033-sirkel-D-48px.png');         }
.cpc-icon-rectangle.cpc-toolbar-button-on {   background-image: url('../Images/ikoner/nk_032-rektangel-D-48px.png');      }
.cpc-icon-marker.cpc-toolbar-button-on  {     background-image: url('../Images/ikoner/nk_021-punktmarkoer-D-48px.png');   }
.cpc-icon-edit.cpc-toolbar-button-on {        background-image: url('../Images/ikoner/nk_037-rediger-D-48px.png');        }
.cpc-icon-delete.cpc-toolbar-button-on {      background-image: url('../Images/ikoner/nk_036-soppelbotte-D-48px.png');    }
.cpc-icon-text.cpc-toolbar-button-on {      background-image: url('../Images/ikoner/nk_064-tekst-D-48px.png');            }
.cpc-icon-layer.cpc-toolbar-button-on {      background-image: url('../Images/ikoner/nk_058-enkelt-kartlag-D-48px.png');            }


/* Disable states */
.cpc-icon-edit.cpc-toolbar-button-disabled {        background-image: url('../Images/ikoner/nk_037-rediger-B-48px.png') !important; }
.cpc-icon-delete.cpc-toolbar-button-disabled {      background-image: url('../Images/ikoner/nk_036-soppelbotte-B-48px.png') !important; }

/* other icons (used in search ++)*/
.cpc-icon-place { background-image: url(../Images/ikoner/nk_081_veiskilt-B-48px.png); }
.cpc-icon-property { background-image: url(../Images/ikoner/nk_034-polygon-B-48px.png); }
.cpc-icon-plan { background-image: url(../Images/ikoner/nk_084_regulering-B-48px.png); }
.cpc-icon-commercial { background-image: url(../Images/ikoner/nk_082_naering-B-48px.png); }
.cpc-icon-user { background-image: url(../Images/ikoner/nk_020-bruker-B-48px.png); }
.cpc-icon-layer { background-image: url(../Images/ikoner/nk_058-enkelt-kartlag-B-48px.png); }
.cpc-icon-layers, .cpc-icon-layers-black { background-image: url(../Images/ikoner/nk_013-lag-B-48px.png); }
.cpc-icon-layers.cpc-toolbar-button-on, 
.cpc-icon-layers-black.cpc-toolbar-button-on { background-image: url(../Images/ikoner/nk_013-lag-D-48px.png); }
.cpc-icon-home { background-image: url(../Images/ikoner/nk_061-hjem-B-48px.png); }
.cpc-icon-street { background-image: url(../Images/ikoner/nk_085-vei-B-48px.png); }
.cpc-icon-compass { background-image: url(../Images/pikto_nk_p_003-kompass_invertert.png);}
.cpc-icon-up { background-image: url(../Images/ikoner/nk_003-opp-B-48px.png); }
.cpc-icon-down { background-image: url(../Images/ikoner/nk_004-ned-B-48px.png); }
.cpc-icon-left { background-image: url(../Images/ikoner/nk_026-venstrepil-B-48px.png); }
.cpc-icon-right { background-image: url(../Images/ikoner/nk_025-hoyrepil-B-48px.png); }
.cpc-icon-hamburger { background-image: url(../Images/ikoner/nk_010-meny-B-48px.png); }
.cpc-icon-route { background-image: url(../Images/ikoner/nk_011-beregn_rute-B-48px.png); }
.cpc-icon-save { background-image: url(../Images/ikoner/nk_109-lagre-B-48px.png); }
.cpc-icon-import { background-image: url(../Images/ikoner/nk_112-last-opp-B-48px.png); }


.cpc-icon-plus { background-image: url(../Images/ikoner/nk_008-pluss-B-48px.png); }
.cpc-icon-search { background-image: url(../Images/ikoner/nk_001-sok-B-48px.png); }


.kommunekart-logo{
    box-sizing:border-box;
    height: 32px;
    margin-bottom: 8px;
    margin-left: 8px;
    padding:12px;
    padding-top:10px;
    background-color: rgba(255,255,255,0.7);
    cursor: -webkit-grab;
    cursor: -moz-grab;
    display: inline-block;
}

.kommunekart-logo img{
    height: 16px;
    margin: 0px;
}

.cpc-appdownload-banner{
    background-color:white;
    position:absolute;
    z-index:10000000;
    bottom:0;
    left:0;
    right:0;
    height:160px;
    border-top:1px solid #ccc;
}

.cpc-appdownload-button{
    background-color:#51a026;
    box-sizing:border-box;
    border:none;
    border-radius:3px;
    padding:12px;
    padding-left:16px;
    padding-right:16px;
    font-size:16px;
    color:white;
    position:absolute;
    text-transform:uppercase;
    font-weight:bold;
    font-stretch:condensed;
    bottom:20px;
    right:20px;
    box-shadow:rgba(0,0,0,0.2) 0px 4px 3px -1px;
}

.cpc-appdownload-title{
    position:absolute;
    font-weight:bold;
    top:24px;
    left:88px;
    font-size:18px;
}

.cpc-appdownload-playstore-logo{
    background-image:url('../Images/playstore_logo_big.png');
    background-size:120px;
    background-repeat:no-repeat;
    width:120px;
    height:50px;
    position:absolute;
    left:90px;
    bottom:8px;
}

.cpc-appdownload-close{
    background-image:url('../Images/google_close_48dp.png');
    background-size:30px;
    background-position:9px 9px;
    width:48px;
    height:48px;
    background-repeat:no-repeat;
    position:absolute;
    right:10px;
    top:12px;
}


.cpc-appdownload-logo{
    background-image:url('../Images/norkartapp-logo.png');
    background-size:58px;
    background-repeat:no-repeat;
    width:58px;
    height:58px;
    margin-top:20px;
    margin-left:15px;
}


/* ////////////////
    leaflet panes 
    /////////// */

/* custom panes*/
.leaflet-nav-pane,
.leaflet-poi-pane,
.leaflet-draw-pane,
.leaflet-tooltip-pane,
.leaflet-print-pane,
.leaflet-text-pane {
    position: absolute;
    top: 0;
    left: 0;
    height: 0;
    width: 0;
}


.leaflet-nav-pane svg,
.leaflet-poi-pane svg,
.leaflet-draw-pane svg,
.leaflet-print-pane svg{
    pointer-events: none;
}

.leaflet-nav-pane svg g,
.leaflet-poi-pane svg g ,
.leaflet-draw-pane svg g  {
    pointer-events: visiblePainted;
}

.cpc-noselect  {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari*/
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently*/
}

.cpc-svg-container svg text::-moz-selection,
.cpc-svg-container svg  text::selection
 {
    background: rgba(0, 0, 0, 0.0);

}

/* consider consistency between all the panes*/
.leaflet-print-pane svg g  {
    pointer-events: visiblePainted;
}

/* z-index*/
.leaflet-poi-pane {
    z-index: 6;
}

.cpc-main-container .leaflet-marker-pane{
    z-index: 7;
}

.leaflet-nav-pane {
    z-index: 8;
}

.leaflet-draw-pane {
    z-index: 9;
}

.leaflet-text-pane {
    z-index: 10;
}


.cpc-main-container .leaflet-popup-pane, .leaflet-tooltip-pane {
    z-index: 11 !important
}

.leaflet-print-pane {
    z-index: 12
}

.cpc-modal{
        display: block;
    position: absolute;
    
    top: 0;
    bottom: 0;
    width: 100%;
    z-index: 10000;
}

.cpc-main-container.blur{ /* works in chrome but not used*/
    -webkit-filter: blur(7px);
}

.cpc-modal-shadow{
    position:absolute;
    display:block;
    background:black;
    opacity:0.4;
    top:0;
    bottom:0;
    left:0;
    right:0;
    
}

.cpc-modal-contentbox{
    display: block;
    position: absolute;
    background: white;
    top: 50%;
    left: 50%;
    -webkit-transform:translate(-50%,-50%);
    transform: translate(-50%, -50%);
    opacity: 1;
    width: 45%;
    height: auto;
    padding-bottom:24px;
    box-shadow: 0 6px 48px rgba(0, 0, 0, 0.6);        
}

.cpc-modal .cpc-modal-contentbox {
    transform:none;
    -webkit-transform:none;
    top:auto;
    left:auto;
    position: relative;
    width:auto;
    height:auto;
    /* left: 50%; */
}

.cpc-modal.cpc-about .cpc-modal-contentbox {
    top: 50%;
    left: 50%;
    -webkit-transform:translate(-50%,-50%);
    transform: translate(-50%, -50%);
}


.cpc-about{
    font-size:14px;
}
.cpc-about .cpc-modal-contentbox{
    background-color:#f6f6f6;
    max-width:50%;
    min-width:50%;
    max-height:90%;
    overflow:auto;
}
.cpc-about-appName{
    font-size:18px;
}

table {
    border-collapse: collapse;
}

tr {
    border-bottom: solid 1px black;
}

.cpc-about-logo {
    width:100%;
}

.cpc-about-privacycontent p, .cpc-about-privacycontent li{
    font-size:13px;
    line-height:18px;
}
.cpc-about-privacycontent ul{
  padding: 0 0 0 18px;
}

.cpc-about-privacycontent ul li{
   list-style-type:disc;
   list-style-position:outside;
   margin-bottom:10px;
}

.cpc-about-privacycontent a{
    color:#51a026;

}


.cpc-closebutton{
    width:40px;
    height:40px;
    background-image:url('../Images/ikoner/nk_006-lukk-B-48px.png');
    background-size:24px;
    background-position: 8px 8px;
    margin:0px;
    background-repeat:no-repeat;
}

.cpc-closebutton-white{
    width:40px;
    height:40px;
    background-image:url('../Images/ikoner/nk_006-lukk-C-48px.png');
    background-size:24px;
    background-position: 8px 8px;
    margin:0px;
    background-repeat:no-repeat;
    opacity: 0.5;
    cursor: pointer;
}
.cpc-closebutton-white:hover {
    opacity: 1;
}

.cpc-about .cpc-modal-contentbox div.cpc-about-close-corner, 
.cpc-sidepanel .cpc-closebutton-corner,
.cpc-popup .cpc-closebutton-corner,
.cpc-modal .cpc-closebutton-corner{
    position:absolute;
    top:0px;
    right:0px;
    width:40px;
    height:40px;
    background-image:url('../Images/ikoner/nk_006-lukk-B-48px.png');
    background-size:24px;
    background-position: 8px 8px;
    margin:0px;
    background-repeat:no-repeat;
    opacity:0.5;
    cursor:pointer;
}

.cpc-closebutton-corner.cpc-closebutton-white {
    background-image:url('../Images/ikoner/nk_006-lukk-C-48px.png');
}

.cpc-about .cpc-modal-contentbox div.cpc-about-close-corner:hover, .cpc-sidepanel .cpc-closebutton-corner:hover, .cpc-modal .cpc-closebutton-corner:hover{
    opacity:1.0;
}

.cpc-about .cpc-modal-contentbox div,
.cpc-about-logo {
    margin-left:15%;
    margin-right:15%;
    width:auto;
}

.cpc-about-logo {
    margin-top:48px;
    margin-bottom:12px;
    width:70%;
}

.cpc-about-gap{
    display:block;
    height:12px;
}

.cpc-about-gap-big{
    display:block;
    height:24px;
}

.cpc-about-close-button{
    position:relative;
    display:block;
    box-sizing:border-box;
    color:white;
    margin-top:12px;
    margin-bottom:12px;
    background-color:#51a026;
    height:48px;
    text-align:center;
    padding-left:24px;
    padding-right:24px;
    line-height:48px;
    font-size:24px;
    cursor:pointer;
}

.cpc-about-thirdparty{
    opacity:0.5;
    font-size:12px;
}

.cpc-about-email  a, .cpc-about-privacy-link a, .cpc-about-phone span a{
    color:#51a026;
}

.cpc-about-privacycontent{
    padding-top:40px;
    display:block;
    padding-bottom:20px;
}

.cpc-about .cpc-about-privacycontent .cpc-about-backbutton{
    width:90px;
}

.cpc-about-backbutton{
    /*background-position: 0 -80px;*/
    background-position:6px 6px;
    background-image: url('../Images/ikoner/nk_026-venstrepil-D-48px.png');
    background-size:24px;
    background-repeat:no-repeat;

    background-color:#51a026;
    color:white;
    height: 36px;
    width:120px;
    font-size:18px;
    line-height:36px;
    padding-left:36px;
    cursor:pointer;
}

.cpc-about-backbutton:hover{

}



@media(max-width: 640px) {

   .cpc-about .cpc-modal-contentbox{
        box-sizing:border-box;
        
        top:12px;
        left: 12px;
        right:12px;
        width:auto;
        max-height:calc(100% - 24px);
        min-width:0;
        max-width:none;
        -webkit-transform: translate(0,0);
        transform: translate(0,0);
        overflow-y:auto;
        font-size:12px;
        
        
    }

   .cpc-about-close-button{
       font-size:18px;
       height:40px;
       line-height:40px;
   }

   .cpc-about-gap{
        height:10px;
    }

    .cpc-about-gap-big{
        height:16px;
    }

    .cpc-about .cpc-modal-contentbox div,
    .cpc-about-logo {
        margin-left:10%;
        margin-right:10%;
    }
    .cpc-about-logo{
        margin-top:8%;
    }
    .cpc-about .cpc-modal-contentbox img {
        width:80%;
    }
}

@media(max-width: 320px) {
    .cpc-about .cpc-modal-contentbox {
        font-size:11px;

    }

    .kommunekart-search-container {
        max-width:270px;
    }

    .cpc-sidepanel.cpc-sidepanel-topped.not-fullwidth,
    .cpc-sidepanel.cpc-owners-for-property.not-fullwidth {
        width:300px;
    }

    .cpc-sidepanel-top-text b {
        font-size: 14px;
    }

}

.cpc-searchresult-icon {
    width: 18px;
    height: 18px;
    margin-bottom: -4px;
    margin-right: 12px;
    /*background-image: url(../Images/ikoner/nk_021-punktmarkoer-A-48px.png);*/
    background-size: 18px;
    display: inline-block;
    opacity: 0.3;
    /*opacity: 0.5;*/
    
 }
div.cpc-searchresult-icon {
    margin-top: -2px;
    display: inline-block;
}



.cpc-absolute-and-centered {
    position: absolute;
    top:0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
}

/* ****************
    
    COLOR CHOOSER 

****************** */

.cpc-colorchooser-color {
    border:1px solid black;
    width: 100%;
    height: 100%;
    display: inline-block;
    padding: 2px;
    opacity:1;
    box-sizing:border-box;
    line-height:0;
}

.cpc-colorchooser-frame.cpc-colorchooser-chosen-color{
    border-style: dashed;
    border: 1px solid black;
    opacity: 1;
}


.cpc-colorchooser-title{
    line-height: 40px;
    height:40px;
    box-sizing:border-box;
    margin-left:8px;
    font-size:13.3333px;
    font-weight:bold;
}

.cpc-colorchooser-frame{
    padding:2px;
    display:inline-block;
    line-height:0;
    width: 36px;
    height:36px;
    box-sizing: border-box;
    border: 1px solid rgba(0,0,0,0);
}


.cpc-colorchooser-container {
    /*width: 139px;*/
    line-height: normal;      
}

.cpc-colorchooser-colorcontainer{
    padding-right:8px;
    padding-left:8px;
    padding-top:8px;
    padding-bottom:4px;
    border: 1px solid gray;
}



/* ****************
    
    TOOLBAR

****************** */

.cpc-toolbar-button-popup-arrow {
    width: 40px;
    height:40px;
    /*background-color: #4d4d4d;*/
    background-color:white;
    background-size:24px;
    background-position: 8px 8px;
    background-repeat:no-repeat;
    background-image:url('../../Images/ikoner/nk_025-hoyrepil-B-48px.png');
    z-index: 121;
    box-shadow: 0px 0.5px 2px 1px rgba(0,0,0,0.2);
    /*border-color: transparent white transparent transparent;
    border-width: 20px 20px 20px 0px;
    border-style: solid;*/
    position: absolute;        
    top: 0;
}

.cpc-toolbar-button-popup-arrow.expanded {
    background-image:url('../../Images/ikoner/nk_026-venstrepil-B-48px.png');
    box-shadow: -1.6px 0.5px 2px 1px rgba(0,0,0,0.2);
    border-right:1px solid rgba(0,0,0,0.1);
    box-sizing:border-box;
}

.cpc-toolbar-button-popup {
    /*position: absolute;
    left: 40px;
    background: white;*/
    /*border-radius: 5px;
    border: 1px solid;*/
    /*padding: 0px;
    z-index: 120;*/
}
 
.cpc-toolbar-button-popup-container {
    /*left: 30px;
    top: 30px;
    position: absolute;*/
}

.cpc-popup-content-label {
    line-height: 40px;
    height:41px;
    box-sizing:border-box;
    margin-left:0px;
    font-size:13.3333px;
    font-weight:bold;
    /*text-align:center;*/
    /*border-bottom:1px solid rgba(0,0,0,0.1)*/
}

/* ****************
    
    MARKER CHOOSER

****************** */

.cpc-markerchooser-type {
    width: 36px;
    height: auto;
    border: 1px solid transparent;
    display: inline-block;
    padding: 2px;
    margin:4px;
    opacity: 1;
    box-sizing: border-box;
}

.cpc-markerchooser-chosen-marker {
    border: 1px solid black;
}

.cpc-markerchooser-markercontainer {
    display: inline-block;
}

.cpc-markerchooser-container {
    /*width: 150px;*/
    line-height: normal;

}

.cpc-markerchooser-container .cpc-spinner{

    margin-left: calc(50% - 12px);
    margin-top: 12px;
    margin-bottom: 12px;
}

.cpc-order-spinner-container .cpc-spinner-medium, .cpc-file-link-anchor .cpc-file-link-image {
    margin-top:24px;
    margin-bottom:12px;
    margin-left: calc(50% - 24px);
}

.cpc-order-button-spinner {
    margin:auto;
    margin-top:15px;
}
/* ****************
    
    SIDEPANEL

****************** */
.cpc-sidebar{
    float:right;
    height:100%;
}

.cpc-sidebar-handler {
    display:none;
    border:none;
    height: 100px;
    width: 34px;
    z-index: 1100;
    background:transparent;
    overflow: visible;
    position: absolute;
    margin-left: -34px;
    top: calc(50% - 50px);
    overflow: hidden;
}

.cpc-sidebar-handler .thumb {
    display:block;
    width: 30px;
    height: 40px;
    position: absolute;
    top: calc(50% - 20px);
    left:4px;
    background-image: url(/Images/ikoner/nk_025-hoyrepil-B-48px.png);
    background-size:24px;
    background-color:white;
    background-position: 4px 8px;
    background-repeat: no-repeat;
    box-shadow: -2px 0px 4px -2px  rgba(0, 0, 0, 0.2);
}


.cpc-sidebar-handler.minimized .thumb{
    background-image: url(/Images/ikoner/nk_026-venstrepil-B-48px.png);
}
.cpc-sidebar-handler.maximized .thumb {
    background-image: url(/Images/ikoner/nk_025-hoyrepil-B-48px.png);
}
.cpc-sidebar-slideshape {
    margin-top:-30px;
    -webkit-filter: drop-shadow( -2px 1px 1px #ccc);
    filter: drop-shadow( -2px 1px 1px #ccc);
}

.cpc-sidebar-triangle {
     position: absolute;
    width: 44px;
    height: 44px;
    background-color: white;
    transform: rotate(45deg);
}
.cpc-sidebar-triangle.top {
    top: 8px;
    left: 13px;
    box-shadow: -2px 1px 3px -2px rgba(0, 0, 0, 0.2);
}

.cpc-sidebar-triangle.bottom {
    bottom: 8px;
    left: 13px;
    box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.2);
}


.cpc-sidebar-content {
    display:none;
    height:100%;
    z-index:100000;
    background:gray;
    /* box-shadow: -2px -2px 20px 1px rgba(0,0,0,0.2);*/
    /* box-shadow: -2px -2px 20px 1px rgba(0,0,0,0.2);*/
}


/*
    .triangle-with-shadow {
  width: 100px;
  height: 100px;
  position: relative;
  overflow: hidden;
 
}
.triangle-with-shadow:after {
  content: "";
  position: absolute;
  width: 100px;
  height: 100px;
  background: orange;
  transform: rotate(45deg);
  top: 50px;
  left: 50px;
  box-shadow: -1px -1px 10px -2px rgba(0, 0, 0, 0.5);
}

*/


/*.cpc-sidebar-handler-decorator {
    width: 0;
    border: none;
    background: transparent;
    /* box-sizing: border-box; 
    height: 42px;
    border-right: 30px solid rgba(255,255,255,0.5);
    border-top: 30px solid transparent;
    border-bottom: 30px solid transparent;
    -webkit-filter: drop-shadow( -1px 1px 2px #aaa );
    top: calc(50% - 50px);
    filter: drop-shadow(-1px 1px 2px #aaa );
    margin-left: 0px;

}*/


.cpc-sidepanel {
    position: relative;
    opacity: 1;
    height: 100%;
    width: 290px; /* Remember that more space than usual is required when some error messages is shown */
    float: right;
    margin: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    padding-top: 24px;
    padding-left: 20px;
    padding-right:20px;
    padding-bottom:0;

    box-sizing: border-box;
    overflow-y: auto;
    color: black;
    background-color: white;
    font-size:14px;
    box-shadow: 0px 1px 2px 1px rgba(0,0,0,0.2);
    z-index:1003;
}

.cpc-sidepanel h1{
    margin:0px;
    margin-bottom:12px;
    font-size:21px;
}


.cpc-sidepanel h2 {
    font-size:16px;
    font-weight:bold;
}

.cpc-sidepanel-section {
    /*padding-right:20px;
    padding-left:20px;*/
    line-height:20px;
}

.cpc-sidepanel-header {
    background-color:#2e2d30;
    padding:10px;
    color:white;
    height:40px;
    margin-top:-24px;
    margin-left:-20px;
    margin-right:-20px;
    margin-bottom:10px;
}

.cpc-sidepanel-header h1 {
        margin: 12px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

.cpc-sidepanel-header .cpc-backbutton.cpc-backbutton-white {
        background-position: 0px 0px;
        opacity: 1;
        background-color: transparent;
    }

.cpc-sidepanel-list {
    overflow: auto;
    margin-bottom: 1vh;
    margin-top: 2vh;
    border: 1px solid #ddd;
    max-height:80vh;
}

.cpc-sidepanel select, .cpc-sidepanel input{
    border-radius:0;
    height:40px;
    margin-top:6px;
    margin-bottom:12px;
    padding-left:12px;
    font-size:14px;
    box-sizing: border-box;
}

.cpc-sidepanel select[multiple] {
    height: auto; 
}

.cpc-sidepanel .cpc-button-cta {
    width:100%;
    margin-top:8px;
}

.cpc-sidepanel .header-label {
    margin-top:12px;
}

.cpc-sidepanel .cpc-bottompadding {
 padding-bottom: 0.5em;
}

.cpc-sidepanel-repad { /* useful for a scroll-container*/
    margin-left:-20px;
    margin-right:-20px;
    padding-left:20px;
    padding-right:20px;
}




.cpc-sidepanel option{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    line-height:40px;
}

.cpc-sidepanel-info{
    display: inline-block;
    box-sizing:border-box;
    padding: 0.5em;
    background-size:24px;
    background-repeat:no-repeat;
    background-position:0px 50%;
    min-height:1.5em;
    padding-left:32px;
    line-height:1.5em;
}

.cpc-sidepanel-paragraph {
    font-size: 1em;
    width: 100%;
}

.cpc-sidepanel .cpc-sidepanellistcontainer { max-height: 329px; }

.cpc-sidepanel .cpc-password-container {
    margin:0;
}

.cpc-sidepanel .cpc-password-field, .cpc-sidepanel .cpc-password-button {
    width:100%;
}


/* Used to help with filling remaining area for input and select fields*/
.cpc-fill-div-container { overflow: hidden; }

.cpc-sidepanel .cpc-button-link {
    width:100%;
    margin-top:4px;
    margin-bottom:4px;
    text-align:left;
}

.cpc-list-container.cpc-owner-list-container { /* not good - try to convert to flexbox*/
    max-height: calc(100% - 210px);
}


.cpc-property-list-container {
    /*max-height: calc(100% - 260px);
    overflow-y:auto;*/
    border-top:1px solid #ddd;
    /*border-bottom: 1px solid #ddd;*/
    
}





.cpc-full-width{
    width:100%;
}

/* *********************

    BUTTON CTA + SECONDARY

*********************** */


.cpc-button-cta {
    box-sizing: border-box;
    height: 40px;
    font-weight: bold;
    margin-right: 20px;
    font-size: 14px;
    padding-left: 24px;
    padding-right: 24px;
    background-color: #417F19; /*#51a026*/
     /*#51a026*/
    color: white;
    border-width: 0px;
}

.cpc-button-cta.disabled, .cpc-button-secondary.disabled {
    background-color: whitesmoke !important;
    color: gray;
    border: 1px solid rgb(204, 204, 204);
}

.cpc-disabled{
    background-color: whitesmoke !important;
    color: #c1c1c1 !important;
    cursor: auto;
}

.cpc-button-cta:focus, .cpc-button-secondary:focus {
    text-decoration: underline;
}

.cpc-button-secondary {
    box-sizing: border-box;
    height: 40px;
    font-weight: bold;
    margin-right: 12px;
    font-size: 14px;
    padding-left: 24px;
    padding-right: 24px;
    background-color: whitesmoke;
    color: black;
    border-width: 0;
    border: 1px solid black;
    margin-top:12px;
    margin-bottom: 12px;
    line-height: 24px;
}


.cpc-button-secondary:hover{
    text-decoration:underline;
    background-color: #eeeeee;
}

.cpc-button-secondary:active{
    background-color:#eeeeee;
    text-decoration:underline;
}

.cpc-button-link {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 40px;
    font-weight: bold;
    margin-right: 20px;
    font-size: 14px;
    padding-left: 24px;
    padding-right: 24px;
    background-color: transparent;
    color: #5078b2;
    border-width: 0px;
    border:none;
    margin-top:12px;
    margin-bottom: 12px;
    cursor: pointer;
    text-decoration:none;
}
.cpc-button-link:hover{
    text-decoration:underline;
}

.cpc-twobutton {
    width:47%;
    margin-right:0;
}

/* *********************

    LIST

*********************** */


.cpc-list-container {
    max-height: inherit;
    overflow-y:auto;
    box-sizing: border-box;
    background-color: whitesmoke;
    /*border-top: 1px solid rgba(0,0,0,0.2);
    border-bottom: 1px solid rgba(0,0,0,0.2);*/
    /*border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd ;*/
    border: 1px solid #ddd;
    margin: 0;
}


.cpc-list-container .cpc-closebutton{
    background-color:#ddd;
}        

.cpc-list-element.empty {
    padding-left:24px;
}        

.cpc-list-element{
    line-height: 40px;
    /*border-bottom: 1px solid rgba(0,0,0,0.2);*/
    border-bottom: 1px solid #ddd;
    height: 40px;
}

.cpc-list-element:focus {
    outline:none;
    font-weight:bold;
}
.cpc-list-element:last-child{
    border-bottom: none;
}

.cpc-list-element-chosen {
    background-color: #eee;
}

.cpc-list-element-text {
    padding-left: 24px;
    height: 100%;
}

.cpc-owners-for-property .cpc-list-container{
    background:none;
}

.cpc-ownerforpropertylist-element button{
    /*line-height: 40px;
    border-bottom: 1px solid #ddd;*/
    height: auto;
    min-height: 20px;
    padding: 20px;
    padding-top:10px;
    padding-bottom:10px;
    
    
    background-image: url('../Images/ikoner/nk_025-hoyrepil-B-48px.png');
    background-size:24px;
    background-repeat:no-repeat;
    background-position-y:center;
    background-position-x:95%;
    padding-right: 44px;
    cursor:pointer;
    background-color:transparent;
    width:100%;
    border:none;
    text-align:left;
    font-size:inherit;
}



.cpc-list-element-tall{
    /*line-height: 40px;
    border-bottom: 1px solid #ddd;*/
    height: auto;
    min-height: 40px;
}
.cpc-propertylist-panel .cpc-list-container {
    background-color:transparent;
}

.cpc-propertyList-listContainer {
    margin-bottom: 20px;
}

.cpc-propertylist-element-header {
    cursor: pointer;
    padding-left: 24px;
    line-height: 40px;
}




/*.cpc-propertylist-element:last-child{
    border-bottom: none;
}*/


.cpc-propertylist-element-text {
    padding-left: 24px;
    padding-right: 24px;
    /*height: 100%;*/
}

.cpc-list {
    max-height: inherit;
    overflow-y:auto;
    box-sizing: border-box;
}

.cpc-list-div-border{
    border-bottom:1px solid rgba(0,0,0,0.1);
}

.cpc-list-div-border:last-child {
    border-bottom:none;
}
/*  


*/
.cpc-noClickEvents {
    pointer-events: none;
}

/*
    TOOLTIP

*/

/* To keep tooltips looking consistent it was decided to use tooltip-style from leaflet-draw (check draw.css)*/

.cpc-tooltip-right {
	background: rgb(54, 54, 54);
	background: rgba(0, 0, 0, 0.5);
	border: 1px solid transparent;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
	color: #fff;
	font: 12px/18px "Helvetica Neue", Arial, Helvetica, sans-serif;
	margin-left: 20px;
	margin-top: -14px;
	padding: 4px 8px;
	position: absolute;
	/*visibility: hidden;*/
	white-space: nowrap;
	z-index:20000;
    pointer-events: none;
}

.cpc-tooltip-right:before {
	border-right: 6px solid black;
	border-right-color: rgba(0, 0, 0, 0.5);
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	content: "";
	position: absolute;
	top: 7px;
	left: -7px;
}

.cpc-tooltip-text {
    color:#fff;
}


.minimap {
    border: 1px solid white;
    height: 100px;
    width: 100px;
    position: absolute;
    bottom: 70px;
    left: 8px;
    z-index: 1000;
    display: block;
}


#map3d {
      cursor: pointer;
     }

#map3d .minimap-label {
    top: 82px;
    text-decoration: none;
    background-color: rgba(255, 255, 255, 0.7);
    bottom: 0;
    margin-bottom: 0;
    z-index: 1020;
    position: relative;
    color: black;
}

.cpc-baselayer-selector-container {
    bottom: 0;
    z-index: 1002;
    max-width: 100%;
    background-color: transparent;
    margin: 0;
    width: 108px;
    display: inline-block;
}

.cpc-baselayer-selector-container.mobile-mode .opened-view{
    margin: 0;
}


.cpc-baselayer-selector-container .opened-view {
    display: flex;
    flex-wrap: wrap;
    width:360px;
    padding: 5px;
    align-items:center;
    box-sizing:border-box;
    box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.2);
    background-color: white;
    margin: 8px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1003;
}

.cpc-baselayer-selector-container.mobile-mode .opened-view{
    width: 100%;

}


.cpc-baselayer-selector-container .opened-view .cpc-title {
    flex-grow: 1;
}
.cpc-baselayer-selector-container.mobile-mode  .opened-view .cpc-title {
     display:none;
}



.cpc-baselayer-selector-container .ortofotoSelectContainer {
    width: 100%;
    margin-top: 5px;
}

.cpc-baselayer-selector-container .ortofotoSelectContainer span {
    white-space: nowrap;

}


.cpc-baselayer-selector-container .ortofotoSelectContainer select::-ms-expand {
    display: none;
}

.cpc-baselayer-selector-container .ortofotoSelectContainer select {
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff;
    background-image: url(../Images/ikoner/nk_004-ned-A.png);
    background-size: 24px;
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: calc(100% - 12px);
    font-family: Arial,Helvetica,sans-serif;
    font-size: 16px;
    padding-left: 12px;
    padding-right: 48px;
    border: 2px solid #999;
    margin: 0;
    margin-top:5px;
    margin-bottom: 5px;
    height: 40px;
    border-radius: 0;
}

.cpc-baselayer-selector-container.mobile-mode .cpc-baselayer-toggle,
.cpc-baselayer-selector-container.mobile-mode .ortofotoSelectContainer {
    order: 1;
}

.cpc-baselayer-selector-container .closed-view {
    height: 100px;
    width: 100px;
    box-sizing: border-box;
    margin: 8px;
    padding: 0;
    background-size: 100%;
    background-position: 0px 0px;
    background-repeat: no-repeat;
    background-image: url('../Images/bg_layer_thumb_aerial_quadratic.png');
    border: 2px solid white;
    display: flex;
    justify-content: center;
    cursor: pointer;
    position: absolute;
    bottom: 0;
    left: 0;
   
}

.cpc-baselayer-selector-container .closed-view-text {
    color: black;
    font-size: 14px;
    font-weight: bold;
    width: 100%;
    box-sizing: border-box;
    display: inline-block;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.70);
    bottom: 0px;
    left: 0px;
    position: absolute;
    padding: 7px;
}


.cpc-baselayer-selector-container .cpc-closebutton-corner {
    background-image: url(../Images/ikoner/nk_006-lukk-B-48px.png);
    width: 24px;
    height: 24px;
    background-position: 0;
    background-repeat: no-repeat;
    background-size: 24px; 
    cursor: pointer;

}

.cpc-baselayer-selector-container.mobile-mode .cpc-closebutton-corner {
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 40px;
}



/*.cpc-baselayer-selector {
    padding: 0px;
    margin:0px;
    box-sizing: border-box;
    display: flex;
    overflow-y: auto;
}*/ 
.cpc-baselayer-button {
    font-weight:bold;
    background-color:white;
    display: block;
    float: left;
    height:66px;
    width:25%;
    box-sizing: border-box;
    margin:0;
    padding:0;
    border:none;
    border-right: 1px solid rgba(0,0,0,0.1);
    background-size: calc(100% - 8px);
    background-position: 4px 4px;
    background-repeat: no-repeat;
    background-image:url('../Images/bg_layer_thumb_normal_bw.png');

}

.cpc-baselayer-selector-container.mobile-mode .cpc-baselayer-button {
    background: none !important;
    height: 30px;
    margin: 5px;
    border: 1px solid;
    width: 25%;
}

.cpc-baselayer-selector-container.mobile-mode .cpc-baselayer-button span{
    bottom: 0;
}


.cpc-baselayer-button:last-child {
    border-right: none;
}

.cpc-baselayer-button:focus {
    outline:none;
    text-decoration:underline;  
}


.cpc-baselayer-button:hover,.cpc-baselayer-button.selected:hover {
    color:black;
    background-color:whitesmoke;
    text-decoration: underline;
}

.cpc-baselayer-button.selected {
    color:black;
    background-color:whitesmoke;
        text-decoration: underline;
}

.cpc-baselayer-button span {
    position:relative;
    display:block;
    bottom: -18px;
}

.cpc-baselayer-button.normal { background-image:url('../Images/bg_layer_thumb_normal_transp_bw.png'); }
.cpc-baselayer-button.aerial { background-image:url('../Images/bg_layer_thumb_aerial_transp_bw.png'); }
.cpc-baselayer-button.hybrid { background-image:url('../Images/bg_layer_thumb_hybrid_transp_bw.png'); }
.cpc-baselayer-button.threeD { background-image:url('../Images/bg_layer_thumb_3D_HC_transp_bw.png'); }
.cpc-baselayer-button.grey { background-image: url('../Images/bg_layer_thumb_gray_transp.png');}
.cpc-baselayer-button.noBaseLayer {
    background-image: url('../Images/bg_layer_thumb_no_baselayer_transp.png');
    background-size: 36px;
    background-position-x: 24px;
}



.cpc-baselayer-button.selected.normal, .cpc-baselayer-button.normal:hover {
    background-image: url('../Images/bg_layer_thumb_normal.png')
}
.cpc-baselayer-button.selected.aerial,.cpc-baselayer-button.aerial:hover { background-image:url('../Images/bg_layer_thumb_aerial.png') }
.cpc-baselayer-button.selected.hybrid,.cpc-baselayer-button.hybrid:hover { background-image:url('../Images/bg_layer_thumb_hybrid.png')}
.cpc-baselayer-button.selected.threeD,.cpc-baselayer-button.threeD:hover { background-image:url('../Images/bg_layer_thumb_3D.png')}
.cpc-baselayer-button.selected.noBaseLayer,.cpc-baselayer-button.noBaseLayer:hover { background-image: url('../Images/bg_layer_thumb_no_baselayer.png');}
.cpc-baselayer-button.selected.grey,.cpc-baselayer-button.grey:hover { background-image: url('../Images/bg_layer_thumb_gray.png');}


.cpc-baselayer-button:disabled, .cpc-baselayer-button:hover:disabled {
    color: gray;
    background-color:white;

}

.cpc-baselayer-button:disabled , .cpc-baselayer-button:hover:disabled {
    opacity: 0.7;
}

.cpc-baselayer-button.threeD:hover:disabled  {
    background-image:url('../Images/bg_layer_thumb_3D_HC_transp_bw.png');
}



.cpc-baselayer-toggle {
    border-top: 1px solid rgba(0,0,0,0.1);
    border: none;
    padding: 0;
    text-align: left;
    flex-grow: 1;
    background-color: transparent;
}



.cpc-container .cpc-baselayer-toggle input[type=checkbox].cpc-checkbox {
     margin-left:12px;
     background-position:12px 12px;
}


.cpc-container .cpc-baselayer-toggle input[type=checkbox].cpc-checkbox + label {
    font-size:13px;
    padding-left: 48px;
    line-height: 32px;
    height:32px;
    background-position:12px 4px;
    font-weight: normal;    
}



/* pdf/zip button */

.cpc-file-link-anchor {
    display: block;
    text-decoration:none;
    font-weight: bold;
    color: #5078b2;
}

.cpc-file-link-anchor:hover {
    text-decoration: underline;
}

.cpc-file-link-image {
    margin-left: auto;
    margin-right: auto;
    width: 50px;
    display: block;
}

.cpc-file-link-text {
    text-align: center;
    margin: 0;
}


/* Radio buttons */
 .cpc-container input[type="radio"] + label::before {
    background-image: url('/Images/nk_radiobutton_off.png');
     background-size: 12px 12px;
     background-position:12px 12px;
     background-repeat: no-repeat;
     width: 36px;
     height: 40px;
     content: "";
     display: inline-block;
     margin-bottom: -16px;
     margin-left:-6px;

}
 .cpc-container input[type="radio"]:focus + label {
     /*text-decoration: underline;*/
     font-weight:bold;   
 }


.cpc-container input[type="radio"]:checked + label::before {
  background-image: url('/Images/nk_radiobutton_on.png'); 
}

.cpc-container input[type="radio"] {
    -moz-appearance:none; /* helps to fix firefox bug*/
    width: 0;
    margin:0;
    padding:0;
    opacity:0;

}

  .cpc-container input[type="radio"] + label {
      height:40px;
      padding-right:8px;/* better with 12, but it it helps to fix firefox bug*/
}


  /* checkbox */

.cpc-container input[type="checkbox"].cpc-checkbox {
     display:none;
 }




.cpc-container input[type="checkbox"].cpc-checkbox + label  {
     display: inline-block;
     background:url('/Images/ikoner/nk_071-ikke-valgt-A-48px.png');

     height:48px;
     background-size:24px;
     background-position: 0 12px;
     background-repeat: no-repeat;

     line-height:48px;
     padding-left:30px;
     
 }

.cpc-container input[type="checkbox"]:checked.cpc-checkbox {
    background:url('/Images/ikoner/nk_070-valgt-A-48px.png');
}

.cpc-container .cpc-checkbox-container  input[type="checkbox"].cpc-checkbox + label {
    background-position:0 center;
    
}
.cpc-container .cpc-checkbox-container input[type="checkbox"].cpc-checkbox + label  {
    flex-grow:1;
    line-height: normal;
    height: auto;
    align-self:center;
     
 }



.cpc-container  .cpc-checkbox-container {
    display:flex;
    align-items: stretch;
    padding-bottom:14px;
    padding-top:14px;


}

.cpc-container .cpc-checkbox-container input[type="checkbox"].cpc-checkbox-control.cpc-checkbox,
.cpc-container .cpc-checkbox-container label {
    flex-grow:1;


}

.cpc-container .cpc-checkbox-container label {

}


.cpc-container input[type="checkbox"]:checked.cpc-checkbox + label  {
      background-image: url('/Images/ikoner/nk_070-valgt-A-48px.png');
}

.cpc-container input[type="checkbox"]:disabled.cpc-checkbox + label  {
      opacity:0.3;
}


.cpc-container label {
    display: inline-block;
    cursor: pointer;

    font-family: arial; 
    font-size: 14px
}

/* pink elephant*/
.cpc-pink-elephant-image {
    background-image: url('/Images/pink-elephant-hi.png');
    background-size: 96px 96px;
    height: 96px;
    width: 96px;
    z-index: 1000;
    position: absolute;
    pointer-events: none;
}

.cpc-text-edit-icon-point {
    display: inline-block;
    visibility:hidden;
}


.cpc-container * input[type=number]::-webkit-inner-spin-button,
.cpc-container * input[type=number]::-webkit-outer-spin-button
{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; 
}

.cpc-container * input[type=number] {
    -moz-appearance:textfield;
}

/*Legend*/
.cpc-legend-div {
    z-index: 1002;
    background-color: #fff;
    width: 400px;
    height: auto;
    margin: 10px;
    top: calc(100% - 160px);
    position: absolute;
    box-shadow: 0px 1px 2px 1px rgba(0,0,0,0.2);
    background-repeat: no-repeat;
    opacity: 0.98;
}
@media(max-width: 420px) {
    .cpc-legend-div {
        width:auto;
        right:10px;
        left:10px;
        bottom:10px;
        margin:0px;
        top:auto;
    }
}

.cpc-legend-image-container {
    width: 100%;
    overflow:auto;
    height:auto;
}
.cpc-legend-top-content{
    width:inherit;
    height:auto;
    margin-bottom:10px;
    margin-top: 15px;
    cursor: move;
}

.cpc-legend-image{
    margin-top:10px;
}

.cpc-legend-error-message{
    height:48px;
    margin:20px;
    margin-top:15px;
    margin-bottom:15px;
}

.cpc-old{
    opacity:0.5;
}

.cpc-legend-wms-title{
    margin:15px;
    padding-top:20px;
    font-weight:bold;
    font-size:14px;
}
.cpc-legend-title{
    margin: 15px;
    font-size:21px;
    margin-top: 0px;
}

.cpc-legend-sub-title{
    margin: 15px;
    font-size:19px;
    margin-top: 0px;
}

.cpc-legend-spinner-container{
    width:48px;
    margin:auto;
    margin-top:10px;
    margin-bottom:20px;
}

.cpc-legend-static-container img{
    margin:10px;
}

.cpc-label,.cpc-value {
   
    margin-bottom:10px;
    font-weight: bold;
    width: 25%;
    max-width:25%;
    display: inline-block;
    vertical-align:top
}

.cpc-value {
    font-weight: normal;
    width: 73%;
    max-width:73%;
}

cpc-value-vertical {
    /*display:*/ 
}

.cpc-closebutton-corner {
    background-color: inherit;
    border: none !important;
}

.cpc-details {
    width:300px;
    padding-left:10px;
}

.cpc-details  h1 {
    font-size:16px;
   
}

.cpc-details  .cpc-label {
    width:120px;
    margin:0px;
    margin-top:6px;
   
    display: inline-block;
}
.cpc-details  .cpc-value {
    width:auto;
    margin:0px;
    margin-top:4px;
    
    display:block;
}


      
.cpc-poi-details-container, .cpc-details-container {
    width: 18em;
    padding: 0.25em;
}

.cpc-poi-details-list-element, .cpc-details-list-element  {
    word-break: break-all; /* non-chrome*/
    word-break: break-all;
    margin-top:8px;
}

.cpc-poi-details-link, .cpc-details-link {
    padding-right: 2px;
}

.cpc-details-button-link {
    border:none;
    background:none;
    padding:0;
    font-weight:bold;
    font-size:12px;
    text-decoration:underline;
    color: #5078b2;
    margin-top:8px;
    margin-bottom:8px;
    cursor: pointer;
}
    
.cpc-layer-search-checkbox + label {
    image-rendering: -webkit-optimize-contrast;
    -ms-interpolation-mode: nearest-neighbor;
    image-rendering: crisp-edges;
    background-image: url('/Images/ikoner/nk_094-ikke-synlig-B-48px.png') !important;
    background-size:20px !important;
    opacity:0.65;
    margin-top:0px;
}

.cpc-container input[type="checkbox"].cpc-layer-search-checkbox.layergroup +label {
    background-image: url('/Images/ikoner/nk_071-ikke-valgt-A-48px.png') !important;
    background-size:24px !important;
    opacity:1;
}

.cpc-layer-search-checkbox:checked + label {
    
    background-image: url('/Images/ikoner/nk_093-synlig-B-48px.png') !important;
}

.cpc-container input[type="checkbox"]:checked.cpc-layer-search-checkbox.layergroup +label {
    background-image: url('/Images/ikoner/nk_070-valgt-A-48px.png') !important;
    background-size:24px !important;
    opacity:1;
}

.cpc-no-events{
    pointer-events: none;
}

/* iphone z-index bugfix*/
.cpc-container .leaflet-container,
.cpc-container .leaflet-map-pane {
    z-index: 0 !important;
}

.cpc-absolute-vertical-centered {
    display: inline-block;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
}

.cpc-flexcontainer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: flex-start;
    align-content: flex-start;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    height:100%;
}


.cpc-flexcontainer.vertical {
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.cpc-flexitem , .cpc-sidepanel .cpc-flexitem {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto; 
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
}

.cpc-flex1 , .cpc-container .cpc-flex1 {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex:1;
    flex: 1; 
}

.cpc-container  .scrolly{
    overflow-y:auto;
}

.cpc-sidepanel-section.cpc-property-list-container .cpc-list-container {
    margin: 0;
    margin-top:-1px;

}

.cpc-popup {
    position: absolute;
    top: 0;
    left: 0;
    display: -webkit-flex;
    display: flex;
    box-sizing: border-box;
    will-change: transform;
    pointer-events: none;
    flex-direction: column-reverse;
    transform: translate(-50%, -100%);
    will-change: auto;
    
}


 .cpc-popup .cpc-closebutton-corner {
    background-size: 16px;
    background-position: 22px 2px;
    background-color: transparent;
}

  .cpc-popup .cpc-closebutton-corner:hover {
    background-size: 16px;
    background-position: 22px 2px;
    opacity:1;
}




.cpc-popup-content-wrapper{    
    position: relative;
    background: #fff;
    padding: 16px 16px 16px;
    pointer-events: auto;
    font-size: 14px;

}

.cpc-popup-content-container {
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    box-sizing: border-box;
    width:100%;
}

.cpc-popup-close-button {
    position: absolute;
    right: 0;
    top: 0;
    border: none;

    cursor: pointer;
    background-color: rgba(0,0,0,0);
    
}

.cpc-popup-tip {
    width: 0;
    height: 0;
    border: 16px solid transparent;
    z-index: 1;
}

.cpc-closebutton-corner {
    background-color:transparent;
}

.mapboxgl-popup-anchor-bottom .cpc-popup-tip,
.cpc-popup .cpc-popup-tip {
    -webkit-align-self: center;
    align-self: center;
    border-bottom: none;
    border-top-color: rgb(161, 196, 56);
}


.cpc-maporientation-control .cpc-maporientation-icon {
    width:40px;
    height: 40px;
    margin: 0;
    background-position: 4px 4px;
    background-size: 32px;
    
    transform: translate(0px, 0px) rotate(45deg);
}

.cpc-compass-control .cpc-icon-compass {
    width:40px;
    height: 40px;
    margin: 0;
    padding:0;
    background-position: 4px 4px;
    background-size: 32px;
    
    transform:  rotate(45deg);
}

.cpc-compass-control .cpc-compass-button {
    padding:0;
   
}


.cpc-press-and-move {
    width:40px;
}

.cpc-press-and-move button {
     touch-action: none;
     padding: 0;
     margin: 0;
     width:40px;
     
}

/*.cpc-location-detail-div [name=linkButton] {
    padding:0;
    margin:0;
    width:49%;
    float:left;
    display:inline-block;
    box-sizing: border-box;
    padding-right:8px;
    line-height:40px;

}*/


.cpc-location-detail-div [name=linkButton] {
    padding: 0;
    padding-right: 6px;
    margin: 8px 0;
    min-width: 49%;
    /* float: left; */
    /* display: inline-block; */
    box-sizing: border-box;
    /* padding-right: 8px; */
    /* line-height: 40px; */
    flex: 1 1 49%;
    height: auto;
}
.cpc-location-detail-div[name=links],
.cpc-location-detail-div[name=integration_links] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    
} 

.cpc-cursor-pointer {   cursor: pointer;    }
.cpc-cursor-move    {   cursor: move;       }

.cpc-no-shadow {
    box-shadow: none !important;
}

.cpc-container .mapboxgl-ctrl-attrib span { /*based on current class and dom structure of the mapbox attribution control*/
    opacity: 0.75;
}

@media not print {
    .cpc-container .mapboxgl-ctrl-scale { /*based on current class of the mapbox scale control*/
        margin-right: 60px !important;
        box-sizing: border-box; /*TODO: remove after fixed at mapbox*/
    }  
}



.cpc-nobuttonstyle {
    background-color:transparent;
    border:none;
    width: 100%;
    text-align:left;
}

.cpc-list-element-tall:hover {
    background-color:whitesmoke;
}

.cpc-full-width-minus-40px {
    width: calc(100% - 40px);
}

.cpc-float-left {
    float: left !important;
}


/**/


.cpc-error-page {
    width: 240px;
    border-radius: 5px;
    height: 50px;
    position: absolute;
    margin-top: -100px;
    margin-left: -120px;
    top: 50%;
    left: 50%;
}


.cpc-norkart-logo img {
    width: 100%;
}


.cpc-error-page p {
    color: gray;
    font-size: 12px;
}

.cpc-error-page-title {
    font-size: 1.5em !important;
    font-weight: normal;
    margin: 0;
    color: black !important;
}



button[name=plus_icon].cpc-button-secondary {
    background-position-x: 8px;
    background-position-y: center;
    background-color: transparent;

}


.lineThroughText {
    text-decoration: line-through;
}


/* Multiple select*/
.cpc-multiple-select {
    background-color: white;
    position: relative;
    cursor: text;
    font-weight: normal;
}


.cpc-multiple-select .item {
    padding: 10px;
    background-color: white;
}

.cpc-multiple-select .item:hover {
    background-color: #dddddd;
}

.cpc-multiple-select .active {
    background-color: #dddddd;
}

.cpc-multiple-select-chosen-element {
    border: 1px solid;
    border-radius: 3px;
    cursor: default;
    margin-right: 5px;
    margin: 3px 5px 3px 0px;
    padding-left: 5px;
    background-color: #dddddd;
    max-width: 100%;
}

.cpc-small-close-button {
    background-image: url(../Images/ikoner/nk_006-lukk-A-48px.png);
    background-size: 18px;
    background-position: 3px 3px;
    background-repeat: no-repeat;
    height: 24px;
    width: 24px;
    cursor: pointer;
}

.cpc-multiple-select-list {
    display: block;
    max-height: 500px;
    width: 100%;
    overflow-y: auto;
    /*position: absolute;*/
    cursor: pointer;
}

.cpc-multiple-select-search-filter {
    min-width: 50px;
    max-width: 100%;
    width: 50px;
    border: none;
    outline: none;
    margin: 6px 0;
    padding-left: 5px;
}
   
.cpc-multiple-select-chosen-element span {
    max-width: 115px;
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: calc(100% - 24px);
    vertical-align: middle;
    padding: 3px;
    box-sizing: border-box;
}

.cpc-layers-tabpanel-button {
    flex-grow: 1;
    justify-content: center;
    height: 40px;
    font-weight: bold;
    border: none;
    background-color: transparent;
    border-bottom:1px solid rgba(0,0,0,0.1);
    border-top:1px solid rgba(0,0,0,0.1);
}

    .cpc-layers-tabpanel-button:hover {
        background-color: #f6f6f6;
    }

    .cpc-layers-tabpanel-button span{
        cursor: pointer; 
    }

    .cpc-layers-tabpanel-button.selected {
        background-color: #fbfbfb;
        border-bottom: transparent;
        border: 1px solid rgba(0,0,0,0.1);
        border-bottom: 0px;
        font-weight:bold; 
    }

.cpc-layers-tabpanel-button.selected span {
    border-bottom: 3px solid #51a026;
    padding: 2px;
    cursor: auto; 
}

.cpc-layers-tabpanel-info {
    min-height:40px; 
    background-color:#fbfbfb; 
    padding: 5px 10px; 
    border: 1px solid rgba(0,0,0,0.1);
    border-top:0px; 
    line-height:20px; 
}


.cpc-active-layer-container {
    display: block;
    border: 1px solid lightgrey;
    position: relative;
    padding: 10px;
    min-height: 65px;
}

.cpc-active-layer-transperency-container {
    display: flex;
    align-items: center;
    width: calc(100% - 20px);
    margin-top:8px;
}

    .cpc-active-layer-transperency-container input{
        margin-top:0px;
        margin-bottom:0px;
    }

    .cpc-active-layer-transperency-slider {
        height: auto;
        margin: 0;
        flex-grow: 1;
        padding: 0 !important;
    }


.cpc-active-layer-transperency-not-availible {
    font-weight: normal;
    padding-top: 10px;
}


.cpc-active-layer-transperency-text {
    font-weight: normal;
    /*padding: 10px;*/
    /*padding-left: 10px;*/ 
    text-align:right; 
    width: 40px;
    margin-left:10px; 
}

.cpc-no-margin {
    margin: 0 !important;
}

.cpc-active-layer-transperency-plus-button {
    background-position: 8px 8px;
    background-image: url('../Images/ikoner/nk_008-pluss-B-48px.png');
    background-size: 24px;
    height: 44px !important; 
    width: 44px !important; 
    /*padding: 0px; 
    padding-left: 10px;*/
    margin-left: 3px; 
}

.cpc-active-layer-transperency-minus-button {
    background-position: 8px 8px;
    background-image: url('../Images/ikoner/nk_009-minus-B-48px.png');
    background-size: 24px;
    height: 44px !important;
    width: 44px !important;
    /*padding: 0px;
    padding-right: 10px;*/
    margin-left: -8px; 
    margin-top:3px; 
    margin-right:3px; 
}

input[type=range].cpc-active-layer-transperency-slider {
    /*removes default webkit styles*/
    -webkit-appearance: none;
    /*fix for FF unable to apply focus style bug */
    border: 1px solid white;
    /*required for proper track sizing in FF*/
    /*width: 300px;*/
}

input[type=range].cpc-active-layer-transperency-slider:focus {
    outline: none;
}

/*Styling range-track, webkit, FF, IE*/
input[type=range].cpc-active-layer-transperency-slider::-webkit-slider-runnable-track {
    /*width: 300px;*/
    /*height: 8px;*/
    height: 5px;
    background: #ddd;
    border: none;
    border-radius: 3px;
}

input[type=range].cpc-active-layer-transperency-slider:focus::-webkit-slider-runnable-track {
    background: #ccc;
}

input[type=range].cpc-active-layer-transperency-slider::-moz-range-track {
    /*width: 300px;*/
    height: 5px;
    background: #ddd;
    border: none;
    border-radius: 3px;
}

input[type=range].cpc-active-layer-transperency-slider::-ms-track {
    /*width: 300px;*/
    /*height: 8px;*/
    height: 5px;
    /*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */
    background: transparent;
    /*leave room for the larger thumb to overflow with a transparent border */
    border-color: transparent;
    border-width: 6px 0;
    /*remove default tick marks*/
    color: transparent;
}

    /*Thumb element, webkit, FF, IE*/
input[type=range].cpc-active-layer-transperency-slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    border: none;
    /*height: 20px;*/
    height: 15px;
    /*width: 20px;*/
    width: 15px;
    border-radius: 50%;
    background: #51a026;
    margin-top: -5px;
    /*margin-top: -6px;*/
}

input[type=range].cpc-active-layer-transperency-slider::-moz-range-thumb {
    border: none;
    /*height: 20px;*/
    height: 15px;
    /*width: 20px;*/
    width: 15px;
    border-radius: 50%;
    background: #51a026;
}


input[type=range].cpc-active-layer-transperency-slider::-ms-thumb {
    border: none;
    height: 15px;
    /*height: 20px;*/
    width: 15px;
    /*width: 20px;*/
    border-radius: 50%;
    background: #51a026;
}

    /*hide the outline behind the border*/
input[type=range].cpc-active-layer-transperency-slider:-moz-focusring {
    outline: 1px solid white;
    outline-offset: -1px;
}

/*Turn off value as tooltip in IE*/
input[type=range].cpc-active-layer-transperency-slider::-ms-tooltip {
    display:none;
}


input[type=range].cpc-active-layer-transperency-slider::-ms-fill-lower {
    background: #777;
    border-radius: 10px;
}


input[type=range].cpc-active-layer-transperency-slider::-ms-fill-upper {
    background: #ddd;
    border-radius: 10px;
}

input[type=range].cpc-active-layer-transperency-slider:focus::-ms-fill-lower {
    background: #888;
}


input[type=range].cpc-active-layer-transperency-slider:focus::-ms-fill-upper {
    background: #ccc;
}

.cpc-container .mapboxgl-ctrl-logo {
    display: none;
}

.cpc-nowrap {
    white-space:nowrap;
}

/** Override default cursor in map **/
.cpc-main-container .mapboxgl-canvas-container.mapboxgl-interactive {
    cursor: pointer;
}