@charset "UTF-8";
/* Toppmeny *************************************************************************/
.site-name {
    letter-spacing: -0.5px;
    display: block;
    float: left;
    font-weight: 700;
    color: #fafafa;
	background: white;
	margin-right: 5%;
}
#header .site-name h1 {
    font-size: 20px;
    display: inline;
}
#header .site-name h1.subTitle {
    font-size: 18px;
    line-height: 20px;
    margin: 0;
}
/*#header .site-name:after {
    text-transform: none;
    color: red;
    content: '-xs';
}*/
/*#header .col-left {
    background: orange;
}
#header .col-middle {
    background: blueviolet;
}
#header .col-right {
    background: limegreen;
}*/

#header .site-name img {
    max-height: 45px;
    margin-right: 8px;
    margin-left: 8px;
    position: relative;
    top: 5px;
    vertical-align: top;
	width: 90px;
}
#header .site-name span {
    color: orange;
    font-size: 18px;
    line-height: 20px;
}
#site-name-ct {
    display: inline-block;
    line-height: 20px;
    margin-top: 20px;
	color: var(--main);
}
#searchclear {
    position: absolute;
    right: 40px;
    top: 0;
    bottom: 0;
    height: 15px;
    margin: auto;
    font-size: 15px;
    cursor: pointer;
    color: #ccc;
    z-index: 5;
}
#middleDiv{
	height: 50px;
	float: right;
}
#topMenuButtonContainer{
	width: 28%;
}
/* li{ */
	/* list-style: none; */
/* } */
.top-menu-button{
	padding-top: 10px;
}
.drop-down-link-menu {
    right: 0;
    /*left: auto;*/
    box-shadow: -2px 2px 5px #888;
    width: 250px;
    line-height: normal;
}
.drop-down-row:focus, .drop-down-row:hover {
    text-decoration: underline;
}
.drop-down-row {
    display:block;
    color: var(--main);
    width: 100%;
    text-align: left;
    padding: 10px 0;
}
.drop-down-row-active {
    color: var(--main3);
	background: var(--main);
}
.drop-down-row i.icon-text {
    font-size: 10px;
}
#share-page,
#andre-tjenester-page,
#help-page,
.drop-down-link-menu {
    top: 62px;
    color: var(--main);
    padding: 10px;
    display: none;
    z-index: 3;
}
.input-group.date.datepicker{
	width: 50%;
}
#share-page {
    max-height: 80%;
    overflow: hidden;
    z-index: 10;
}
#share-page .share-url {
    font-family: monospace;
    color: rgba(80, 80, 80, 0.9);
    background-color: var(--main2);
    padding: 8px;
    word-break: break-all;
    margin-bottom: 10px;
    line-height: normal;
    max-height: 250px;
    overflow: auto;
}

#share-page .share-url a.permalink {
    color: midnightblue;
    padding: 0;
    font-size: 16px;
}

#share-page .share-btn-ct a {
    display: inline-block;
    padding: 10px;
    border: 2px solid var(--main);
    color: var(--main);
    font-size: 20px;
}
#share-page .share-btn-ct a:hover, #share-page .share-btn-ct a:focus {
    color: cornflowerblue;
    outline: rgba(255, 140, 0, 0.5) auto 2px;
}
#share-page .share-btn-ct button, #share-page .close-me {
    padding: 5px;
    border: 2px solid var(--main);
    color: var(--main);
    font-size: 16px;
    margin-left: 10px;
}
#share-page .close-me {
    padding: 5px 10px;
    margin: 0;
    float: right;
}
.user-message-intranett, .user-message-internett {
    padding: 10px 0;
    display: none;
    font-style: normal;
}

/* Andre tjenester menu *************************************************************/
.floating-win header {
    overflow: hidden;
}
.floating-win header button {
    width: 100%;
    font-size: 20px;
    line-height: 20px;
    text-align: right;
    padding: 5px;
    background-color: var(--main);
}
.floating-win header button:hover, .floating-win header button:focus {
    /*background: rgba(255, 102, 102, 0.2);*/
}
/* Hjelpeside ***********************************************************************/
#help-page {
    bottom: 100px;
	background: white;
	z-index: 10;
}
#help-page .content, .featureinfo-wrapper {
    position: absolute;
    bottom: 10px;
    left: 10px;
    right: 10px;
    overflow: auto;
}
#help-page .content {
    top: 40px;
}
.help-topic {
    color: var(--main);
    font-size: 14px;
    padding: 5px 0;
	border-bottom: solid 1px;
}
.help-topic button {
    font-size: 18px;
    padding: 5px;
    background: 0;
    width: 100%;
    text-align: left;
}
.help-topic button:hover, .help-topic button:focus, .help-topic button:active {
    /*color: white;*/
}

.help-topic article {
    padding: 15px 5px;
    display: none;
}
.help-topic article h4 {
    font-size: 14px;
    font-weight: 700;
}
.help-topic article span {
    /*font-style: italic;*/
    font-weight: 400;
}
.help-topic-tool-row {
    clear: both;
    padding: 5px 0;
    overflow: hidden;
}
.help-topic-tool-img {
    float: left;
    padding: 0 5px;
    width: 30px;
    margin-right: 5px;
    text-align: center;
}
.help-topic-tool-img img {
    width: 20px;
    height: 20px;
}
.help-topic-tool-desc {
    float: left;
    width: 240px;
}

/* Kontekstmeny *********************************************************************/
.featureinfo, .featureinfo-details, .featureinfo-mobile-tab {
    position: absolute;
    top: 60px;
    /*right: 0;*/
    right: -102%;
    background: white;
    box-shadow: -2px 2px 5px #888;
    z-index: 3;
    -webkit-transition: all 1.0s; /* Safari */
    transition: all 1.0s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    /* opprinnelig 0.7 */
}
.featureinfo, .featureinfo-details {
    bottom: 5px;
    width: 100%;
    padding: 10px;
}
.featureinfo-tip {
    position: absolute;
    top: 60px;
    right: 0;
    background: white;
    box-shadow: -2px 2px 5px #888;
    z-index: 1;
    -webkit-transition: all 1.0s; /* Safari */
    transition: all 1.0s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
}
.featureinfo-tip h2 {
    font-size: 18px;
    font-weight: 700;
    margin: 0;
    padding: 10px 15px;
}
.featureinfo-tip-hide {
    right: -102%;
}

/* Klasse som legges til når kontekstmeny skal vises fjernes når kontekstmeny ikke skal vises */
.aside-show {
    right: 0;
}
.featureinfo-details-show {
    right: 0;
}
.context-menu-loader {
    display: inline-block;
}
/* Knapper for å lukke og minimere */
.featureinfo .top-div,
.featureinfo-details .top-div {
    clear: both;
    overflow: hidden;
	background: var(--main);
	color: white;
	padding: 5px;
}
.featureinfo .top-div button,
.featureinfo-details .top-div button {
    width: 50px;
    margin: 0 5px;
    font-size: 20px;
    line-height: 20px;
    float: right;
}
button.close-me:hover, button.close-me:focus,
button.close-me-featureinfo:hover, button.close-me-featureinfo:focus {
    background: greenyellow;
    background: rgba(255, 102, 102, 0.2);
    cursor: pointer;
}
button.minimize-me:hover, button.minimize-me:focus {
    background: orange;
    background: rgba(255, 204, 102, 0.5);
    cursor: pointer;
}
/* Tab-meny */
.featureinfo .tab-menu {
    position: absolute;
    top: 45px;
    /*width: 100%;*/
}
.featureinfo .tab-menu h2 {
    display: inline;
    font-size: 20px;
}
.featureinfo .tab-menu .nav-tabs {
    margin-top: 2px;
}

.featureinfo .tab-menu .nav-tabs>li>a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 0;
}
.featureinfo .tab-menu .nav>li>a {
    position: relative;
    display: block;
    padding: 4px 15px;
    /*color: #666;*/
    color: #0173b6;
    font-weight: 400;
    border: 1px solid #ddd;
    background-color: rgba(210, 210, 210, 0.5);
    cursor: pointer;
}
.featureinfo .tab-menu .nav>li.active>a {
    font-weight: 700;
    cursor: pointer;
}
.featureinfo .tab-menu .nav-tabs>li.active>a,
.featureinfo .tab-menu .nav-tabs>li.active>a:focus,
.featureinfo .tab-menu .nav-tabs>li.active>a:hover {
    color: #0173b6;
    /*cursor: default;*/
    background-color: transparent;
    border: 1px solid #ddd;
    border-bottom-color: white;
}
.featureinfo .tab-menu .nav-tabs>li>a:hover {
    text-decoration: underline;
}
/* Info container */
#eiendom-info-ct, #punkt-info-ct {
    padding-bottom: 10px;
}
.featureinfo-wrapper {
    top: 110px;
}
.feature-info-punkt {
    display: none;
}
.feature-info-ct .context-layer-loader {
    margin-left: 5px;
    font-size: 14px;
}
.feature-info-ct .context-layer-checkbox label {
    margin-left: 5px;
    font-weight: normal;
}
.feature-info-ct .info-heading, .feature-info-ct .info-heading-nohover {
    padding: 10px 0;
    display: block;
    width: 100%;
    text-align: left;
	padding-left: 20px;
    /*border: 2px solid transparent;*/
}

.feature-info-ct .info-heading-header, .feature-info-ct .info-heading-nohover {
    padding: 10px 0;
    display: block;
    width: 100%;
    text-align: left;
    border: solid 2px #2A2859;
	padding-left: 6px;
    padding-right: 6px;
	/*background-color: #B3F5FF;*/
    /*border: 2px solid transparent;*/
}
.feature-info-ct .info-heading h3, .feature-info-ct .info-heading-nohover h3 {
    display: inline;
    font-size: 16px;
    font-weight: 700;
    color: #0173b6;
}
.feature-info-ct .info-heading-header h3, .feature-info-ct .info-heading-nohover h3 {
    display: inline;
    font-size: 16px;
    font-weight: 700;
}
.feature-info-ct .info-heading h3:hover, .feature-info-ct .info-heading h3:focus {
    text-decoration: underline;
}
.feature-info-ct .info-heading .feature-count::before {
    content: ' (';
}
.feature-info-ct .info-heading .feature-count::after {
    content: ') ';
}
.feature-info-ct .info-heading span:nth-of-type(2) {
    font-size: 14px;
    font-weight: 100;
}
.feature-info-ct .info-heading:hover, .feature-info-ct .info-heading:focus {
    cursor: pointer;
    /*background: rgba(102, 204, 255, 0.2);*/
    /*border: 2px solid #0173b6;*/
}
.feature-info-ct .info-disabled {
    opacity: .65;
}
.feature-info-ct .info-disabled:hover, .feature-info-ct .info-disabled:focus {
    cursor: default;
    background: 0;
    /*border: 2px solid transparent;*/
}
.feature-info-ct .info-disabled h3 {
    color: #333;
}
.feature-info-ct .info-disabled h3:hover, .feature-info-ct .info-disabled h3:focus {
    text-decoration: none;
}
.feature-info-ct article {
    display: none;
}
.feature-info-ct-no-border {
    border-bottom: 0;
}
.feature-info-ct-no-border .info-heading-nohover {
    font-size: 20px;
}
.feature-info-ct .info-ct-header {
    font-size: 22px;
    font-weight: 700;
}
.feature-info-ct .info-ct-header span {
    font-size: 16px;
    font-weight: 400;
}
.feature-info-ct .infoboks {
    display: none;
	color: #2A2859;
    background-color: #B3F5FF;
    border-color: #6FE9FF;
}
.feature-info-ct .infoboks button {
    font-size: 18px;
    font-weight: 700;
}
.feature-info-ct .link-div {
    padding: 5px 0;
}
.feature-info-ct .feature-info-element,
.featureinfo-details .feature-info-element {
    margin: 5px 0;
    padding: 5px;
    font-size: 15px;
}
.element-box {
    border: 1px solid #999;
}
.feature-info-ct .feature-info-element label {
    margin-left: 5px;
    font-weight: normal;
}
/*.feature-info-ct .feature-info-element section div {
    display: inline-block;
}*/
.feature-info-ct .feature-info-element h5,
.featureinfo-details h5 {
    font-size: 15px;
    font-weight: 700;
}
.feature-info-ct .feature-info-element .highlight-feature,
.feature-info-ct .highlight-feature .legend-text {
    color: rgb(250, 150, 0);
    font-weight: 700;
    /*cursor: default;*/
}
.feature-info-ct .feature-info-element .highlight-feature-with-click,
.feature-info-ct .highlight-feature-with-click .legend-text {
    color: rgb(250, 150, 0);
    font-weight: 700;
    text-decoration: underline;
}
/* Minimert visning */
.featureinfo-minimized {
    bottom: auto;
    top: 60px;
    width: 260px;
}
.featureinfo-minimized .tab-menu {
    top: 15px;
    width: 50%;
}
.featureinfo-minimized .tab-menu h2 {
    text-align: center;
    line-height: 14px;
    font-size: 14px;
}
.featureinfo-minimized .tab-menu ul {
    display: none;
}

/* Spesielle klasser for kommuneplan */
.kommuneplan-gruppe-ct {
    padding: 5px;
    margin-bottom: 10px;
    border: 1px solid #999;
    background-color: white;
}
.kp-tema-checkbox label {
    font-weight: normal;
    margin-left: 5px;
}

/* Kontekstmeny nivå 3 **************************************************************/
.featureinfo-details .top-div .maximize-this {
    display: none;
}
.featureinfo-details-minimized {
    bottom: auto;
    width: 250px;
}
.featureinfo-details-minimized .top-div .close-me-featureinfo {
    width: 25%;
}
.featureinfo-details-minimized .top-div .maximize-this {
    width: 75%;
    height: 34px;
    margin: 0 -5px;
    text-align: center;
    float: left;
    display: block;
}
.featureinfo-details-minimized .top-div .maximize-this:hover, .featureinfo-details-minimized .top-div .maximize-this:focus {
    background: rgba(0, 180, 0, 0.25);
}
.featureinfo-details-minimized article {
    display: none;
}

.featureinfo-details .top-div button,
.layerinfo .top-div button {
    width: 100%;
    text-align: right;
    padding: 5px;
    background-color: var(--main2);
}
.featureinfo-details article {
    position: absolute;
    top: 55px;
    bottom: 10px;
    left: 15px;
    right: 15px;
    overflow: auto;
}
.featureinfo-details section {
    padding: 5px 0;
}
.featureinfo-details section.info-container {
    padding: 10px 0;
    border-bottom: 1px solid #888;
}
.featureinfo-details section.highlight-feature {
    /*border: 2px solid orange;*/
    border-radius: 10px;
    background: rgba(255, 125, 0, 0.2)
}
.featureinfo-details section h3 {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 25px;
}
.featureinfo-details section .click-area {
    padding: 10px 0;
}

.featureinfo-details article .sak-col-1 {
    float: left;
}
.featureinfo-details article .sak-col-2 {
    float: right;
}
.featureinfo-details article .two-col,
.two-col {
    display: inline-block;
    width: 50%;
}
.featureinfo-details article p {
    clear: both;
}
.featureinfo-details .btn-link {
    padding: 0;
}
.featureinfo-details .hidden-featureinfo {
    display: none;
}

.details-metadata-header {
    border-bottom: 1px solid #888;
    white-space: nowrap;
}
.details-metadata-header .details-header-legend {
    display: inline-block;
    width: 35px;
    height: 25px;
    box-shadow: 1px 1px 2px;
    vertical-align: top;
    margin-top: 20px;
}
.details-metadata-header h3 {
    display: inline-block;
    margin-left: 10px;
    white-space: normal;
}
.details-metadata-item-ct {
    border-bottom: 1px solid #888;
    padding-bottom: 15px;
}
.highlight-details-meta .feature-info-element {
    color: rgb(250, 150, 0);
    font-weight: 700;
}


    /* tab for å vise info etter søk (mobil) *********************************************/
.featureinfo-mobile-tab button {
    float: left;
    text-align: center;
    background: white;
    height: 40px;
    padding: 0;
}
.featureinfo-mobile-tab .open-tab {
    width: 130px;
    font-size: 14px;
}
.featureinfo-mobile-tab .open-tab:hover, .featureinfo-mobile-tab .open-tab:focus {
    /*background: rgba(102, 204, 255, 0.2);*/
    cursor: pointer;
}
.featureinfo-mobile-tab .open-tab span {
    font-size: 13px;
}
.featureinfo-mobile-tab .open-tab .s-val {
    font-weight: 700;
    font-size: 16px;
}
.featureinfo-mobile-tab .close-tab {
    width: 60px;
    font-size: 20px;
}
.featureinfo-mobile-tab .close-tab:hover, .featureinfo-mobile-tab .close-tab:focus {
    background: rgba(150, 0, 0, 0.2);
    cursor: pointer;
}

/* Openlayers elementer *************************************************************/
.zoombuttons {
    bottom: 105px;
    /*right: 40px;*/
    right: 0;
}
.zoombuttons-move-left {
    right: 40px;
    bottom: 60px;
}
.ol-control button {
    background: white;
	color: #2A2859;
    width: 125px;
    height: 35px;
    margin: 2px;
    line-height: 15px;
}
.ol-control button:hover, .ol-control button:focus {
    border-bottom: 5px solid orange;
}
/*.ol-control button:focus {
    background: rgba(34, 34, 34, 0.75);
}*/
.zoombuttons button {
    display: inline-block;
    width: 35px;
    height: 35px;
    margin: 2px;
}
.zoombuttons .zoombuttons-in {
    border-radius: 2px 0 0 2px; 
	background: white;
	color: #2A2859;
    vertical-align: bottom;
}
.zoombuttons .zoombuttons-out {
    border-radius: 0 2px 2px 0;
    background: white;
	color: #2A2859;
    vertical-align: bottom;
}
.icon-Plus-sign{
	display: block !important;
}
.icon-Minus-sign{
	display: block !important;
}

/* kartverktøy ***********************************************************************/
.map-tool-btn,
.map-tool-btn-coll,
.help-map-tool-btn {
    margin: 2px;
    height: 35px;
    width: 35px;
    vertical-align: top;
    line-height: 25px;
    display: inline-block;
}
.map-tool-btn-styling {
	padding: 4px;
	border: 2px solid var(--main);
}
.glyphicon-wrench{
	padding: 4px;
	border: 2px solid #2A2859;
}
.map-tool-btn-styling {
	display: none;
}
.map-tool-btn img,
.help-map-tool-btn img {
    max-width: 85%;
    max-height: 85%;
}
.collapsible-toolbar-toggler {
    right: 0;
    bottom: 95px;
}
.map-toolbar .collapsible {
	display: none;
}
.map-toolbar{
    position: fixed;
    bottom: 135px;
    right: 0;
    z-index: 1;
    overflow: visible;
}
@media (max-width: 992px) {
	#layer-spy{
		display: none !important;
	}
}
.map-toolbar .collapsible .map-tool-btn {
    width: 110px;
    font-size: 14px;
    font-weight: 400;
    display: block;
}
.map-toolbar .collapsible .map-tool-btn i,
.map-toolbar .collapsible .map-tool-btn img,
.map-toolbar .collapsible .map-tool-btn span:nth-of-type(2) {
    display: none;
}
#map-wrench{
	width: 35px;
}
/*.map-tool-btn:active:after,
.map-tool-btn-coll:active:after,
.zoombuttons button:active:after {
    position: absolute;
    bottom: 45px;
    right: 10%;
    z-index: 2000;
    padding: 5px;
    font-size: 14px;
    background: rgba(35,35,35,.8);
    box-shadow: 2px 2px 5px #888;

    content: attr(title);
}*/
/*.drop-down-row:active:after {
    position: absolute;
    top: inherit;
    left: -50px;
    width: 100px;
    margin-top: -75px;
    z-index: 2000;
    padding: 5px;
    font-size: 14px;
    background: rgba(35,35,35,.8);
    box-shadow: 2px 2px 5px #888;
    content: attr(title);
}*/
.taphold-tooltip:after {
    position: absolute;
    top: inherit;
    left: -50px;
    width: 100px;
    margin-top: -75px;
    z-index: 2000;
    padding: 5px;
    font-size: 14px;
    background: rgba(35,35,35,.8);
    box-shadow: 2px 2px 5px #888;
    content: attr(title);
}
.taphold-tooltip-bottom:after {
    position: absolute;
    bottom: 50px;
    right: 0;
    width: auto;
    z-index: 2000;
    padding: 5px;
    font-size: 14px;
    background: rgba(35,35,35,.8);
    box-shadow: 2px 2px 5px #888;
    content: attr(title);
}
/* Jquery tooltip */
.ui-tooltip {
    display: none;
    padding: 5px;
    font-size: 14px !important;
    box-shadow: 2px 2px 5px #888;
}

.map-toolbar .selected, .map-toolbar .collapsible .selected {
    background: rgba(0, 0, 255, 0.75);
}
.map-toolbar-move-left {
    right: 125px;
    bottom: 60px;
}



/* footer ****************************************************************************/
.map-footer #attribution-ct a {
    color: white;
}
.mouseposition, .scaleline {
    /*display: inline-block;*/
    padding: 0 2px;
    text-align: center;
}
#mouseposition {
    display: none;
    border-right: 1px solid #fafafa;
    border-left: 1px solid #fafafa;
    padding: 0 5px;
}
.scaleline-inner {
    border: 1px solid #eee;
    border-top: none;
}



/* Generelle regler *****************************************************************/
label {
    cursor: pointer;
}
.font-strong {
    font-weight: 700;
}
button:hover, button:focus, button:active {
    outline: var(--main2) auto 2px;
}
.click-area {
    border: 2px solid transparent;
    color: #0173b6;
}
.click-area:hover, .link-div:hover, .click-area:focus, .link-div:focus {
    /*background: rgba(102, 204, 255, 0.2);*/
    cursor: pointer;
    text-decoration: underline;
    /*border: 2px solid #0173b6;*/
}
.click-area .legend-text:hover, .click-area .legend-text:focus {
    text-decoration: underline;
}

.looklike-btn-link {
    color: #0173b6;
    font-weight: 700;
    padding: 0;
    cursor: pointer;
}
.looklike-btn-link:hover, .looklike-btn-link:focus {
    text-decoration: underline;
}
.click-area-btn {
    color: #0173b6;
    font-weight: 700;
    padding: 5px 0;
    cursor: pointer;
}
.click-area-btn:hover, .click-area-btn:focus {
    text-decoration: underline;
}
.link-div {
    padding: 5px 0;
}
.btn-link {
    font-weight: 700;
}
.ct-span-btn {
    color: #0173b6;
    font-weight: 700;
    display: block;
    padding: 5px;
    margin: 5px;
}
.ct-span-btn:hover, .ct-span-btn:focus {
    /*background: rgba(102, 204, 255, 0.2);*/
    cursor: pointer;
    text-decoration: underline;
}
.collapsed-div {
    display: none;
}
.almost-hide-left {
    left: -100%;
}
.almost-hide-right {
    right: -100%;
}
.map-toolbar .show-collapsible,
.top-col .show-collapsible {
    display: block;
}
.show-item {
    display: block !important;
}

/* Popup - interaktive kartobjekter */
.ol-popup {
    position: absolute;
    background-color: white;
    -webkit-filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2));
    filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2));
    padding: 15px;
    border-radius: 10px;
    border: 1px solid #cccccc;
    bottom: 20px;
    left: -50px;
    /*bottom: 40px;
    left: -50px;*/
    width: 250px;
    font-size: 14px;
}
.ol-popup:after, .ol-popup:before {
    top: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.ol-popup:after {
    border-top-color: white;
    border-width: 10px;
    left: 48px;
    margin-left: -10px;
}
.ol-popup:before {
    border-top-color: #cccccc;
    border-width: 11px;
    left: 48px;
    margin-left: -11px;
}
.popup-close {
    position: absolute;
    top: 5px;
    right: 10px;
    font-weight: 700;
    font: 20px FontAwesome, sans-serif;
    padding: 1px 5px;
}
.popup-close:hover, .popup-close:focus {
    cursor: pointer;
    background: rgba(255, 102, 102, 0.2);
    border-radius: 5px;
}
#popup-content {
    margin-top: 13px;
}
#popup-content:hover, #popup-content:focus {
    /*background: rgba(102, 204, 255, 0.2);*/
    cursor: pointer;
}
#large-search{
	width: 98%;
}
#large-search::-webkit-input-placeholder {
        font-size: 11px;
		vertical-align: middle;
    }
/* tipsvinduer for tegning og måling  **************************************************/
.measure-tool-help header {
    overflow: hidden;
}
/* Stil for alle elementer som er direkte under header */
.measure-tool-help header>* {
    float: right;
}
.measure-tool-help header button, .tip-win header button {
    font-size: 21px;
    font-weight: 700;
    text-shadow: 0 1px 0 #fff;
    line-height: normal;
}

.measure-tool-help h4 {
    margin-top: 0;
}
.measure-tool-help ol {
    margin-bottom: 30px;
}
.measure-tool-help .help-win-button-wrapper {
    /*display: inline-block;
    position: static;*/
    display: none;
}
.map-tool-desc {
    line-height: 35px;
}
/* Generelle tips */
.tip-win, .tip-win-toggle-layer {
    position: absolute;
    bottom: 82px;
    left: 5px;
    right: 5px;

    max-width: 450px;
    background: #333;
    background: rgba(42,40,89,.8);
    /*z-index: 2000;*/
    z-index: 1;
    box-shadow: 2px 2px 5px #888;
    padding: 15px;
    color: #fafafa;
}
.redTip{
    background: rgba(255,130,116,.8);
}
.yellowTip{
    background: rgba(249,198,107,.8);
}
.tip-win {
    bottom: auto;
    top: 100px;
}

.tip-win-toggle-layer {
    bottom: auto;
    top: 0;
    z-index: 1000;
}

.tip-win header, .tip-win-toggle-layer header {
    overflow: hidden;
}
.tip-win header h3, .tip-win-toggle-layer header h3 {
    display: inline;
    margin: 0;
}
.tip-win article, .tip-win-toggle-layer article {
    /*margin-top: 15px;*/
    overflow: auto;
}
.tip-win section, .tip-win-toggle-layer section {
    /*border: 1px solid #fafafa;
    border-radius: 5px;*/
    padding: 0 0 5px 0;
}
.tip-win label, .tip-win-toggle-layer label {
    margin: 0 5px 0 5px;
    font-weight: normal;
}
.tip-win input, .tip-win-toggle-layer input{
    margin: 0;
}
/* Felles klasser for alle tipsvinduer */
.tip-win-btn-wrapper {
    display: inline-block;
    width: 45%;
}
.tip-win-btn-wrapper .btn {
    font-weight: 700;
}
.tip-win-input-wrapper {
    display: inline-block;
    width: 50%;
}

/* Autocomplete **********************************************************************/
.autocomplete-suggestions {
    background: white;
    overflow: auto;
}
.autocomplete-suggestions span {
    float: right;
    margin-right: 2px;
    color: grey;
    font-size: 12px;
}
.autocomplete-selected {
    background: lightsalmon;
}

/* Søkeresultater ********************************************************************/
#search-result-page {
    max-height: 405px;
    line-height: 1;
}
#search-result-page .close {
    float: none;
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
    color: white;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: 1;
    padding: 5px 0;
    background: var(--main);
    width: 100%;
    margin-bottom: 5px;
}
#search-result-loader {
    text-align: center;
}
#search-result-ct {
    max-height: 370px;
    overflow: auto;
    line-height: 30px;
}
#search-result-ct button {
    line-height: 30px;
    display: block;
}


/** Tester med "egendefinerte" stiler **/
#header .indigo-site span {
    color: indigo;
}

/* Cookie */
.cookie-warning {
    /*position: absolute;
    bottom: 0;
    right: 370px;*/
    /*background: #333;
    background: rgba(35,35,35,.8);*/
    z-index: 1;
    padding: 0 5px;
    display: block;
}
.cookie-warning a {
    font-weight: normal;
    color: white;
    font-size: 14px;
}

/* Overstyrerer greier fra jquery */
/*.ui-loader, .ui-corner-all, .ui-body-a, .ui-loader-default {
    display: none;
}*/
.helpTextTable tr, td, th{
    border: 1px solid black;
    padding: 5px;
}

/* Egen stil for veldig smale skjermer - mindre enn 380 px */
@media (max-width: 380px) {
    #header .site-name img {
        max-height: 35px;
        margin-right: 4px;
        margin-left: 4px;
        position: relative;
        top: 10px;
        vertical-align: top;
		background: rgba(255,255,255,0.85);
    }
    #header .site-name h1 {
        font-size: 16px;
    }
    #header .col-left {
        width: 60%;
    }
    #header .col-right {
        width: 40%;
    }
    #header .top-menu-button {
        font-size: 16px;
    }
    .featureinfo-tip {
        display: none;
    }
}
/* Egen stil for veldig smale skjermer - mindre enn 260 px */
@media (max-width: 260px) {
    #header .site-name img {
        max-height: 20px;
        margin-right: 2px;
        margin-left: 2px;
        position: relative;
        top: 19px;
        vertical-align: top;
		background: rgba(255,255,255,0.85);
    }
}
@media (max-width: 321px){
	#site-name-ct{
		display: none;
	}
}
@media (max-width: 470px) {
    .layerswitcher{
        bottom: 80px;
    }
    .map-toolbar-move-left{
        bottom: 80px;
    }
    .zoombuttons-move-left{
        bottom: 80px;
    }
    .collapsible-toolbar-toggler{
        bottom: 95px;
    }
}

/* Stil for skjermbredder større enn 767px */
@media (min-width: 767px) {
    /*#header .site-name:after {
        text-transform: none;
        color: lime;
        content: '-sm';
    }*/
	.map-toolbar, .collapsible {
		display: inline-block;
		bottom: 55px;
		right: 80px;
	}
    .measure-tool-help {
        /*top: 30%;
        left: 35%;*/
        bottom: 325px;
        top: auto;
        left: auto;
        right: 0;
        width: 320px;
    }
    .tip-win-toggle-layer {
        left: auto;
        right: 355px;
        /*right: 5px;*/
        bottom: auto;
        top: 0;
        z-index: 1000;
        width: 350px;
    }
    .tip-win-toggle-layer:after {
        top: 30px;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }
    .tip-win-toggle-layer:after {
        border-left-color: rgba(35,35,35,.8);
        border-width: 10px;
        right: -20px;
    }	
	.mapmenu {
		width: 385px;
		left: -385px;
	}
    .navtoggler-toggled, .nav-toggled {
        left: 0;
        overflow: visible;
    }
    #fkbmenu-ct {
        position: absolute;
        bottom: 0;
        left: inherit;
        width: 385px;
    }
    #mapmenu-ct {
        position: absolute;
        top: 0;
        bottom: 0px;
        overflow: auto;
        width: 100%;
    }
    .layerswitcher {
        left: 385px;
    }
    .layerswitcher-standalone {
        left: 1px;
    }
    .layerinfo {
        width: 400px;
        left: -405px;
    }
    .layerinfo-show {
        left: 0;
    }
    .almost-hide-left {
        left: -320px;
        z-index: 5;
        overflow: hidden;
    }
	#searchinput .input-group .input-group-btn:last-child>.btn i {
		font-size: 20px;
	}
	#searchinput {
		width: 425px;
	}
    #search-result-page {
        padding: 15px;
		background: white;
    }
    #search-result-ct {
        max-height: 350px;
    }
    #large-search::-webkit-input-placeholder {
        font-size: 15px;
		vertical-align: middle;
    }
    #large-search::-moz-placeholder {
        font-size: 12px;
    }
    #large-search:-moz-placeholder {
        font-size: 12px;
    }
    #large-search:-ms-input-placeholder {
        font-size: 12px;
    }
	#large-search {
        width:100%;
		height: 50px;
		border: 2px solid;
		border-color: var(--main2);
		padding: 5px 5px 5px 10px;
    }
	#btn-searchbtn{
		border-radius: 50%;
		background: var(--main2);
	}
	.infoContainer{
		background: white;
		padding-left: 5px;
	}
    .zoombuttons-move-left {
        right: 0;
        bottom: 40px;
    }
    .map-toolbar-move-left {
        right: 85px;
        bottom: 40px;
    }
    .collapsible-toolbar-toggler {
        display: none;
    }

    .map-toolbar .collapsible {
        display: inline-block;
        position: static;
        padding: 0;
        overflow: visible;
    }
    .map-toolbar .collapsible .map-tool-btn {
        display: inline-block;
        width: 35px;
        font-size: 1.14em;
        vertical-align: top;
    }
    .map-toolbar .collapsible .map-tool-btn .text-view {
        display: none;
    }
    .map-toolbar .collapsible .map-tool-btn i,
    .map-toolbar .collapsible .map-tool-btn img,
    .map-toolbar .collapsible .map-tool-btn span:nth-of-type(2) {
        display: inline;
    }
	.map-tool-btn-styling {
		display: block;
		line-height: 18px;
		color: var(--main);
	}
	.map-tool-btn-styling path{
		color: orange;
	}
	.text-view{
		display: none;
	}
	.ol-control button {
		background: white;
		color: #2A2859;
		width: 35px;
		height: 35px;
		margin: 2px;
		line-height: 15px;
		display: inline-block;
	}
    #share-page, #help-page, #andre-tjenester-page {
        width: 400px;
        left: auto;
        right: 0;
    }
    #andre-tjenester-page {
        width: 300px;
    }
    .featureinfo, .featureinfo-details {
        width: 350px;
        bottom: 100px;
    }
    .featureinfo-minimized {
        bottom: auto;
        top: 60px;
        width: 260px;
    }
    .featureinfo-details-minimized {
        bottom: auto;
        width: 250px;
    }
    .featureinfo-details-show {
        right: 50px;
    }
	.nabo-details-show {
        right: 0;
    }
    .almost-hide-right {
        right: -300px;
        z-index: 4;
    }

    /*.measure-tool-help {
        top: auto;
        bottom: 5px;
        left: 5px;
    }*/
    .cookie-warning {
        display: block;
        float: left;
    }
    #mouseposition {
        display: block;
    }
	.excelButton{
		color: #0173b6;
		font-weight: 700;
		font-size: 20px;
	}
}

/* Stil for skjermbredder større enn 992px */
@media (min-width: 992px) {
    /*#header .site-name:after {
        text-transform: none;
        color: dodgerblue;
        content: '-md';
    }*/
    .tip-win {
        /*left: 395px;*/
        left: 410px;
        right: auto;
        top: 75px;
        bottom: auto;
    }
    .tip-win:after {
        top: 30px;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }
    .tip-win:after {
        border-right-color: rgba(35,35,35,.8);
        border-width: 10px;
        left: -20px;
    }
    .navtoggler, .mapmenu {
        left: 0;
        margin-left: 0;
    }
    .nav-toggled {
        /*left: -350px;*/
        left: -385px;
    }
    .almost-hide-left {
        left: -320px;
    }


}
@media (min-width: 1200px) {
    /*#header .site-name:after {
        text-transform: none;
        color: goldenrod;
        content: '-lg';
    }*/
	#middleDiv{
		height: 50px;
		float: left;
	}
	#topMenuButtonContainer{
		width: 33%;
	}
	.site-name {
		margin-right: 8%;
	}
    .small-screen {
        display: none;
    }
	#searchinput {
        position: static;
        display: block;
        padding: 0;
        background: 0;
        box-shadow: none;
        width: 315px;
		background: white;
		height: 50px;
    }
    .drop-down-link-menu {
        position: static;
        margin-top: 5px;
        display: block;
        float: right;
        width: auto;
        background: 0;
        box-shadow: none;
        padding: 0;
    }
    .drop-down-link-menu .drop-down-row {
        display: inline-block;
        width: auto;
        padding: 0 10px;
        height: 50px;
        border: 2px solid var(--main);
        box-sizing: border-box;
        vertical-align: bottom;    
		margin-right: 5px;
    }
    .drop-down-link-menu .drop-down-row:hover, .drop-down-link-menu .drop-down-row:focus {
        border-bottom: 5px solid var(--main2);
    }
    .drop-down-link-menu .drop-down-row i {
        font-size: 25px;
    }
    .drop-down-link-menu .drop-down-row i.question {
        font-size: 30px;
    }
    .drop-down-link-menu .drop-down-row span.hide-large {
        display: none;
    }
    /*#planinnsyn-tilbakemelding span {
        display: inline;
    }*/
    #searchinput {
        width: 102%;
    }
}
.popover-content {
    min-width: 180px;
}
.popupContentStyle {
    width: 200px;
    background: white;
    border-style: solid;
    border-color: black;
    overflow-wrap: break-word;
}
.centerIcon {
	vertical-align: middle;
	padding-bottom: 5px;
}
.icon-Chevron-upFill{
	color: #2A2859;
}
.icon-Chevron-down{
	color: #2A2859;
}
.menuPadding{
	padding-bottom: 10px;
}
.context-icon-style{
	float: right;
	font-size: 25px;
}
.tipsmenu-expander{
	float: right;
	font-size: 25px;
}
.swiper-ct {
    position: absolute;
    /*right: 405px;
    bottom: 0;*/
    background: white;
    width: 300px;
    z-index: 1;
	border: 2px solid #2A2859;
}
/************NABOVELGERPLUGIN***************/
#nabosearch{
	width: 100%;
    height: 50px;
    border: 2px solid;
    border-color: #FF8274;
    padding: 5px 5px 5px 10px;	
}
.matrikkelnr {
    display: inline-block;
    padding: 5px 30px 5px 5px;
    width: 80px;
}
.matrikkelenhet{	
	border: 1px solid;
	margin: 2px;
}
/***********MAPWRITERPLUGIN****************/

.map-writer-panel {
    position: absolute;
	width: 320px;
    bottom: 140px;
    right: 5px;
    background: white;
    z-index: 2000;
    display: none;
    color: #2A2859;
	border: 2px solid #2A2859;
    padding: 10px;
}
.map-draw-panel {
    position: absolute;
	width: 320px;
    bottom: 140px;
    right: 5px;
    background: white;
    z-index: 2000;
    display: none;
    color: #2A2859;
	border: 2px solid #2A2859;
    padding: 10px;
}
.mBlaBtn{
	background: #2A2859;
	color: #2A2859;
}
.blaBtn{
	background: #6FE9FF;
	color: #6FE9FF;
}
.lBlaBtn{
	background: #B3F5FF;
	color: #B3F5FF;
}
.rodBtn{
	background: #FF8274;
	color: #FF8274;
}
.mGronnBtn{
	background: #034B45;
	color: #034B45;
}
.gronnBtn{
	background: #43F8B6;
	color: #43F8B6;
}
.lGronnBtn{
	background: #C7F6C9;
	color: #C7F6C9;
}
.sortBtn{
	background: #2C2C2C;
	color: #2C2C2C;
}
.gulBtn{
	background: #F9C66B;
	color: #F9C66B;
}
.mBeigeBtn{
	background: #D0BFAE;
	color: #D0BFAE;
}
.beigeBtn{
	background: #F8F0DD;
	color: #F8F0DD;
}
.colorBtn{
	height: 25px;
	width: 9%;
}
.size-btn-large{
	height: 25px;
	width: 9%;
}
.size-btn-medium{
	height: 17px;
	width: 6%;
}
.size-btn-small{
	height: 9px;
	width: 3%;
}
.size-label-large{
	font-weight: 1000;
    font-size: 25px;
}
.size-label-medium{
	font-weight: 700;
    font-size: 20px;
}
.size-label-small{
	font-weight: 700;
    font-size: 15px;
}
.selectedBtn{
	border: 5px solid #2A2859;
}
.popupClass{
	text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;	
}
.color-panel{
	padding-top: 10px;
}
.color-pallet{
}
.redText{
	color: #FF8274;
    font-size: 16px;
}
/*LEAVES*/

/* leaf animations */

#leaves {
}
#leaves i.leaf {
    display: inline-block;
    width: 200px;
    height: 150px;
    background: linear-gradient(to bottom left, #309900, #005600);
    transform: skew(20deg);
    border-radius: 5% 40% 70%;
    box-shadow: inset 0px 0px 1px #222;
    border: 1px solid #333;
    z-index: 1;
    -webkit-animation: falling 5s 0s infinite;
	z-index: 1000;
}

#leaves i.leaf:nth-of-type(2n) { -webkit-animation: falling2 5s 0s infinite; }
#leaves i.leaf:nth-of-type(3n) { -webkit-animation: falling3 5s 0s infinite; }

#leaves i.leaf:before {
  position: absolute;
  content: '';
  top: 117px;
  right: 9px;
  height: 27px;
  width: 32px;
  transform: rotate(49deg);
  border-radius: 0% 15% 15% 0%;
  border-top: 1px solid #222;
  border-bottom: 1px solid #222;
  border-left: 0px solid #222;
  border-right: 1px solid #222;
  background: linear-gradient(to right, rgba(0,100,0,1), #005600);
  z-index: 1000;
}

#leaves i.leaf:after {
  content: '';
  height: 125px;
  width: 10px;
  background: linear-gradient(to left, rgba(0,0,0,.15), rgba(0,0,0,0));
  display: block;
  transform: rotate(125deg);
  position: absolute;
  left: 85px;
  border-radius:50%;
  z-index: 1000;
}


#leaves i.leaf:nth-of-type(n)    { height:23px; width:30px; }
#leaves i.leaf:nth-of-type(n):before { width:7px; height:5px; top:17px; right:1px; }
#leaves i.leaf:nth-of-type(n):after { width:2px; height:17px; left: 12px; top:0px; }

#leaves i.leaf:nth-of-type(2n+1)    { height:11px; width:16px; }
#leaves i.leaf:nth-of-type(2n+1):before { width:4px; height:3px; top:7px; right:0px; }
#leaves i.leaf:nth-of-type(2n+1):after { width:2px; height:6px; left: 5px; top:1px; }

#leaves i.leaf:nth-of-type(3n+2)  { height:17px; width:23px; }
#leaves i.leaf:nth-of-type(3n+2):before  { height:4px; width:4px; top:12px; right:1px; }
#leaves i.leaf:nth-of-type(3n+2):after  { height:10px; width:2px; top:1px; left:8px; }

#leaves i.leaf:nth-of-type(n)   { -webkit-animation-delay: 1.9s;}
#leaves i.leaf:nth-of-type(2n)  { -webkit-animation-delay: 3.9s;}
#leaves i.leaf:nth-of-type(3n)  { -webkit-animation-delay: 2.3s;}
#leaves i.leaf:nth-of-type(4n)  { -webkit-animation-delay: 4.4s;}
#leaves i.leaf:nth-of-type(5n)  { -webkit-animation-delay: 5s;  }
#leaves i.leaf:nth-of-type(6n)  { -webkit-animation-delay: 3.5s;}
#leaves i.leaf:nth-of-type(7n)  { -webkit-animation-delay: 2.8s;}
#leaves i.leaf:nth-of-type(8n)  { -webkit-animation-delay: 1.5s;}
#leaves i.leaf:nth-of-type(9n)  { -webkit-animation-delay: 3.3s;}
#leaves i.leaf:nth-of-type(10n) { -webkit-animation-delay: 2.5s;}
#leaves i.leaf:nth-of-type(11n) { -webkit-animation-delay: 1.2s;}
#leaves i.leaf:nth-of-type(12n) { -webkit-animation-delay: 4.1s;}
#leaves i.leaf:nth-of-type(13n) { -webkit-animation-delay: 1s;  }
#leaves i.leaf:nth-of-type(14n) { -webkit-animation-delay: 4.7s;}
#leaves i.leaf:nth-of-type(15n) { -webkit-animation-delay: 3s;  }

#leaves i.leaf:nth-of-type(n)    { background: linear-gradient(to bottom left, #034B45, #C7F6C9); }
#leaves i.leaf:nth-of-type(2n+2)  { background: linear-gradient(to bottom left, #C7F6C9, #F9C66B); }
#leaves i.leaf:nth-of-type(4n+1)  { background: linear-gradient(to bottom left, #F9C66B, #FF8274); }
/*.mGronnBtn color: #034B45;
.rodBtn color: #FF8274;
.lGronnBtn color: #C7F6C9;
.gulBtn color: #F9C66B;
.mBeigeBtn color: #D0BFAE;*/

#leaves i.leaf:nth-of-type(n)    { opacity: .7;}
#leaves i.leaf:nth-of-type(3n+1)  { opacity: .5;}
#leaves i.leaf:nth-of-type(3n+2)  { opacity: .3;}

#leaves i.leaf:nth-of-type(n)    {transform: rotate(180deg);}


#leaves i.leaf:nth-of-type(n) { -webkit-animation-timing-function:ease-in-out;}

@-webkit-keyframes falling {
    
    0% {
        -webkit-transform:
            translate3d(300,0,0)
            rotate(0deg);
    }
    
    100% {
        -webkit-transform:
            translate3d(350px,700px,0)
            rotate(90deg);
        opacity: 0;
    }
}

@-webkit-keyframes falling3 {
     0% {
        -webkit-transform:
            translate3d(0,0,0)
            rotate(-20deg);
    }
    
    100% {
        -webkit-transform:
            translate3d(230px,640px,0)
            rotate(-70deg);
        opacity: 0;
    }
}

@-webkit-keyframes falling2 {
     0% {
        -webkit-transform:
            translate3d(0,0,0)
            rotate(90deg);
    }
    
    100% {
        -webkit-transform:
            translate3d(400px,680px,0)
            rotate(0deg);
        opacity: 0;
    }
}
/*SNOW*/
/* customizable snowflake styling */
.snowflake {
  color: #fff;
  font-size: 1em;
  font-family: Arial;
  text-shadow: 0 0 1px #000;
}

@-webkit-keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@-webkit-keyframes snowflakes-shake{0%{-webkit-transform:translateX(0px);transform:translateX(0px)}50%{-webkit-transform:translateX(80px);transform:translateX(80px)}100%{-webkit-transform:translateX(0px);transform:translateX(0px)}}@keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@keyframes snowflakes-shake{0%{transform:translateX(0px)}50%{transform:translateX(80px)}100%{transform:translateX(0px)}}.snowflake{position:fixed;top:-10%;z-index:9999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;-webkit-animation-name:snowflakes-fall,snowflakes-shake;-webkit-animation-duration:10s,3s;-webkit-animation-timing-function:linear,ease-in-out;-webkit-animation-iteration-count:infinite,infinite;-webkit-animation-play-state:running,running;animation-name:snowflakes-fall,snowflakes-shake;animation-duration:10s,3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-play-state:running,running}.snowflake:nth-of-type(0){left:1%;-webkit-animation-delay:0s,0s;animation-delay:0s,0s}.snowflake:nth-of-type(1){left:10%;-webkit-animation-delay:1s,1s;animation-delay:1s,1s}.snowflake:nth-of-type(2){left:20%;-webkit-animation-delay:6s,.5s;animation-delay:6s,.5s}.snowflake:nth-of-type(3){left:30%;-webkit-animation-delay:4s,2s;animation-delay:4s,2s}.snowflake:nth-of-type(4){left:40%;-webkit-animation-delay:2s,2s;animation-delay:2s,2s}.snowflake:nth-of-type(5){left:50%;-webkit-animation-delay:8s,3s;animation-delay:8s,3s}.snowflake:nth-of-type(6){left:60%;-webkit-animation-delay:6s,2s;animation-delay:6s,2s}.snowflake:nth-of-type(7){left:70%;-webkit-animation-delay:2.5s,1s;animation-delay:2.5s,1s}.snowflake:nth-of-type(8){left:80%;-webkit-animation-delay:1s,0s;animation-delay:1s,0s}.snowflake:nth-of-type(9){left:90%;-webkit-animation-delay:3s,1.5s;animation-delay:3s,1.5s}
/* Demo Purpose Only*/
.demo {
  font-family: 'Raleway', sans-serif;
	color:#fff;
    display: block;
    margin: 0 auto;
    padding: 15px 0;
    text-align: center;
}
.demo a{
  font-family: 'Raleway', sans-serif;
  color: #000;		
}