:root {
	--primary: #243925;
	--secondary: #F2A359;
	--helse: #C8EAD3;
	--helse-text: #000;
	--arbeid: #F2A359;
	--arbeid-text: #000;
	--sirkular: #AC540C;
	--sirkular-text: #FFF;
	--sikkerhet: #3D1100;
	--sikkerhet-text: #FFF;
	
}
.logged-in body { min-height: 100vh;	box-sizing: border-box; }
.elverum-kalkulator body { background-color: #FFFFFF; }
.logged-in .with-header { padding-top: 80px;}
html,
body,
.view {
    height: 100%;
}

body .wix-madefor { font-family: "Wix Madefor Text", sans-serif; }
.wix-madefor-d { font-family: "Wix Madefor Display", sans-serif; font-weight: 700; }

.user input:-webkit-autofill,
.user input:-webkit-autofill:hover, 
.user input:-webkit-autofill:focus,
.user textarea:-webkit-autofill,
.user textarea:-webkit-autofill:hover,
.user textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus { background-color: #FFF !important; -webkit-box-shadow:0 0 0 500px white inset !important; box-shadow:0 0 0 500px white inset !important; }

li::marker {
  color: var(--secondary);
}

.zoom-on-hover { transition: transform 0.3s ease; }
.zoom-on-hover:hover { transform: scale(1.02) !important; }

.navbar-brand { padding: 5px 20px; margin: 15px;	}
.navbar-light .navbar-text, .navbar-light .navbar-brand { color: inherit; }

.md-form input[type=date]:focus:not([readonly])+label, .md-form input[type=datetime-local]:focus:not([readonly])+label, .md-form input[type=email]:focus:not([readonly])+label, .md-form input[type=number]:focus:not([readonly])+label, .md-form input[type=password]:focus:not([readonly])+label, .md-form input[type=search-md]:focus:not([readonly])+label, .md-form input[type=search]:focus:not([readonly])+label, .md-form input[type=tel]:focus:not([readonly])+label, .md-form input[type=text]:focus:not([readonly])+label, .md-form input[type=time]:focus:not([readonly])+label, .md-form input[type=url]:focus:not([readonly])+label, .md-form textarea.md-textarea:focus:not([readonly])+label { color: var(--primary); }

.md-form input[type=date]:focus:not([readonly]), .md-form input[type=datetime-local]:focus:not([readonly]), .md-form input[type=email]:focus:not([readonly]), .md-form input[type=number]:focus:not([readonly]), .md-form input[type=password]:focus:not([readonly]), .md-form input[type=search-md]:focus:not([readonly]), .md-form input[type=search]:focus:not([readonly]), .md-form input[type=tel]:focus:not([readonly]), .md-form input[type=text]:focus:not([readonly]), .md-form input[type=time]:focus:not([readonly]), .md-form input[type=url]:focus:not([readonly]), .md-form textarea.md-textarea:focus:not([readonly]) { box-shadow: 0 1px 0 0 var(--primary); border-bottom: 1px solid var(--primary); }
/*.md-form label { color: #FFF; }*/
.switch label input[type=checkbox]:checked+.lever:after { background-color: var(--primary) }

.dropdown .dropdown-menu.dropdown-primary .dropdown-item.active, .dropdown .dropdown-menu.dropdown-primary .dropdown-item:active, .dropdown .dropdown-menu.dropdown-primary .dropdown-item:hover, .dropleft .dropdown-menu.dropdown-primary .dropdown-item.active, .dropleft .dropdown-menu.dropdown-primary .dropdown-item:active, .dropleft .dropdown-menu.dropdown-primary .dropdown-item:hover, .dropright .dropdown-menu.dropdown-primary .dropdown-item.active, .dropright .dropdown-menu.dropdown-primary .dropdown-item:active, .dropright .dropdown-menu.dropdown-primary .dropdown-item:hover, .dropup .dropdown-menu.dropdown-primary .dropdown-item.active, .dropup .dropdown-menu.dropdown-primary .dropdown-item:active, .dropup .dropdown-menu.dropdown-primary .dropdown-item:hover { background-color: var(--primary) !important; color: #FFF; }
/*#header .navbar { min-height: 66px; }*/
#header .navbar-nav .dropdown-menu a:before { display: none; }
#header .navbar-nav .md-form .twitter-typeahead input[type=text]:focus:not([readonly]) { box-shadow: 0 1px 0 0 #FFF; border-bottom: 0px solid #FFF; }
#navbarSupportedContent form { width: 250px; }
#navbarSupportedContent .twitter-typeahead { width: 200px; }
#navbarSupportedContent .twitter-typeahead input { width: 100%; }
.width-with-filtericon .twitter-typeahead { width: -moz-calc(100% - 50px); width: -webkit-calc(100% - 50px); width: -o-calc(100% - 50px); width: calc(100% - 50px); }
.width-with-filtericon .twitter-typeahead input { width: 100%; }
.dropdown-menu { border-width: 0px; border-radius: 0px; }

b, strong, .bold { font-weight: bold !important; }
.semibold { font-weight: 600; }

.navbar.scrolling-navbar { padding-top: 0px; padding-bottom: 0px; }
.navbar-toggle-main-menu .quizbattle-badge { right: -0.2em; }
.quizbattle-badge { border-radius: 0.8em; font-size: 0.5em; height: 1.6em; line-height: 1.6em; position: absolute; right: 0em; top: 0.8em; width: 1.6em; text-align: center; background-color:var(--primary); color:#FFF; }
/*#header .nav-item { margin-right: 20px; }*/
.card-header h5 { font-weight: 300; }
.card { border-radius: 3px !important; box-shadow: none; border: 1px solid #B5B0AB;}
.modal-content.primary-color .modal-header { border-bottom-width: 0px; }
.modal-content.primary-color .modal-title { text-transform: uppercase; }
.modal-content.primary-color .close { color: #FFF; }

@media (max-width: 1199px) {
	#header .nav-item { margin-right: 10px; }
    .navbar-nav { display: flex;
	flex-basis: auto;
	flex-grow: 1;
	flex-shrink: 1;
	align-items: stretch;
	justify-content: center; }
}
@media (min-width: 992px) {
	#header .navbar-nav, #header .navbar-nav .nav-item, #header .navbar-nav .nav-link { height: 100%; }
	.nav-search { display: flex; }

}
@media (min-width: 992px) and (max-width:1198px){
	#header .navbar-nav { justify-content: flex-end }
}
@media (max-width: 991px) {
	.navbar-collapse .quizbattle-badge { /*left: -1em;*/right: auto; position: relative; top: -1.6em; background-color: #FFF !important;
	color: var(--primary); }
/*	#header .navbar { -ms-flex-pack: end!important; justify-content: flex-end!important; }*/
	.showing-navbar #header-logo { display: none; }
	.navbar-collapse {
		position:fixed;
		width: 100%;
		left: 0px;
		top: 0px;
		bottom: 0px;
		right: 0px;
		background-color:var(--primary);
		color:#FFF;
		max-height: none !important;
	}
	.showing-navbar #header, .showing-navbar #header>.navbar { min-height: 100vh; }
	.navbar-nav { min-height: 100vh; }
	#header .navbar-nav .nav-item > a { color: #CCC !important; -ms-flex-pack: center!important; justify-content: center!important; }
	#header .navbar-nav .nav-item > a, #header .navbar-nav .multiple-datasets { float: none !important; justify-content: center!important; }
    #header .navbar-nav .twitter-typeahead { width: auto; }
	#header .navbar-nav .multiple-datasets input { color: #FFF; }
	#header .navbar-nav .nav-item > a:before { height: 0px; display:none; }
	#header .nav-item { margin-right: 0px; }
	#header .nav-language { position: absolute; width: 100%; top:20px; left: 0px; -ms-flex-order: -1;	order: -1; }
	#header .nav-search { position: absolute; width: 100%; bottom:20px; left: 0px; }
	.navbar .dropdown-menu {position: static !important}
	.navbar-toggler { position: relative; /*right: 10px; top: 15px;*/ z-index: 1; }
}

/* korrigerer background i chrome på autofill-input-fields */
#page-top input:-webkit-autofill,
#page-top input:-webkit-autofill:hover, 
#page-top input:-webkit-autofill:focus,
#page-top textarea:-webkit-autofill,
#page-top textarea:-webkit-autofill:hover,
#page-top textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus { background-color: #FFF !important; -webkit-box-shadow:0 0 0 500px white inset; box-shadow:0 0 0 500px white inset; }

.vclearfix:before, .vclearfix:after { content: " "; display: table; }
.vclearfix, .vclearfix:after { clear: both; }
.wrapper { width: 100%; min-height: 100%; /*overflow: hidden;*/ }
.vertical-center { min-height: 100%; min-height: 100vh; display: flex; align-items: center; }
.vertical-center-n { display: flex; align-items: center; align-content: center; vertical-align: middle; }
.cursor-p { cursor: pointer; }
.uc { text-transform: uppercase; }
.ul { text-decoration:underline; }
.d-block { display: block; }
.d-iblock { display: inline-block !important; }
.d-centeredblock { display:-ms-flexbox; display: -webkit-flex; display: flex;		 -webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-align-content: center;
		-ms-flex-line-pack: center;
		align-content: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;}
.d-flexwrap { -webkit-flex-wrap: wrap; flex-wrap: wrap; }
.d-topblock {	display: -webkit-flex; display: flex;-ms-flex-align: flex-start; -webkit-align-items:flex-start; align-items:flex-start; }
.d-bottomblock {	display: -webkit-flex; display: flex;-ms-flex-align: flex-end; -webkit-align-items:flex-end; align-items:flex-end; }
.pos-rel { position: relative; }
.pos-abs { position: absolute; }
/* hack for IE10 og IE11 som støtter flex-box, men som regner med padding/margin når de forsøker å wrape */
@media all and (-ms-high-contrast:none){
 	.d-flexwrap.row { margin-left: 0px; margin-right: 0px; }
	.d-flexwrap.row > div { padding-right: 0px; padding-left: 0px; }
}

.dashboard-animated-wrapper { position: absolute; width: 100%; top:0px;}
@media (prefers-reduced-motion) {
    /* do not disable but remove duration - overwrites mdbootstrap */
    .animated { animation-duration: 0s }
    .animated.bounceInRight { animation-name: bounceInRight!important }
    .animated.bounceOutLeft { animation-name: bounceOutLeft!important }
}

.colors-red-elverum { color: #c4232a; }
.btn-outline-red { color: #c4232a !important; border-color: #c4232a !important; color: #c4232a !important; }

.colors-transparent-bg { background-color: transparent !important; }

.colors-white { color: #FFF; }
.color-black { color: #000; }

.primary-color, .colors-primary-bg { background-color: var(--primary) !important; }
.colors-primary-text { color: var(--primary); }
.colors-primary-bg-strong { background-color: rgba(0, 141, 127, 0.7) !important; }
.colors-primary-bg-light { background-color: rgba(0, 141, 127, 0.3) !important; }
.colors-primary-bg-slight { background-color: rgba(0, 141, 127, 0.1) !important; }

.colors-dark-green-bg { background-color:#436241 !important; }
.colors-dark-green-text { color: #436241 !important; }

.colors-light-green-bg { background-color: #F7FBF8 !important; border: none; }
.light-green-bg { background-color: #F1F8DD !important; }
.colors-light-green-text { color: #E6F3EC !important; }

.colors-dark-orange-bg { background-color: #AC540C !important; }
.colors-dark-orange-text { color: #AC540C !important; }

.colors-sandy-brown-bg { background-color: #F2A359 !important; }
.colors-sandy-brown-text { color: #F2A359 !important; }

.colors-sandy-brown-left-border { border-left: 5px solid #F2A359 !important; }

.colors-green-bg { background-color: #009639; }
.secondary-color, .colors-blue-bg, .colors-secondary-bg { background-color: #41B6E6 !important; }

.colors-white-bg { background-color: #FFF; }
.colors-dark-grey-bg { background-color: #3b3b3b !important }
.colors-light-grey-bg { background-color: #b9b9b9 }
.colors-dark-blue-bg { background-color: #2A2859; }
.colors-light-blue-bg { background-color: #B3F5FF; }
.colors-red-bg	{ background-color: #FF8274!important; }
.colors-light-red-bg	{ background-color: #FEF9F4 !important; }
.colors-black-bg { background-color: #000; }
.colors-yellow-bg { background-color: #F9C66B; }
.colors-light-beige-bg { background-color: #F8F0DD; }
.colors-dark-beige-bg { background-color: #D0BFAE; }

.colors-green-text { color: #009639; }

.colors-blue-text { color: #41B6E6; }

.text-black { color: #000000; }
.text-brown { color: #886B62; }
.text-light-brown { color: #D6C9C5; }

.circle-dark-green { color: #436241; }
.circle-light-green { color: #AFDCB3; }

.colors-dark-blue-text { color: #2A2859; }
.colors-light-blue-text { color: #B3F5FF; }
.colors-red-text	{ color: #FF8274; }
.colors-black-text { color: #000; }
.colors-yellow-text { color: #F9C66B; }
.colors-light-beige-text { color: #F8F0DD; }
.colors-dark-beige-text { color: #D0BFAE; }
.colors-light-grey-text { color: #f4f4f5 }

.dyk { color: #4D8653; }
.th-dark-green { background-color: #4D8653 !important; }

/* typeahead */
.twitter-typeahead { width: 100%; }
.navbar-default .twitter-typeahead { color: #333; }
.typeahead { background-color: #fff; }
.typeahead:focus { /*border: 2px solid #0096d6;*/ }
.typeahead.tt-fullwidth { min-width: auto; width: 100%; }
.tt-query { -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
.tt-hint { color: #999 !important }
.tt-menu { width: 400px; font-size: 80%; margin: 5px 0px 0px 0px; padding: 8px 0; background-color: #fff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2); -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2); box-shadow: 0 5px 10px rgba(0,0,0,.2); border-radius: 4px; color: #181818 !important }
@media (max-width: 991px) {
	#header .tt-menu { width: 100%; top: 0px !important; overflow:scroll; bottom: 60px; margin: 0px; border-radius: 0px; position:fixed !important}
}
.fullwidth-datasets .tt-menu { width: 100%; }
.tt-suggestion { padding: 3px 15px; line-height: 16px; }
.tt-suggestion:hover { cursor: pointer; color: #fff; background-color: #000; }
.tt-suggestion.tt-cursor { color: #fff; background-color: #000; }
.tt-suggestion p { margin: 0; }
.gist { font-size: 14px; }
.multiple-datasets .dataset-header { margin: 0 15px 5px 15px; padding: 3px 0; border-bottom: 1px solid #ccc; }
@media (max-width: 992px) {
	.navbar-search-li .navbar-form { margin-left: 0px; margin-right: 0px; }
}
@media screen and (min-width:768px){
    .tt-menu { width: 600px; }
    .fixed-top .tt-menu { left: -200px !important; }
}

.tablesorter-bootstrap .tablesorter-filter-row .tablesorter-filter.disabled { display: none; }
.tablesorter-bootstrap thead th, .tablesorter-bootstrap thead td, .tablesorter-bootstrap tfoot th, .tablesorter-bootstrap tfoot td, td.tablesorter-pager { background-color: transparent; }
/*.tablesorter-bootstrap .tablesorter-filter-row, .tablesorter-bootstrap .tablesorter-filter-row td { background-color: #3b3b3b }*/
.tablesorter-pager select.custom-select { padding: .375rem 1.75rem .375rem .75rem; display:inline-block !important }
/*.tablesorter-bootstrap .tablesorter-filter-row .md-form input.tablesorter-filter { color: #FFF; }
.tablesorter-bootstrap .tablesorter-filter-row .md-form select { color: #FFF; }
.tablesorter-bootstrap .tablesorter-filter-row .md-form select option { color: #000; }*/
.tablesorter-bootstrap .tablesorter-filter-row.hideme * { transition: .2s height}
.tablesorter-no-padded { padding: 0px !important; }
.tablesorter-padded { padding: .75rem !important; adding-top: 1.1rem !important; padding-bottom: 1rem !important; }
.tablesorter-bootstrap .tablesorter-filter-row, .tablesorter-bootstrap .tablesorter-filter-row td, .tablesorter-bootstrap .tablesorter-filter-row td select { background-color: transparent; }

body, .tooltip, .navbar/*, .form-control, .form-control:focus*/ {
	font-family: "Wix Madefor Text", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings:
    "wdth" 100,
    "YTLC" 500;/*
	font-family: 'Martel Sans', 'Montserrat', 'sans-serif'; font-weight: 400; font-style: normal;*/ color: #181818; }
body, .navbar { background-color:var(--primary); /* #eee *//*#404040;*/ }
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { letter-spacing: -.02em; margin: 0 0 .5em; padding: 0; font-weight: 400; line-height: 113.51351%; }
.h1, h1 { font-size: 3rem; }
.form-control:focus { border-color: var(--primary); }

.block-text .h2,.block-text h2{font-size:180%}
@media screen and (min-width:768px){
	.block-text .h2,.block-text h2{font-size:300%}
}
/*.block-text li,p,pre{margin-bottom:1em;max-width:680px;font-size:170%;font-weight:400;line-height:147.05882%}*/
.block-text li:last-child,p:last-child,pre:last-child{margin-bottom:0}
/*@media screen and (min-width:768px){
	.block-text li,p,pre{font-size:180%;line-height:161.11111%}
}*/
/* når toppmenyen scroller */
#header>.navbar { transition: background-color 0.5s ease; }
.top-nav-collapse { background-color: #FFF; }
#header .navbar-nav a { font-weight:400; text-transform: uppercase; align-items: center; display: flex;}
#header .navbar-nav a:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 50%;
	width: 58%;
	width: 0;
	height: 4px;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	background: 0 0;
/*	background: var(--primary);*/
	background: var(--secondary);
	transition: width .2s ease-in-out;
	will-change: width;
}
#header .navbar-nav .active a:before {
	width: 58%;
}
/* on hover */
#header .navbar-nav a:active:before, #header .navbar-nav a:hover:before, #header>a:active:before, #header>a:hover:before {
	width: 58%;
}
#navbar-search-input::placeholder {
	color: white;
}
/*
.wow { visibility: hidden; }*/

.header-decor{position:absolute;top:0;left:0;width:100%;z-index:-1;overflow:visible;}

.tooltip-inner { background-color: var(--primary); max-width: 400px; }
.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before { border-top-color: var(--primary); }
.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before { border-right-color: var(--primary); }
.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before { border-bottom-color: var(--primary); }
.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before { border-left-color: var(--primary); }
.tooltip.show { opacity: 1;}
.md-inner { background-color: #000 !important;}

table th { font-weight: 500; }
table td { font-weight: 400; }

a:hover { color: inherit; }
a {color: #000 }
.text-primary { color: var(--primary) !important; }
.btn { text-transform: none; border-radius: 10px; }
.btn-primary, .btn-primary:focus, .btn-primary.focus, .open > .dropdown-toggle.btn-primary:focus, .open > .dropdown-toggle.btn-primary.focus, .btn-primary.focus:active { background-color: var(--primary) !important; border-width: 0px; color:#000;	}
.pills-primary .nav-link.active, .pills-primary .show>.nav-link, .tabs-primary, 
.btn-primary:hover, .btn-primary:active:hover, .btn-primary.active:hover, .open > .dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .btn-primary.active.focus { background-color: var(--primary) !important; }
.btn-secondary, .btn-secondary:hover { background-color: var(--secondary)!important; color: #fff; font-weight: bold; text-transform: none; }
.navbar.navbar-light .breadcrumb .nav-item.active>.nav-link, .navbar.navbar-light .navbar-nav .nav-item.active>.nav-link, .breadcrumb { background-color: transparent; }
.border-primary { border-color: var(--primary) !important }
/* radio buttons */
.form-check-input[type=radio].with-gap:checked+label:after, .form-check-input[type=radio]:checked+label:after, label.btn input[type=radio].with-gap:checked+label:after, label.btn input[type=radio]:checked+label:after { background-color: var(--primary) }
.form-check-input[type=radio].with-gap:checked+label:after, .form-check-input[type=radio].with-gap:checked+label:before, .form-check-input[type=radio]:checked+label:after, label.btn input[type=radio].with-gap:checked+label:after, label.btn input[type=radio].with-gap:checked+label:before, label.btn input[type=radio]:checked+label:after { border: 2px solid var(--primary); }
.md-form label.label-smaller { font-size: 0.8rem; transform: translateY(16px); }
.md-form label.label-smaller.active { transform: translateY(-10px) scale(.8); }
/* radio buttons end */
.btn-primary:not([disabled]):not(.disabled).active, .btn-primary:not([disabled]):not(.disabled):active, .show>.btn-primary.dropdown-toggle { background-color: #00675C !important }
.btn.btn-xs { padding: .1rem .6rem; font-size: .64rem; }
.md-form input[type=date], .md-form input[type=datetime-local], .md-form input[type=email], .md-form input[type=number], .md-form input[type=password], .md-form input[type=search-md], .md-form input[type=search], .md-form input[type=tel], .md-form input[type=text], .md-form input[type=time], .md-form input[type=url], .md-form textarea.md-textarea { color: #FFF; }
.md-form-black input[type=date], .md-form input[type=datetime-local], .md-form input[type=email], .md-form input[type=number], .md-form input[type=password], .md-form input[type=search-md], .md-form input[type=search], .md-form input[type=tel], .md-form input[type=text], .md-form input[type=time], .md-form input[type=url], .md-form textarea.md-textarea { color: #000; }
.md-form label { color: #FFF; }
.btn-round { border-radius: 10em; }
.btn-light-green { 
	background-color: #AFDCB3 !important;
    color: #000;
	border: solid transparent;
	box-shadow: none;
}
.btn-light-green:hover { 
	background-color: #FFF !important;
    color: #000;
	border: solid #AFDCB3;
	box-shadow: none;
}
.btn-light-green-inverse { 
	background-color: #FFF !important;
    color: #000;
	border: solid #AFDCB3;
	box-shadow: none;
}
.btn-light-green-inverse:hover { 
	background-color: #AFDCB3 !important;
    color: #000;
	border: solid transparent;
	box-shadow: none;
}
/* loading-overlay */
.faded-wrapper { position: fixed; right: 0; bottom: 0; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: 2000; background-color: rgba(0,0,0,0.4); display:none; color:#FFF; }
#faded-msg.faded-wrapper { z-index: 2001; }
.faded-wrapper > div { height: 5em; margin: -5em 0; position: absolute; top: 50%; width: 100%; }
#faded-msg-content { font-size:200%;font-weight:bold; }

/*.md-tabs .nav-item.open .nav-link, .md-tabs .nav-link.active {  background-color:#B3F5FF; color: var(--primary); }*/
/*.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover { background-color: #6FE9FF; border-radius: 0px; color: var(--primary); }*/

.alert-success { color: inherit; background-color: #C7F6C9; border-color: #c3e6cb; }
.alert-warning { color: #000; background-color: #F9C66B; border-color: #ffeeba; }
.alert-danger { color: inherit; background-color: #FF8274; border-color: #f5c6cb; color: #000; }

.md-tabs { border-radius: 0px; box-shadow: none; }
.md-tabs .nav-item.open .nav-link, .md-tabs .nav-link.active { border-radius: 0px; }
@media (min-width: 62em){
	.classic-tabs .nav.justify-content-center li:first-child { margin-left: 0px; }
}

.front-page-div { /*min-height: 100vh;*/ padding: 50px; /*display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-align: center; align-items: center;*/ }

a.disabled { cursor: not-allowed; }
select { display: inline-block !important; /*font-family: Roboto, sans-serif;*/ }
select.browser-default { display: block !important; }
select.mdb-select { display: none !important; }
.select-no-mb.md-form .form-control {margin-bottom: 0px}

.intro-2 video {
  /*min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);*/
	min-width:100%; min-height:100vh
}

.video-alert { display: none; }
.no-video .video-alert { display: block; position: fixed; z-index: 300; bottom: 0px; width: 100%; margin-bottom:0px;}

.alert-ie9 { display: none; }
.ie9 .alert-ie9 { display: block; position: fixed; z-index: 300; bottom: 0px; width: 100%; margin-bottom:0px;}

/*#faded-loading { display: block; }
#faded-loading > div { display: none; }*/
@keyframes pulse{
	from,to{transform:scale3d(1,1,1)}
	50%{transform:scale3d(1.02,1.02,1.02)}
}
@keyframes pulse-large{
	from,to{transform:scale(1)}
	50%{transform:scale(2)}
}
.wow {
	visibility: hidden;
}

.progress-container { width: 100%; height: 8px; background: #ccc; }
.progress-bar { height: 8px; background: #2A2859; width: 0%; transition: width .5s ease; }

.clearleft { clear: left; }
.table-middle-align td, table.table thead th { vertical-align: middle}
.tablesorter.hasFilters tbody tr:first-child td { border-top-width: 0px; }

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

.fa-rotate-45 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0.5)";	-webkit-transform: rotate(45deg); transform: rotate(45deg); }
.fa-rotate-135 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1.5)";	-webkit-transform: rotate(135deg); transform: rotate(135deg); }
.fa-rotate-225 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2.5)";	-webkit-transform: rotate(225deg); transform: rotate(225deg); }
.fa-rotate-315 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3.5)";	-webkit-transform: rotate(315deg); transform: rotate(315deg); text-align:center }

.tablesorter-filter-row.hideme { }
.sorter-false .tablesorter-icon { display: none !important; }

.moxie-shim { z-index: -1 !important}

/* fiks table-responsive med datatable */
.table-responsive > div > div.row { margin-left: 0px; margin-right: 0px; }
.table-responsive > div > div.row > .col-sm-12 { padding-left: 0px; padding-right: 0px; }

.choice-box { background-color: #E6F3EC; color: #000; margin-bottom: 10px; padding: 20px; text-align: center; height: 160px; position: relative; display:block; border-radius: 0px !important; border-top: 7px solid #F2A359; font-weight: bold; text-transform: none; }
.choice-img { max-width: 70px; margin: 0 auto; margin-bottom:5px; }
.choice-text { position: relative; bottom: 0px; }

.choice2-box { background-color: #FFF; color: #000; padding: 5px; text-align: center; height: 90px; position: relative; display:block; border-radius: 40px !important; text-transform: none; box-shadow: none; border: 1px solid #000; font-weight: 600; }
.choice2-img { margin: 0 auto; border-radius: 50%; }
.choice2-text {  }

.paastand-box { background-color: #E6F3EC; color: #000; margin-bottom: 10px; padding: 20px; text-align: left; height: 100%; position: relative; display:block; border-radius: 0px !important; border-top: 7px solid #F2A359;  }
.paastand-img { max-width: 70px; margin: 0 auto; margin-bottom:5px; }
.paastand-text { position: relative; bottom: 0px; text-transform: none; font-size: 14px; }
#paastand-num-status { height: 5px; width: 0%; transition: width 1s}
.hovedstad-sum { width: 120px; margin: 0 auto; }

.hovedstad-box { background-color: #FFF; color: #000; margin-bottom: 10px; padding: 20px; text-align: center; height: 100%; position: relative; display:block; padding-bottom: 130px; }
.hovedstad-text { font-style: italic; }
.hovedstad-desc { font-weight: bold; font-size: 120%; }
.hovedstad-explore { background-color: #000; color: #FFF; position: absolute; bottom:-17px; font-weight: bold; width: 120px; left: 50%; margin-left: -60px; height: 34px; line-height: 34px; }
.hovedstad-place { position: absolute; top:-15px; border-radius: 50%; border: 1px solid #CCC; width: 30px; height: 30px; line-height: 30px;	left: 50%; margin-left: -15px; background-color:#FFF; }
.hovedstad-img { bottom: 40px; width: 100%; left: 0px; padding: 0px 20px; position: absolute; }

.hovedstad-first-place { transform: scale(1.2); }
/*.hovedstad-first-place .hovedstad-text { font-size: 140%; }*/
.hovedstad-first-place .hovedstad-desc { font-size: 120%; }
.hovedstad-first-place .hovedstad-sum { background-color: #C7F6C9; }
.hovedstad-first-place .hovedstad-place { background-color: #000; color: #FFF; border: 0px solid #CCC;}
.hovedstad-second-place .hovedstad-sum { background-color: #F9C66B; }
.hovedstad-third-place .hovedstad-sum { background-color: #FF8274; }

.hovedstad-first-header { font-size:300% !important }
@media (max-width: 992px){
	.hovedstad-first-header { font-size:200% !important }
}

.box-choices .img-checked-span, .box-choices .img-checked-div { opacity: 0; transition: all 0.3s ease-in-out; }
.img-checked-span { position: absolute; left: 5px; bottom: 5px; color: greenyellow; /*display: none;*/ }
.img-checked-div { background-color: #444; height: 100px; left: -50px; position: absolute; bottom: -50px; width: 100px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.box-choices .active .img-checked-span { opacity:1; }
.box-choices .active .img-checked-div { opacity:1; }

.content_right, .content_left { width: 190px; }
.content { width: 300px; }
.contentlvl2 { width: 680px }

.full-page, #black,#helse-hovedstad,#verdier,#dna,#strategi,#maal,#nummeren,#error { position: relative; min-height: 100vh; height:auto; margin: 0 auto; padding: 0; /*overflow: hidden;*/}

.sprite, .sprite1 { position: absolute; width: 100%; height: 100%; z-index: 200; top: 0; padding: 0; }
.sprite8 { position: absolute; width: 100%; height: 100%; z-index: 193; top: 0; padding: 0; }
.sprite7 { position: absolute; width: 100%; height: 100%; z-index: 194; top: 0; padding: 0; }
.sprite6 { position: absolute; width: 100%; height: 100%; z-index: 195; top: 0; padding: 0; }
.sprite5 { position: absolute; width: 100%; height: 100%; z-index: 196; top: 0; padding: 0; }
.sprite4 { position: absolute; width: 100%; height: 100%; z-index: 197; top: 0; padding: 0; }
.sprite3 { position: absolute; width: 100%; height: 100%; z-index: 198; top: 0; padding: 0; }
.sprite2 { position: absolute; width: 100%; height: 100%; z-index: 199; top: 0; padding: 0; }
.sprite, .sprite1, .sprite2, .sprite3, .sprite4, .sprite5, .sprite6, .sprite7, .sprite8 { background-size: auto calc(100vh + 500px); background-attachment: fixed; background-repeat: no-repeat; background-position: 50% 0px; }

.screen, .screen2 { position:relative; /*position: absolute; width: 100%;*/ height: 100%; /*z-index: 203;*/ top: 0; padding: 0; }
.blurbackground { position: absolute; left: 0px; width: 100%; height: 100%; background: #fff; background: none repeat scroll 0 0 rgba(255, 255, 255, 0.75);  }

#black { background-color: #000; }

/* -- Home -- */
#home { /*background:url("/images/river.gif") 0 0 no-repeat fixed;*/ color: #363636; }
.screen .boxesmenu .boxesimg { width: 220px; height: 220px; margin: 0 auto; }
.screen .boxesmenu .boxesimg .boxtext { position: absolute; color: #FFF; bottom: 0px; left: 0px; right: 0px; background-color: rgb(71, 70, 70, 0.9); padding: 15px;}

#helse-hovedstad {  background-color: var(--helse); color: var(--helse-text); padding-top: 125px; }
.fixed-top { padding: 10px; }
#arbeids-hovedstad {  background-color: var(--arbeid); color: var(--arbeid-text); padding-top: 125px; }
#sirkular-hovedstad {  background-color: var(--sirkular); color: var(--sirkular-text); padding-top: 125px; }
#sikkerhet-hovedstad {  background-color: var(--sikkerhet); color: var(--sikkerhet-text); padding-top: 125px; }
#helse-hovedstad .fixed-top { background-color: var(--helse); color: var(--helse-text); }
#helse-hovedstad .fixed-top a { color: var(--helse-text); }
#arbeids-hovedstad .fixed-top { background-color: var(--arbeid); color:  var(--arbeid-text); }
#arbeids-hovedstad .fixed-top a { color:  var(--arbeid-text); }
#sirkular-hovedstad .fixed-top { background-color: var(--sirkular); color: var(--sirkular-text); }
#sirkular-hovedstad .fixed-top a { color: var(--sirkular-text); }
#sikkerhet-hovedstad .fixed-top { background-color: var(--sikkerhet); color: var(--sikkerhet-text); }
#sikkerhet-hovedstad .fixed-top a { color: var(--sikkerhet-text); }

.helse-bg { background-color: var(--helse); color: var(--helse-text); }
.arbeids-bg { background-color: var(--arbeid); color: var(--arbeid-text); }
.sirkular-bg { background-color: var(--sirkular); color: var(--sirkular-text); }
.sikkerhet-bg { background-color: var(--sikkerhet); color: var(--sikkerhet-text); }

.mixed-bg { background-image: url("/images/mixed_background.jpg"); background-position: 0 0;background-size: cover; }
#helse-hovedstad .mixed-bg { background-image: url("/images/bg_helse.svg"); background-position: 0 -7px; }
#sirkular-hovedstad .mixed-bg { background-image: url("/images/bg_sirkular.svg"); background-position: 0 -7px;background-size: cover; }
#sikkerhet-hovedstad .mixed-bg { background-image: url("/images/bg_sikkerhet.svg"); background-position: 0 0;background-size: cover; }

/* -- verdier -- */
#verdier { background-image: url("/images/image11_aaker.jpg"); background-size:cover; color: #000; }


/* -- dna -- */
#dna {  color: #333; }
#dna .sprite8 { background-image: url("/images/parallax1_sky_01.svg");  }
#dna .sprite7 { background-image: url("/images/parallax1_tree_01.svg");  }
#dna .sprite6 { background-image: url("/images/parallax1_brush_01.svg");  }
#dna .sprite5 { background-image: url("/images/parallax1_hill_01.svg");  }
#dna .sprite4 { background-image: url("/images/parallax1_tree_02.svg");  }
#dna .sprite3 { background-image: url("/images/parallax1_tree_03.svg"); }
#dna .sprite2 { background-image: url("/images/parallax1_tree_04.svg");  }
#dna .sprite1 { background-image: url("/images/parallax1_tree_05.svg")  }

/*

#dna { background: #000 url("/images/dna_bg0.jpg") 50% 0 no-repeat fixed; color: #333; }
#dna .sprite4 { background: url("/images/dna_bg4.png") 50% 0px no-repeat fixed; }
#dna .sprite3 { background: url("/images/dna_bg3.png") 50% -800px no-repeat fixed; }
#dna .sprite2 { background: url("/images/dna_bg2.png") 50% 0px no-repeat fixed; }
#dna .screen { background: url("/images/dna_bg1.png") 50% 0px no-repeat; }*/
/*#dna .screen .content { /*color: #FFF; background: url("/images/dna_logo.png") no-repeat; background-position: 15px 0; }*/
#dna .popup_content table { border-collapse:separate; }
#dna .popup_content table thead th { background-color:#feb914;padding:5px; border: 1px solid #a6a6a6; border-width: 0px 1px 1px 0px; vertical-align: middle; width: 146px; }
#dna .popup_content table tbody td { background-color:#FFFFFF;padding:15px; border: 1px solid #a6a6a6; border-width: 0px 1px 0px 0px; }
#dna .popup_content table .colright { border-right-width: 0px; }
#dna .popup_content table tbody td ul { padding-left: 20px; }

@media (max-width: 991px){
	#strategi form label { position: relative !important;}
	#strategi form .md-form label.active { transform: none; }
}

/* -- maal -- */
#maal { background: #000 url("/images/maal_bg0.jpg") 50% 0 no-repeat fixed; color: #666; }
#maal .sprite5 { background: url("/images/maal_bg5.png") 50% 0px no-repeat fixed; }
#maal .sprite4 { background: url("/images/maal_bg4.png") 50% 0px no-repeat fixed; }
#maal .sprite2 { background: url("/images/maal_bg2.png") 50% 0px no-repeat fixed; }
#maal .screen { background: url("/images/maal_bg12.png") right top no-repeat; }
#maal .screen .content_left { color: #FFF; background: url("/images/maal_logo.png") no-repeat; background-position: 15px 0; }
#maal .screen .content_right { color: #FFF; }
#maal .screen2 { display: none; z-index: 204; }

#maal .screen2 #readmore_maal2_target table { width: 100%; color: #000; }
#maal .screen2 #readmore_maal2_target table thead th { background-color:#feb914;padding:5px; border: 1px solid #a6a6a6; border-width: 0px 1px 1px 0px; vertical-align: middle; text-align: center; }
#maal .screen2 #readmore_maal2_target table tbody td { background-color:#FFFFFF;padding:15px; border: 1px solid #a6a6a6; border-width: 0px 1px 0px 0px; }
#maal .screen2 #readmore_maal2_target table .colright { border-right-width: 0px; width: 50%; }
#maal .screen2 #readmore_maal2_target table tbody td ul { margin: 0px; padding-left: 20px; }

#maal .screen2 #readmore_maal11_target table { color: #FFF; }
#maal .screen2 #readmore_maal11_target table td { padding: 5px; }
#maal .screen2 #readmore_maal11_target tr td { border-bottom: 1px solid #FFF; }
#maal .screen2 #readmore_maal11_target .colodd { color: #000; background-color: #f2f2f2; border-bottom: 1px solid #a4a4a4; }
#maal .screen2 #readmore_maal11_target .maal_first_tr { font-weight: bold; font-family: "helvetica_neueregular_bold",Arial,sans-serif; font-size: 14px; text-align: center; }
#maal .screen2 #readmore_maal11_target .maal_first_tr td { border-bottom: 2px solid #FFF;}
#maal .screen2 #readmore_maal11_target .maal_first_tr .colodd { font-weight: bold; border-bottom: 2px solid #a4a4a4; }

#maal .contentwrapper { margin: 0 auto; }
#maal .contentwrapper .content_left, #maal .contentwrapper .content_right { margin-top: 100px; }

/* -- nummeren -- */
#nummeren { background: #FFF url("/images/nummeren_bg0.jpg") 50% 0 no-repeat fixed; color: #333; }
#nummeren .sprite2 { background: url("/images/nummeren_bg2.png") 50% 0px no-repeat fixed; }
#nummeren .screen { background: url("/images/nummeren_bg1_2.png") 50% 0px no-repeat; }
#nummeren .screen .content { color: #000; background: url("/images/nummeren_logo.png") no-repeat; background-position: 15px 0; }

.video-js {padding-top: 56.25%}
.vjs-fullscreen {padding-top: 0px}

.modal-full-screen { width: 100vw; min-height: 100vh; margin: 0px; max-width: none; }
.modal-full-screen .modal-content { min-height: 100vh;}
.modal-full-screen .modal-header .close { padding: 1rem 2rem 1rem 1rem; }

@media (max-width: 991px){
	.modal-lg, .modal-xl {
		max-width: 98%;
	}
}
@media (max-width: 991px){
	.h1, h1 {
		font-size: 2rem;
	}
	.modal-md {
		max-width: 98%;
	}
}
/*
@media (max-width: 1024px) {
  .screen .contentwrapper, .screen2 .contentwrapper, #header { width: auto; }
  #videodiv { width: 100%; }
}
	
@media (max-width: 768px){
	#strategi .content_left, #strategi .content_right { width: auto; }
	#strategi .content_right { padding-top: 10px; margin-top: 0px; }
	.screen .content { width: auto; float:none; }
	.screen .contentlvl2 { width: auto; float:none; }
	.content_center { overflow-y: scroll; }
	.whitepopup { position: static; margin-top: 20px; }
	.collapse.in, .collapsing { background-color: rgb(255, 255, 255); background-color: rgba(255, 255, 255, 0.8); }
	#top .collapse.in a, #top .collapsing a { color: #000; }
}
/* bokser på førsteside */
@media (min-width: 1200px) {
	.col-xl-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%;	max-width: 66.666667%; }
	.offset-xl-2 { margin-left: 16.666667%; }
	
}
.side-nav { width: 25rem; }
@media (max-width: 991px){
	.screen .boxesmenu .boxesimg { width: 100%; height: 200px; margin-bottom:20px;  }
}
/*
@media (max-width: 720px){
	.screen .boxesmenu { width: auto; }
	.screen .boxesmenu img { display: none; }
	.screen .boxesmenu .boxesimg { width: auto; height: auto; float:none; text-align: center; }
	.screen .boxesmenu .boxesimg .boxtext { position: static; }
	.screen .boxesmenu .boxesimg .boxtext, #home .screen .boxesmenu .boxesimg .boxtext.black { color: #f8992e; font-size: 200%; }
	.screen .boxesmenu .boxesimg a:hover { text-decoration: none; }
}*/
.form-check-input[type=checkbox]:checked+label:before, label.btn input[type=checkbox]:checked+label:before {
	border-right: 2px solid #484F5D;
    border-bottom: 2px solid #484F5D;
}
input[type=range]::-webkit-slider-thumb {
    background: #484F5D;
}
input[type=range]::-moz-range-thumb {
    background: #484F5D;
}
input[type=range]::-ms-thumb {
    background: #484F5D;
}
.btn { padding: 14px 40px 14px 40px; font-size: 16px; }
.btn-border { border: #484F5D solid 2px; }

h1, h2, h3, h4, h5 { font-family: "Helvetica", sans-serif; }
.inria-sans-bold {
  font-family: "Helvetica", sans-serif;
  font-weight: 700;
  font-style: normal;
}
.btn-dark { background-color: #484F5D !important; }
.verdi-tables, .verdi-tables table td { font-size: 12px;}
.verdi-tables table.table-sm td, table.table-xs td { padding-top: .2rem; padding-bottom: .2rem; }

#map {
	height: 350px;
}